@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap";:root{--primary:#3ac1ef;--primary-light:#eef8fc;--primary-hover:#1597c6}.sa-root{--sw:204px;width:100%;height:100vh;color:var(--tx,#1a1a1a);background:var(--bg,#f9fbfe);flex-direction:row;font-family:DM Sans,sans-serif;font-size:14px;display:flex;overflow:hidden}.sa-root #sb{width:var(--sw);min-width:var(--sw);background:var(--primary-light);z-index:10;border-right:1px solid #f2f2f2;flex-direction:column;flex-shrink:0;height:100vh;transition:width .3s,min-width .3s;display:flex;overflow:visible}.sa-root #sb.collapsed{width:0;min-width:0}.sa-root .sbh{border-bottom:1px solid #f2f2f2;flex-shrink:0;justify-content:flex-start;align-items:center;padding:18px 14px 16px;display:flex;position:relative}.sa-root .p_relative{position:relative}.sa-root .sblogo{object-fit:contain;width:160px;max-width:100%;height:auto;max-height:50px;display:block}.sa-root .collapse-btn{color:#64748b;cursor:pointer;z-index:50;background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:42px;right:-14px;transform:translateY(-50%);box-shadow:0 1px 3px #00000014,0 4px 12px #0000000f}.sa-root .collapse-btn svg{stroke:currentColor;stroke-width:2.5px;fill:none;width:14px;height:14px}.sa-root .sbu{background:var(--primary);border-radius:5px;flex-shrink:0;align-items:center;gap:9px;margin:7px 9px 10px;padding:9px 12px;display:flex}.sa-root .sbav{width:26px;height:26px;color:var(--primary);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.sa-root .sbun{color:#fff;white-space:nowrap;font-size:13px;font-weight:700}.sa-root .sbnav{flex-direction:column;flex:1;align-items:stretch;gap:0;padding:4px 0;display:flex;overflow:hidden auto}.sa-root .sbnav::-webkit-scrollbar{display:none}.sa-root .sbsc{color:var(--tx3,#7a7876);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex-shrink:0;padding:12px 16px 4px;font-size:11px;font-weight:700}.sa-root .si{cursor:pointer;color:var(--tx2,#4a4a4a);border-radius:5px;flex-shrink:0;align-items:center;gap:10px;margin:1px 9px;padding:9px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex;position:relative}.sa-root .si:hover{color:var(--tx,#1a1a1a);background:#fff9}.sa-root .si.on{background:var(--primary);color:#fff;font-weight:700}.sa-root .si.on:before{content:"";background:#fff;border-radius:0 3px 3px 0;width:4px;position:absolute;top:8px;bottom:8px;left:0}.sa-root .si svg{stroke:currentColor;stroke-width:1.8px;fill:none;flex-shrink:0;width:15px;height:15px}.sa-root .sbft{border-top:1px solid #f2f2f2;flex-shrink:0;padding:9px}.sa-root .sbout{color:var(--tx2,#4a4a4a);cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:7px;width:100%;padding:9px 10px;font-size:13px;transition:all .12s;display:flex}.sa-root .sbout:hover{color:var(--tx,#1a1a1a);background:#fff9}.sa-root .sbout svg{stroke:currentColor;stroke-width:2px;fill:none;width:13px;height:13px}.sa-root #main{background:var(--bg,#f9fbfe);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.sa-root #topbar{background:var(--bg,#f9fbfe);border-bottom:1px solid #f2f2f2;flex-shrink:0;align-items:center;gap:14px;height:50px;padding:0 22px;display:flex}.sa-root #tbt{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--tx,#1a1a1a);flex:1;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;overflow:hidden}.sa-root .tbp{color:var(--tx2,#4a4a4a);background:#fff;border:1px solid #f2f2f2;border-radius:12px;align-items:center;gap:6px;padding:3px 10px;font-family:Outfit,sans-serif;font-size:11px;font-weight:500;display:flex;box-shadow:0 1px 3px #0000000a}.sa-root .tbd{background:var(--grn,#15803d);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s infinite sa-blink}@keyframes sa-blink{0%,to{opacity:1}50%{opacity:.3}}.sa-root .tbbtn{border-radius:var(--rmd,10px);color:var(--tx2,#4a4a4a);cursor:pointer;background:var(--primary-light);border:1px solid #f2f2f2;align-items:center;gap:5px;padding:5px 11px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;transition:background .12s;display:flex}.sa-root .tbbtn:hover{background:var(--bg,#f9fbfe)}.sa-root .tbbtn svg{stroke:currentColor;stroke-width:2px;fill:none;width:12px;height:12px}.sa-root .mobile-nav-toggle{cursor:pointer;color:var(--tx,#1a1a1a);background:0 0;border:none;flex-shrink:0;padding:0;display:none}.sa-root .mobile-nav-toggle svg{stroke:currentColor;stroke-width:2px;fill:none;width:20px;height:20px}.sa-root #content{background:var(--bg,#f9fbfe);flex:1;overflow:hidden auto}.sa-root #content::-webkit-scrollbar{width:5px}.sa-root #content::-webkit-scrollbar-thumb{background:#e6eef2;border-radius:3px}.sa-root .pg{flex-direction:column;min-width:0;min-height:100%;padding:24px 24px 40px;display:flex}.sa-root .pgh{z-index:10;background:var(--bg,#f9fbfe);border-bottom:1px solid #f2f2f2;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:14px;margin:-24px -24px 20px;padding:24px 24px 14px;display:flex;position:sticky;top:0;box-shadow:0 8px 18px #0f172a0a}.sa-root .pgh-l{flex:1;min-width:0}.sa-root .pgh-l h1{letter-spacing:-.02em;color:var(--tx,#1a1a1a);margin:0 0 3px;font-family:Outfit,sans-serif;font-size:24px;font-weight:700}.sa-root .pgh-l p{color:var(--tx3,#7a7876);margin:0;font-size:12px}.sa-root .pgh-r{flex-shrink:0;align-items:center;gap:7px;display:flex}.sa-root .kgrid{flex-shrink:0;gap:12px;margin-bottom:18px;display:grid}.sa-root .kg3{grid-template-columns:repeat(3,1fr)}.sa-root .kg4{grid-template-columns:repeat(4,1fr)}.sa-root .kc{background:#fff;border:1px solid #f2f2f2;border-radius:14px;padding:16px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.sa-root .kc:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.sa-root .kc-t:before{background:var(--teal,#288f87)}.sa-root .kc-r:before{background:var(--red,#be123c)}.sa-root .kc-w:before{background:var(--amb,#b45309)}.sa-root .kc-g:before{background:var(--grn,#15803d)}.sa-root .kc-b:before{background:var(--primary)}.sa-root .kn{color:var(--tx,#1a1a1a);margin-bottom:2px;font-family:Outfit,sans-serif;font-size:26px;font-weight:700;line-height:1.2}.sa-root .kl{color:var(--tx3,#7a7876);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-family:Outfit,sans-serif;font-size:11px;font-weight:500}.sa-root .card{background:#fff;border:1px solid #f2f2f2;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.sa-root .twrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.sa-root .twrap::-webkit-scrollbar{height:5px}.sa-root .twrap::-webkit-scrollbar-thumb{background:#e6eef2;border-radius:3px}.sa-root table{border-collapse:collapse;width:100%;font-size:13px}.sa-root .twrap>table{min-width:640px}.sa-root table th{background:var(--bg,#f9fbfe);color:var(--tx3,#7a7876);text-align:left;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid #f2f2f2;padding:11px 16px;font-size:11px;font-weight:700}.sa-root table td{color:var(--tx,#1a1a1a);vertical-align:middle;border-bottom:1px solid #f2f2f2;padding:13px 16px}.sa-root table tbody tr:last-child td{border-bottom:0}.sa-root table tbody tr:hover{background:#f9fbfe}.sa-root .tag{white-space:nowrap;border-radius:20px;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.sa-root .t-green{color:#15803d;background:#dcfce7}.sa-root .t-orange{color:#b45309;background:#fef3c7}.sa-root .t-gray{color:#64748b;background:#f1f5f9}.sa-root .t-blue{background:var(--primary-light);color:var(--primary)}.sa-root .t-red{color:#be123c;background:#fff1f2}.sa-root .contact-sales-card{border-radius:10px;flex-direction:column;flex:1;min-height:0;display:flex}.sa-root .contact-sales-toolbar{align-items:center;gap:16px;padding:26px 26px 22px;display:flex}.sa-root .contact-sales-search,.sa-root .contact-sales-filter,.sa-root .contact-sales-date{color:#46536a;background:#fff;border:1px solid #dbe4ef;border-radius:5px;height:42px;box-shadow:0 1px 2px #0f172a08}.sa-root .contact-sales-search{align-items:center;width:min(360px,100%);padding:0 14px;display:flex}.sa-root .contact-sales-search input{min-width:0;color:var(--tx,#1a1a1a);border:0;outline:0;flex:1;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600}.sa-root .contact-sales-search input::placeholder{color:#65738a}.sa-root .contact-sales-search svg,.sa-root .contact-sales-filter svg,.sa-root .contact-sales-date svg,.sa-root .contact-sales-pages svg,.sa-root .contact-sales-drawer svg,.sa-root .contact-sales-dialog svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:16px;height:16px}.sa-root .contact-sales-filter,.sa-root .contact-sales-date,.sa-root .contact-sales-pages button,.sa-root .contact-sales-view,.sa-root .contact-sales-drawer-head button,.sa-root .contact-sales-actions button{cursor:pointer;justify-content:center;align-items:center;gap:8px;font-family:DM Sans,sans-serif;font-weight:700;display:inline-flex}.sa-root .contact-sales-filter{padding:0 18px;font-size:13px}.sa-root .contact-sales-date{margin-left:auto;padding:0 14px 0 18px;font-size:12px}.sa-root .contact-sales-table{flex:1;padding:0 26px;overflow-y:auto}.sa-root .contact-sales-table>table{min-width:940px}.sa-root .contact-sales-table th{color:#53627a;background:#f8fafc;padding:14px 16px}.sa-root .contact-sales-table td{color:#172033;padding:18px 16px;font-weight:600}.sa-root .contact-sales-view{border:1px solid var(--primary);min-width:72px;height:34px;color:var(--primary);background:#fff;border-radius:5px;font-size:12px}.sa-root .contact-sales-view:hover{background:var(--primary);color:#fff}.sa-root .contact-sales-footer{color:#43516a;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px 28px;font-size:13px;font-weight:600;display:flex}.sa-root .contact-sales-pages{align-items:center;gap:12px;display:flex}.sa-root .contact-sales-pages button{color:#66758d;background:#fff;border:1px solid #dbe4ef;border-radius:5px;width:34px;height:34px}.sa-root .contact-sales-pages button.active{border-color:var(--primary);background:var(--primary);color:#fff}.sa-root .contact-sales-overlay{z-index:1000;background:#0f1e352e;justify-content:flex-end;display:flex;position:fixed;inset:0}.sa-root .contact-sales-drawer{background:#fff;flex-direction:column;width:min(392px,100vw);height:100vh;display:flex;box-shadow:-12px 0 32px #0f172a1f}.sa-root .contact-sales-drawer-head{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;padding:28px 24px 22px;display:flex}.sa-root .contact-sales-drawer-head h2{color:#111827;margin:0;font-family:Outfit,sans-serif;font-size:20px;font-weight:700}.sa-root .contact-sales-drawer-head button{color:#53627a;background:0 0;border:0;width:30px;height:30px}.sa-root .contact-sales-drawer-head button:hover{color:var(--primary)}.sa-root .contact-sales-drawer-body{flex:1;padding:22px 24px 18px;overflow-y:auto}.sa-root .contact-sales-section{border-bottom:1px solid #edf1f6;margin-bottom:24px;padding:0 0 24px}.sa-root .contact-sales-section-title{align-items:center;gap:12px;margin-bottom:20px;display:flex}.sa-root .contact-sales-section-icon{background:var(--primary-light);width:32px;height:32px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.sa-root .contact-sales-section-title h3{color:var(--primary);margin:0;font-size:14px;font-weight:700}.sa-root .contact-sales-fields{gap:16px;display:grid}.sa-root .contact-sales-field{grid-template-columns:128px 10px 1fr;align-items:start;gap:10px;font-size:12px;display:grid}.sa-root .contact-sales-field span,.sa-root .contact-sales-field b{color:#53627a;font-weight:700}.sa-root .contact-sales-field strong{color:#111827;font-weight:700;line-height:1.65}.sa-root .contact-sales-note{background:var(--primary-light);color:#43516a;border-radius:5px;align-items:center;gap:12px;padding:14px;font-size:12px;font-weight:600;display:flex}.sa-root .contact-sales-note svg,.sa-root .contact-sales-note strong{color:var(--primary)}.sa-root .contact-sales-actions{border-top:1px solid #edf1f6;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:20px 24px 24px;display:grid}.sa-root .contact-sales-actions button{color:#46536a;background:#fff;border:1px solid #dbe4ef;border-radius:5px;min-height:40px;font-size:12px}.sa-root .contact-sales-actions button:hover{border-color:var(--primary);color:var(--primary)}.sa-root .contact-sales-actions button.danger{color:#ef1f1f;border-color:#ffb3b3}.sa-root .sa-backdrop{display:none}@media (width<=900px){.sa-root #sb{z-index:200;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);width:var(--sw)!important;min-width:var(--sw)!important}.sa-root.sb-open #sb{transform:translate(0)}.sa-root .sa-backdrop{z-index:199;opacity:0;pointer-events:none;background:#0f1e3559;transition:opacity .25s;display:block;position:fixed;inset:0}.sa-root.sb-open .sa-backdrop{opacity:1;pointer-events:auto}.sa-root .mobile-nav-toggle{justify-content:center;align-items:center;display:flex}.sa-root .collapse-btn{display:none}}@media (width<=680px){.sa-root .kg3,.sa-root .kg4{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.sa-root .kg3,.sa-root .kg4{grid-template-columns:1fr}.sa-root .pg{padding:16px 16px 40px}.sa-root .pgh{margin-top:-16px;margin-left:-16px;margin-right:-16px;padding:16px 16px 12px}}:root{--navy:#0f1e35;--navy2:#162640;--bg:#f9fbfe;--bg2:#eef8fc;--white:#f2fcff;--surface:#fff;--stroke:#f2f2f2;--bdr:#f2f2f2;--bdr2:#e6eef2;--tx:#1a1a1a;--tx2:#4a4a4a;--tx3:#7a7876;--tx4:#a8a5a0;--icon-box:#3ac1ef;--label:#3ac1ef;--blue:#3ac1ef;--teal:#288f87;--teal-l:#eefffb;--red:#be123c;--red-l:#fff1f2;--red-b:#fecdd3;--amb:#b45309;--amb-l:#fffbeb;--amb-b:#fef3c7;--grn:#15803d;--grn-l:#f0fdf4;--grn-b:#dcfce7;--rsm:6px;--rmd:10px;--rlg:14px;--sh:0 1px 3px #0000000d, 0 1px 2px #00000008;--shmd:0 4px 12px #0000000d;--color-primary:#3ac1ef;--color-primary-strong:#1597c6;--color-primary-soft:#eaf8fd;--color-teal:#288f87;--color-teal-soft:#e8f6f4;--color-navy:#0f1e35;--color-background:#f9fbfe;--color-surface:#fff;--color-border:#e6eef2;--color-text:#1a1a1a;--color-muted:#64748b;--color-success:#10b981;--color-success-soft:#e8f8ef;--color-warning:#f97316;--color-warning-soft:#fff2e8;--color-danger:#ef4444;--color-danger-soft:#fff0f0;--shadow-sm:0 1px 2px #0f1e350f;--shadow-md:0 12px 28px #0f1e3514;--radius-sm:6px;--radius-md:8px;--sidebar-width:272px;color:var(--color-text);background:var(--color-background);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--color-background);min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{z-index:20;width:var(--sidebar-width);border-right:1px solid var(--color-border);background:var(--color-surface);padding:22px 16px;position:fixed;inset:0 auto 0 0}.sidebar__brand{align-items:center;gap:12px;margin-bottom:28px;padding:0 8px;display:flex}.sidebar__mark{border-radius:var(--radius-md);background:var(--color-navy);color:#fff;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.sidebar__brand strong,.sidebar__brand span{display:block}.sidebar__brand strong{color:var(--color-navy);font-size:1rem}.sidebar__brand span{color:var(--color-muted);font-size:.82rem}.sidebar__nav{gap:6px;display:grid}.sidebar__link{border-radius:var(--radius-md);min-height:42px;color:var(--color-muted);align-items:center;gap:10px;padding:0 12px;text-decoration:none;transition:background .16s,color .16s;display:flex}.sidebar__link:hover,.sidebar__link.is-active{background:var(--color-primary-soft);color:var(--color-navy)}.sidebar__link.is-active{box-shadow:inset 3px 0 0 var(--color-primary);font-weight:700}.app-shell__main{min-height:100vh;margin-left:var(--sidebar-width)}.topbar{z-index:10;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f9fbfeeb;justify-content:space-between;align-items:center;gap:16px;min-height:82px;padding:14px 28px;display:flex;position:sticky;top:0}.topbar p,.section-heading p,.page-intro p{color:var(--color-muted);text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:700}.topbar h1,.section-heading h2,.page-intro h2{color:var(--color-navy);margin:0}.topbar h1{font-size:1.45rem}.topbar__actions{align-items:center;gap:10px;display:flex}.topbar__search,.input-with-icon{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-height:40px;color:var(--color-muted);align-items:center;gap:8px;padding:0 12px;display:flex}.topbar__search input,.input-with-icon input{width:210px;color:var(--color-text);border:0;outline:0}.icon-button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:40px;height:40px;color:var(--color-muted);place-items:center;display:grid}.topbar__profile{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-height:40px;color:var(--color-navy);align-items:center;gap:8px;padding:0 12px;font-weight:700;display:flex}.content{padding:28px}.page-stack{gap:18px;display:grid}.stats-grid,.plans-grid,.settings-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat-card,.panel,.plan-card,.settings-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.stat-card{align-items:flex-start;gap:14px;padding:18px;display:flex}.stat-card__icon{border-radius:var(--radius-md);flex:none;place-items:center;width:42px;height:42px;display:grid}.stat-card__icon--primary{background:var(--color-primary-soft);color:var(--color-primary-strong)}.stat-card__icon--success{background:var(--color-success-soft);color:var(--color-success)}.stat-card__icon--danger{background:var(--color-danger-soft);color:var(--color-danger)}.stat-card__icon--warning{background:var(--color-warning-soft);color:var(--color-warning)}.stat-card__icon--teal{background:var(--color-teal-soft);color:var(--color-teal)}.stat-card p,.stat-card span{color:var(--color-muted);margin:0;font-size:.86rem}.stat-card strong{color:var(--color-navy);margin:5px 0;font-size:1.55rem;display:block}.panel{padding:18px}.section-heading,.page-intro{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.section-heading h2,.page-intro h2{font-size:1.1rem}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(320px,.8fr);gap:18px;display:grid}.bar-chart{grid-template-columns:repeat(6,minmax(54px,1fr));align-items:end;gap:14px;min-height:250px;display:grid}.bar-chart__item{text-align:center;gap:8px;display:grid}.bar-chart__track{border-radius:var(--radius-md);background:#edf4f8;align-items:end;height:170px;display:flex;overflow:hidden}.bar-chart__track span{border-radius:var(--radius-md) var(--radius-md) 0 0;background:linear-gradient(180deg, var(--color-primary), var(--color-teal));width:100%;min-height:18px;display:block}.bar-chart strong{color:var(--color-navy)}.bar-chart small{color:var(--color-muted)}.conversion-meter{background:#edf4f8;border-radius:999px;height:12px;overflow:hidden}.conversion-meter span{border-radius:inherit;background:var(--color-success);height:100%;display:block}.mini-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.mini-stats div{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px}.mini-stats span{color:var(--color-muted);font-size:.82rem;display:block}.mini-stats strong{color:var(--color-navy);margin-top:4px;font-size:1.25rem;display:block}.activity-list{gap:12px;display:grid}.activity-item{border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.activity-item__dot{background:var(--color-primary);border-radius:50%;width:10px;height:10px}.activity-item strong{color:var(--color-navy)}.activity-item p,.activity-item span{color:var(--color-muted);margin:2px 0 0;font-size:.86rem}.toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.toolbar select{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-height:40px;color:var(--color-text);padding:0 12px}.table-wrap{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:850px}.data-table th{border-bottom:1px solid var(--color-border);color:var(--color-muted);letter-spacing:0;text-align:left;text-transform:uppercase;font-size:.75rem}.data-table th,.data-table td{white-space:nowrap;padding:13px 12px}.data-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:.9rem}.data-table tbody tr:last-child td{border-bottom:0}.badge{white-space:nowrap;border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:.78rem;font-weight:800;display:inline-flex}.badge--success{background:var(--color-success-soft);color:#047857}.badge--warning{background:var(--color-warning-soft);color:#c2410c}.badge--danger{background:var(--color-danger-soft);color:#dc2626}.badge--primary{background:var(--color-primary-soft);color:var(--color-primary-strong)}.badge--neutral{color:var(--color-muted);background:#eef2f7}.button{border-radius:var(--radius-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:0 12px;font-weight:800;display:inline-flex}.button--primary{background:var(--color-primary);color:var(--color-navy)}.button--secondary{border-color:var(--color-border);background:var(--color-surface);color:var(--color-navy)}.button--ghost{color:var(--color-primary-strong);background:0 0}.plans-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-card{gap:16px;padding:18px;display:grid}.plan-card--highlighted{box-shadow:var(--shadow-md);border-color:#b9e9f8}.plan-card__top{justify-content:space-between;gap:12px;display:flex}.plan-card h2,.settings-card h2{color:var(--color-navy);margin:0;font-size:1.1rem}.plan-card p,.settings-card p{color:var(--color-muted);margin:5px 0 0}.plan-card__price strong{color:var(--color-navy);font-size:2rem}.plan-card__price span{color:var(--color-muted)}.plan-card__limits,.plan-card li{gap:9px;display:grid}.plan-card__limits span,.plan-card li{color:var(--color-muted);align-items:center;gap:8px;display:flex}.plan-card ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.plan-card li svg{color:var(--color-success)}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px;display:grid}.settings-card>svg{color:var(--color-teal)}@media (width<=1100px){.stats-grid,.dashboard-grid,.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){:root{--sidebar-width:100%}.sidebar{border-right:0;border-bottom:1px solid var(--color-border);width:100%;height:auto;padding:12px;position:sticky;top:0}.sidebar__brand{margin-bottom:10px}.sidebar__nav{padding-bottom:2px;display:flex;overflow-x:auto}.sidebar__link{flex:none}.app-shell__main{margin-left:0}.topbar{flex-direction:column;align-items:flex-start;padding:16px}.topbar__actions,.toolbar{flex-wrap:wrap;width:100%}.topbar__search,.input-with-icon{flex:220px}.topbar__search input,.input-with-icon input{width:100%}.content{padding:16px}.stats-grid,.dashboard-grid,.plans-grid,.settings-grid{grid-template-columns:1fr}.bar-chart{overflow-x:auto}.activity-item,.settings-card{grid-template-columns:auto minmax(0,1fr)}.activity-item span,.settings-card .button{grid-column:2}}@media (width<=520px){.topbar__profile{display:none}.mini-stats{grid-template-columns:1fr}.page-intro,.section-heading{flex-direction:column;align-items:flex-start}}.app-shell{--sidebar-width:284px;background:var(--bg)}.app-shell.is-collapsed{--sidebar-width:88px}#sb.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg, #3ac1ef1a, transparent 28%), var(--navy);color:#d7e8f2;border-right:0;flex-direction:column;padding:18px 14px;display:flex;box-shadow:8px 0 24px #0f1e351a}.sbh{justify-content:space-between;align-items:center;min-height:52px;margin-bottom:18px;display:flex}.sblogo{object-fit:contain;width:156px;max-width:100%;height:auto}.drawer-close,.mobile-menu{display:none}.sbnav{gap:18px;padding:4px 0;display:grid;overflow-y:auto}.sbgrp{border-top:1px solid #ffffff14;gap:6px;padding-top:12px;display:grid}.sbgrp:first-child{border-top:0;padding-top:0}.sbsc{color:#ffffff75;letter-spacing:.08em;text-transform:uppercase;margin:0 10px 4px;font-size:.68rem;font-weight:800}.si{border-radius:var(--rmd);color:#ffffffc7;align-items:center;gap:11px;min-height:42px;padding:0 11px;text-decoration:none;transition:background .18s,color .18s,transform .18s;display:flex}.si:hover{color:#fff;background:#ffffff14;transform:translate(2px)}.si.on{background:var(--blue);color:#fff;font-weight:800;box-shadow:0 10px 24px #3ac1ef3d}.si svg{flex:none}.sbft{border-top:1px solid #ffffff1a;gap:10px;margin-top:auto;padding-top:14px;display:grid}.sbuser{border-radius:var(--rmd);background:#ffffff12;align-items:center;gap:10px;padding:10px;display:flex}.sbuser>span{border-radius:var(--rsm);color:#fff;background:#3ac1ef2e;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.sbuser strong,.sbuser small{display:block}.sbuser strong{color:#fff;font-size:.9rem}.sbuser small{color:#ffffff94}.sbout{border-radius:var(--rmd);color:#ffffffb8;background:0 0;border:1px solid #ffffff1a;align-items:center;gap:10px;min-height:40px;padding:0 11px;transition:background .18s,color .18s;display:flex}.sbout:hover{color:#fff;background:#ffffff14}.app-shell.is-collapsed .sblogo{width:44px}.app-shell.is-collapsed .si,.app-shell.is-collapsed .sbout,.app-shell.is-collapsed .sbuser{justify-content:center}.app-shell.is-collapsed .si span,.app-shell.is-collapsed .sbout span,.app-shell.is-collapsed .sbuser div,.app-shell.is-collapsed .sbsc{display:none}.app-shell.is-collapsed .sbgrp{border-top:0;padding-top:0}.topbar{border-bottom-color:var(--bdr2);background:#f9fbfed1;min-height:74px}.topbar__title{align-items:center;gap:10px;min-width:0;display:flex}.topbar__badge{background:var(--bg2);min-height:26px;color:var(--teal);white-space:nowrap;border:1px solid #bceaf8;border-radius:999px;align-items:center;padding:0 10px;font-size:.78rem;font-weight:800;display:inline-flex}.topbar__profile{background:var(--navy);color:#fff;border-color:#ccebf5}.sidebar-toggle{color:var(--navy)}.page-header{border:1px solid var(--bdr2);border-radius:var(--rmd);background:var(--surface);box-shadow:var(--sh);justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.page-header h1{color:var(--navy);margin:0;font-size:1.35rem}.page-header p{color:var(--tx3);margin:6px 0 0}.stat-card,.panel,.plan-card,.settings-card{border-color:var(--bdr2);border-radius:var(--rmd);box-shadow:var(--sh);transition:box-shadow .18s,transform .18s,border-color .18s}.stat-card:hover,.plan-card:hover,.settings-card:hover{box-shadow:var(--shmd);border-color:#cde6f0;transform:translateY(-1px)}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.data-table tbody tr{transition:background .16s}.data-table tbody tr:hover{background:#f1fbff}.drawer-backdrop{display:none}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{--sidebar-width:88px}.app-shell .sblogo{width:44px}.app-shell .si,.app-shell .sbout,.app-shell .sbuser{justify-content:center}.app-shell .si span,.app-shell .sbout span,.app-shell .sbuser div,.app-shell .sbsc{display:none}}@media (width<=820px){.app-shell,.app-shell.is-collapsed{--sidebar-width:0px}#sb.sidebar{width:280px;height:100vh;transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-102%)}#sb.sidebar.is-open{transform:translate(0)}.app-shell .sblogo,.app-shell.is-collapsed .sblogo{width:156px}.app-shell .si,.app-shell .sbout,.app-shell .sbuser{justify-content:flex-start}.app-shell .si span,.app-shell .sbout span,.app-shell .sbuser div,.app-shell .sbsc{display:initial}.drawer-close,.mobile-menu{display:grid}.sidebar-toggle{display:none}.drawer-backdrop{z-index:15;opacity:0;pointer-events:none;background:#0f1e3570;border:0;transition:opacity .18s;display:block;position:fixed;inset:0}.drawer-backdrop.is-open{opacity:1;pointer-events:auto}.topbar{position:sticky}}@media (width<=520px){.stats-grid{grid-template-columns:1fr}.topbar__badge{display:none}}