:root{--primary:#0d9488;--primary-dark:#0f766e;--ink:#0f172a;--surface:#fff;--soft:#f1f5f9;--line:#dbe5ee;--radius:18px}
body{background:radial-gradient(circle at top right,rgba(20,184,166,.14),transparent 34%),linear-gradient(180deg,#f8fbff 0,#eef4f8 100%);color:#142033}
.sidebar{width:328px;background:linear-gradient(180deg,#07111f 0%,#0f2c3d 48%,#0d3b3a 100%);box-shadow:-16px 0 42px rgba(15,23,42,.22);border-left:1px solid rgba(255,255,255,.08);padding:18px 16px 14px;gap:12px}
.sidebar:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 0,rgba(94,234,212,.18),transparent 32%),radial-gradient(circle at 90% 100%,rgba(245,158,11,.12),transparent 34%)}
.sidebar>*{position:relative;z-index:1}.main-content{margin-right:328px}.brand{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);border-radius:24px;padding:15px;margin-bottom:4px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.brand strong{font-size:16px;line-height:1.5}.brand small{color:#cbd5e1;font-size:12px}.brand-mark{border-radius:18px;background:linear-gradient(135deg,#22c55e,#14b8a6 55%,#0ea5e9);box-shadow:0 16px 35px rgba(20,184,166,.28)}
.sidebar-nav{margin-top:0;padding-left:4px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(125,211,252,.55) transparent}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(125,211,252,.45);border-radius:20px}.nav-section-title{color:#a5f3fc;padding:18px 12px 8px;font-size:11px;letter-spacing:0;border-top:1px solid rgba(255,255,255,.06);margin-top:8px}.nav-section-title:first-child{border-top:0;margin-top:0}.sidebar .nav-link{min-height:46px;border:1px solid transparent;border-radius:16px;padding:10px 12px;color:#d8e4ef;font-weight:700}.sidebar .nav-link i{width:28px;height:28px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.07);font-size:16px}.sidebar .nav-link span{line-height:1.35;white-space:normal}.sidebar .nav-link:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.11);transform:translateX(-3px);color:#fff}.sidebar .nav-link.active{background:linear-gradient(90deg,rgba(45,212,191,.28),rgba(14,165,233,.12));border:1px solid rgba(94,234,212,.24);border-right:5px solid #5eead4;color:#ecfeff;box-shadow:0 12px 30px rgba(20,184,166,.13)}.sidebar .nav-link.active i{background:rgba(94,234,212,.18);color:#99f6e4}.nav-count{min-width:24px;text-align:center}
.sidebar-user{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:13px;margin-top:2px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.topbar{height:76px;margin:14px 16px 0;border:1px solid rgba(219,229,238,.88);border-radius:22px;box-shadow:0 18px 45px rgba(15,23,42,.07);top:14px}
.content-wrap{padding:26px 32px}.page-heading{padding:20px 22px;border-radius:22px;background:linear-gradient(135deg,#fff,rgba(240,253,250,.78));border:1px solid rgba(219,229,238,.88);box-shadow:0 18px 45px rgba(15,23,42,.055)}.page-heading h1{font-size:1.65rem}.page-heading p{font-size:12px}
.card{border:1px solid rgba(219,229,238,.92);border-radius:20px;box-shadow:0 14px 35px rgba(15,23,42,.06);overflow:hidden}.card-header{background:linear-gradient(180deg,#fff,#fbfdff)!important}.card:hover{box-shadow:0 22px 55px rgba(15,23,42,.09)}
.stat-card .icon,.quick-action i{background:linear-gradient(135deg,#ccfbf1,#e0f2fe);color:#0f766e}.stat-card:after{background:linear-gradient(135deg,rgba(20,184,166,.12),rgba(14,165,233,.08))}
.btn{font-weight:700}.btn-primary{background:linear-gradient(135deg,#0d9488,#0891b2);border:0}.btn-success{background:linear-gradient(135deg,#16a34a,#0d9488);border:0}.btn-light{box-shadow:0 8px 18px rgba(15,23,42,.05)}
.form-control,.form-select{border-radius:13px;min-height:44px;background:#fbfdff}.table thead th{background:#f1f7fb;color:#0f3a4a}.table tbody tr:hover{background:#f8fffd}
.whatsapp-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px;border-radius:26px;background:linear-gradient(135deg,#073b32,#0f766e 52%,#0891b2);color:#fff;box-shadow:0 24px 60px rgba(13,148,136,.22);position:relative;overflow:hidden}.whatsapp-hero:after{content:"";position:absolute;left:-80px;top:-80px;width:230px;height:230px;border-radius:50%;background:rgba(255,255,255,.12)}.whatsapp-hero h2{font-weight:800;margin:0 0 8px}.whatsapp-hero p{max-width:760px;margin:0;color:#dcfffa}.whatsapp-hero-actions{position:relative;z-index:1;display:flex;gap:10px;flex-wrap:wrap}.whatsapp-tabs a.active{background:#16a34a;border-color:#16a34a}
.wa-big-icon{width:96px;height:96px;margin:auto;display:grid;place-items:center;border-radius:28px;font-size:46px}.wa-big-icon.connected{background:#dcfce7;color:#16a34a}.wa-big-icon.offline{background:#fff7ed;color:#ea580c}.wa-qr{width:245px;max-width:100%;padding:14px;background:#fff;border-radius:22px;border:1px solid var(--line);box-shadow:0 16px 40px rgba(15,23,42,.10)}
.soft-toggle{border:1px solid var(--line);background:#f8fafc;border-radius:16px;padding:13px 16px;display:flex;align-items:center;gap:10px;margin:0}.variable-cloud{display:flex;flex-wrap:wrap;gap:8px}.variable-cloud code{direction:ltr;background:#ecfeff;color:#0f766e;border:1px solid #99f6e4;border-radius:999px;padding:7px 10px;font-size:12px}
.select-search-box{position:relative;margin-bottom:8px}.select-search-box i{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#64748b;z-index:1}.select-search-box input{padding-right:36px;background:#f8fafc;border-radius:999px}.select-search-box small{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#64748b;font-size:11px;pointer-events:none}
.brand-logo{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;background:#fff;padding:5px;box-shadow:0 16px 35px rgba(20,184,166,.18);overflow:hidden}.brand-logo img{max-width:100%;max-height:100%;object-fit:contain}.brand-mark{background:linear-gradient(135deg,var(--primary),var(--accent));font-weight:900}
.progress-bar{background:linear-gradient(90deg,var(--primary),var(--primary-dark))}
.form-control-color{min-height:44px;padding:6px}
.certificate-border{min-height:680px;border-color:var(--certificate-primary,var(--primary));background:radial-gradient(circle at top left,rgba(245,158,11,.08),transparent 30%),linear-gradient(135deg,rgba(20,184,166,.05),transparent)}.certificate-top{display:flex;flex-direction:column;align-items:center;gap:8px}.certificate-logo{max-width:140px;max-height:90px;object-fit:contain}.certificate-logo-mark{width:78px;height:78px;margin:auto;display:grid;place-items:center;border-radius:24px;background:var(--certificate-primary,var(--primary));color:#fff;font-size:38px;font-weight:800}.certificate-subtitle{color:var(--certificate-accent,var(--accent))}.certificate-border h1{color:var(--certificate-primary,var(--primary))}.certificate-border h3{font-size:30px;color:#172033}.certificate-meta{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:22px}.certificate-meta span{border:1px solid #e5eaf1;border-radius:999px;padding:8px 14px;background:#fff}.certificate-signature{margin-top:54px}.certificate-footer{margin-top:22px;color:#64748b}
.whatsapp-status-card .card-body{min-height:355px;display:flex;flex-direction:column;justify-content:center}
@media(max-width:1199px){.sidebar{width:304px}.main-content{margin-right:304px}}
@media(max-width:991px){.main-content{margin-right:0}.topbar{margin:8px;border-radius:18px}.content-wrap{padding:16px}.whatsapp-hero{align-items:flex-start;flex-direction:column}.sidebar{width:min(326px,88vw)}}
@media print{.topbar,.sidebar,.whatsapp-hero,.report-tabs{display:none!important}.main-content{margin:0}.page-heading{box-shadow:none;border:0}}