*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#f5f7fb;font-family:Arial,sans-serif;color:#172033}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:245px;background:#111827;color:#fff;padding:20px 14px;z-index:1000;overflow-y:auto}
.brand{font-size:21px;font-weight:700;padding:8px 12px 22px;white-space:nowrap}
.nav-link{color:#cbd5e1;border-radius:9px;padding:10px 12px;margin:3px 0;text-decoration:none;display:block}
.nav-link:hover,.nav-link.active{background:#1f2937;color:#fff}
.main{margin-left:245px;min-height:100vh}
.topbar{height:70px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:900}
.content{padding:25px;max-width:1600px}
.stat-card,.crm-card{background:#fff;border:0;border-radius:14px;box-shadow:0 5px 22px rgba(15,23,42,.06)}
.stat-card{padding:20px}
.stat-number{font-size:30px;font-weight:700}
.table td,.table th{vertical-align:middle;white-space:nowrap}
.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px}
.badge-hot{background:#dc3545}.badge-warm{background:#fd7e14}.badge-cold{background:#0d6efd}
.btn-whatsapp{background:#25d366;color:#fff}.btn-whatsapp:hover{background:#1ebe5d;color:#fff}
.btn-call{background:#198754;color:#fff}.btn-call:hover{background:#157347;color:#fff}
.small-muted{font-size:12px;color:#6b7280}
.profile-box{background:#fff;border-radius:14px;padding:22px;box-shadow:0 5px 22px rgba(15,23,42,.06)}
.form-control,.form-select{min-height:42px}
.btn{min-height:40px}
img{max-width:100%;height:auto}

@media (max-width:768px){
    body{font-size:14px;padding-bottom:0}
    .sidebar{
        left:0;right:0;top:0;bottom:auto;width:100%;height:58px;
        padding:0 8px;display:flex;align-items:center;gap:4px;
        overflow-x:auto;overflow-y:hidden;white-space:nowrap;
        box-shadow:0 2px 12px rgba(0,0,0,.12)
    }
    .brand{display:none}
    .nav-link{
        display:inline-flex;align-items:center;justify-content:center;
        flex:0 0 auto;height:42px;margin:0;padding:7px 9px;
        border-radius:8px;font-size:12px
    }
    .nav-link i{margin-right:5px!important;font-size:15px}
    .nav-link span{display:inline}
    .main{margin-left:0;padding-top:58px}
    .topbar{
        height:52px;padding:0 14px;
        position:sticky;top:58px
    }
    .topbar strong{font-size:16px}
    .content{padding:12px}
    .stat-card{padding:14px;border-radius:11px}
    .stat-number{font-size:24px}
    .crm-card{border-radius:11px}
    .profile-box{padding:15px}
    h4{font-size:20px}
    h5{font-size:17px}
    .table{font-size:13px;min-width:700px}
    .table-responsive{margin-left:-1px;margin-right:-1px}
    .btn{font-size:13px}
    .row.g-3{--bs-gutter-y:0.75rem}
    .form-label{font-size:13px;font-weight:600}
}

@media (max-width:480px){
    .nav-link{padding:7px 8px;font-size:11px}
    .nav-link i{font-size:14px}
    .content{padding:10px}
    .topbar{padding:0 12px}
    .stat-number{font-size:22px}
    .small-muted{font-size:11px}
    .btn{width:auto}
    .d-flex.justify-content-between{gap:8px;flex-wrap:wrap}
}