:root{--bg:#070b12;--bg2:#0b1220;--panel:#0e1623;--panel2:#121d2d;--line:#1f2d40;--line2:#2a3b51;--text:#f7fbff;--muted:#8291a5;--blue:#3195ff;--cyan:#22d3ee;--purple:#8b5cf6;--green:#20df7a;--yellow:#f7c948;--red:#ff5b70;--shadow:0 18px 60px rgba(0,0,0,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(900px 500px at 75% -10%,rgba(49,149,255,.12),transparent 60%),radial-gradient(700px 450px at 10% 0,rgba(139,92,246,.08),transparent 58%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app-shell{min-height:100vh}.sidebar{width:246px;background:rgba(8,13,21,.94);backdrop-filter:blur(18px);border-right:1px solid #182638;padding:18px 13px;position:fixed;inset:0 auto 0 0;z-index:20;box-shadow:18px 0 50px rgba(0,0,0,.18)}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-weight:850;font-size:16px;padding:5px 9px 22px}.brand small{display:block;color:#718299;font-size:9px;font-weight:500;margin-top:2px}.brand-icon{width:35px;height:35px;border-radius:11px;background:linear-gradient(135deg,#1689ff,#7c5cff);display:grid;place-items:center;box-shadow:0 10px 25px rgba(49,149,255,.25);font-size:16px}.nav-label{font-size:9px;letter-spacing:1.6px;color:#53657b;padding:13px 11px 7px;font-weight:800}.nav-item{display:flex;align-items:center;gap:11px;color:#8fa0b4;text-decoration:none;padding:11px 12px;border-radius:11px;margin:3px 0;font-size:12px;font-weight:650;border:1px solid transparent;transition:.18s}.nav-item:hover{background:#101d2d;color:#e9f3ff;border-color:#1d3147}.nav-item.active{background:linear-gradient(135deg,#143557,#17243b);color:#fff;border-color:#27567e;box-shadow:inset 3px 0 0 #3195ff}.nav-icon{width:18px;text-align:center;color:#6f87a1}.nav-item.active .nav-icon{color:#54b0ff}.badge-count{margin-left:auto;background:#ff5068;color:#fff;border-radius:999px;padding:2px 6px;font-size:9px}.sidebar-bottom{position:absolute;bottom:17px;left:17px;right:17px;color:#728196;font-size:10px;display:grid;gap:10px;padding-top:14px;border-top:1px solid #182638}.sidebar-bottom a{color:#9aaabd;text-decoration:none}.live-dot{width:7px;height:7px;background:#20df7a;border-radius:50%;display:inline-block;margin-right:5px;box-shadow:0 0 13px #20df7a}.main{margin-left:246px;width:calc(100% - 246px);padding:0 28px 45px}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #182638}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#39d9a0;font-weight:800}.topbar h1{font-size:24px;margin:5px 0 0;font-weight:800;letter-spacing:-.4px}.top-actions{display:flex;align-items:center;gap:13px}.timezone{font-size:10px;color:#708196;border:1px solid #1c2b3d;background:#0d1725;border-radius:999px;padding:7px 10px}.bell{color:#dcecff;text-decoration:none;position:relative;width:34px;height:34px;border:1px solid #203248;border-radius:10px;display:grid;place-items:center;background:#0d1725}.bell i{font-style:normal;background:#ff5068;font-size:8px;border-radius:99px;padding:2px 5px;position:absolute;top:-6px;right:-6px}.avatar{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#1e4770,#6747b7);color:#fff;font-weight:800;border:1px solid #335d87}.muted{color:var(--muted)}.toast-alert{margin:15px 0;padding:12px 15px;border-radius:12px;border:1px solid var(--line2);font-size:12px;box-shadow:var(--shadow)}.alert-success{background:rgba(32,223,122,.09);color:#8ff5bb;border-color:#205b40}.alert-danger{background:rgba(255,91,112,.09);color:#ff9cac;border-color:#69323d}.alert-warning{background:rgba(247,201,72,.09);color:#ffe18b;border-color:#6c5b28}.alert-info{background:rgba(49,149,255,.09);color:#93c9ff;border-color:#28547c}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:22px}.stat{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(18,29,45,.98),rgba(10,18,29,.98));border:1px solid var(--line);border-radius:15px;padding:17px;min-height:126px;box-shadow:var(--shadow)}.stat:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-38px;top:-38px;background:rgba(49,149,255,.09)}.stat .label{font-size:10px;color:#8fa0b4;font-weight:650}.stat .num{font-size:32px;font-weight:850;margin-top:12px;letter-spacing:-1px}.stat .sub{font-size:9px;color:#667991;margin-top:5px}.grid2{display:grid;grid-template-columns:1.55fr 1fr;gap:15px;margin-top:15px}.panel{background:linear-gradient(145deg,rgba(15,24,37,.98),rgba(10,17,28,.98));border:1px solid var(--line);border-radius:15px;padding:18px;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-title{font-size:14px;font-weight:800}.panel-sub{font-size:10px;color:#687a91}.btn{border-radius:9px;font-weight:750;font-size:11px;min-height:34px}.btn-primary{background:linear-gradient(135deg,#238cff,#5c62ff);border:0;color:#fff;box-shadow:0 9px 25px rgba(49,149,255,.18)}.btn-primary:hover{filter:brightness(1.08)}.btn-secondary{background:#111c2a;border:1px solid #263b53;color:#dcecff}.btn-secondary:hover{background:#17263a;color:#fff;border-color:#355574}.btn-danger{background:#c53c54;border:0}.dark-input,.form-select{background:#09111c!important;border:1px solid #26394f!important;color:#fff!important;border-radius:9px!important;font-size:12px!important;min-height:38px}.dark-input::placeholder{color:#52647a}.dark-input:focus,.form-select:focus{box-shadow:0 0 0 3px rgba(49,149,255,.12)!important;border-color:#3195ff!important}.form-select option{background:#0b1320}.form-label,label{font-size:10px;color:#9aabc0;margin-bottom:6px;font-weight:650}.table-wrap{overflow:auto}.table-darkx{width:100%;border-collapse:collapse;min-width:640px}.table-darkx th{font-size:9px;color:#65778d;text-align:left;font-weight:750;padding:11px 9px;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.5px}.table-darkx td{font-size:11px;padding:13px 9px;border-bottom:1px solid #172538;color:#d9e5f2;vertical-align:middle}.table-darkx tr:hover td{background:rgba(49,149,255,.025)}.pill{display:inline-flex;align-items:center;gap:5px;border:1px solid #273a50;background:#101b29;border-radius:999px;padding:5px 9px;font-size:9px;color:#9fb1c6;font-weight:700}.pill.green{color:#66f0a1;border-color:#1e5e42;background:#0d2419}.pill.red{color:#ff8f9d;border-color:#65303c;background:#291119}.pill.blue{color:#83c1ff;border-color:#28547d;background:#0e2135}.pill.yellow{color:#ffe18b;border-color:#675628;background:#28210e}.funnel{display:grid;gap:14px}.frow{display:grid;grid-template-columns:135px 1fr 50px;align-items:center;gap:10px;font-size:10px}.bar{height:8px;background:#162335;border-radius:99px;overflow:hidden}.bar>i{display:block;height:100%;background:linear-gradient(90deg,#3195ff,#7c5cff);border-radius:99px}.empty{padding:34px;text-align:center;color:#65778d;font-size:11px}.auth-bg{min-height:100vh;display:grid;place-items:center;background:radial-gradient(700px 500px at 50% 0,rgba(49,149,255,.18),transparent 60%),radial-gradient(500px 400px at 15% 85%,rgba(139,92,246,.11),transparent 60%),#070b12}.auth-card{width:min(440px,calc(100% - 30px));background:rgba(13,22,34,.96);border:1px solid #263a52;border-radius:19px;padding:30px;box-shadow:0 30px 100px rgba(0,0,0,.55)}.auth-card.wide{width:min(780px,calc(100% - 30px))}.auth-card h2{font-size:24px;margin:17px 0 5px}.auth-card .muted{font-size:11px}.auth-card label{display:block;margin-top:15px}.section-space{margin-top:20px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric-box{background:linear-gradient(145deg,#111d2c,#0b1420);border:1px solid #203247;border-radius:12px;padding:14px}.metric-box b{font-size:21px;display:block;margin-top:5px}.chart-wrap{height:290px}.linkbox{display:flex;gap:7px}.linkbox input{flex:1}.notice{padding:13px;border-radius:10px;background:rgba(49,149,255,.055);border:1px solid #1d344c;font-size:10px;color:#91a7bf}.hero-strip{padding:20px;border:1px solid #203650;border-radius:15px;background:linear-gradient(120deg,rgba(30,91,146,.22),rgba(86,59,159,.18));margin-top:20px}.hero-strip h2{margin:0;font-size:18px}.hero-strip p{margin:5px 0 0;color:#8497ad;font-size:11px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick{padding:14px;border-radius:12px;background:#0e1927;border:1px solid #203247;text-decoration:none;color:#dcecff}.quick strong{display:block;font-size:11px}.quick span{display:block;color:#667991;font-size:9px;margin-top:4px}.mobile-hide{display:block}@media(max-width:1120px){.cards{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{width:70px;padding:14px 8px}.brand span:last-child,.nav-item span,.nav-label,.sidebar-bottom{display:none}.brand{justify-content:center}.nav-item{justify-content:center}.main{margin-left:70px;width:calc(100% - 70px);padding:0 12px 30px}.topbar{height:82px}.topbar h1{font-size:19px}.timezone{display:none}.cards{grid-template-columns:repeat(2,1fr)}.mini-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.frow{grid-template-columns:100px 1fr 35px}.table-wrap{overflow:auto}.hero-strip{padding:15px}}@media(max-width:470px){.cards{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}.top-actions{gap:7px}.avatar{width:32px;height:32px}}

/* Professional responsive layer */
.form-hint{font-size:9px;color:#647991;margin-top:5px}.check-inline{font-size:9px!important;color:#70849a!important;margin:0!important;display:flex;align-items:center;gap:5px}.check-inline input{accent-color:#3195ff}.auth-footer{text-align:center;color:#52657c;font-size:9px;margin-top:18px;padding-top:14px;border-top:1px solid #182638}.check-row{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #172538}.check-row:last-child{border-bottom:0}.check-row>span{width:26px;height:26px;display:grid;place-items:center;border-radius:9px;background:#0d2a1d;color:#45ec9b;font-weight:900}.check-row b{display:block;font-size:11px}.check-row small{display:block;color:#687b91;font-size:9px;margin-top:3px}.muted{color:#6f8299;font-size:9px}.bell{position:relative;text-decoration:none;font-size:15px}.bell i{position:absolute;right:-7px;top:-7px;min-width:14px;height:14px;display:grid;place-items:center;background:#ff5068;color:#fff;border-radius:999px;font-style:normal;font-size:8px}.avatar{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#218fff,#785cff);font-weight:850;color:#fff;box-shadow:0 8px 25px rgba(49,149,255,.2)}.toast-alert{position:fixed;top:18px;right:18px;z-index:1000;max-width:420px;padding:12px 15px;border-radius:12px;border:1px solid #29435e;background:#0e1a29;color:#dbeaff;box-shadow:0 20px 60px rgba(0,0,0,.35);font-size:11px}.alert-success{border-color:#1c5f43}.alert-danger{border-color:#6a2e3a}.alert-warning{border-color:#685624}.alert-info{border-color:#29557b}.btn-sm{min-height:30px;padding:.38rem .65rem;font-size:10px}.mobile-menu{display:none}.page-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.stat{overflow:hidden}.panel{overflow:hidden}.table-darkx td,.table-darkx th{white-space:nowrap}.table-darkx td:first-child,.table-darkx th:first-child{white-space:normal}.hero-strip{position:relative;overflow:hidden}.hero-strip:after{content:"";position:absolute;width:260px;height:260px;right:-80px;top:-100px;border-radius:50%;background:radial-gradient(circle,rgba(70,152,255,.18),transparent 68%);pointer-events:none}@media(max-width:760px){.main{padding-top:0}.topbar{gap:10px}.topbar h1{font-size:18px}.top-actions .bell{display:none}.panel{padding:14px;border-radius:13px}.grid2{gap:11px}.cards{gap:9px}.stat{min-height:110px;padding:13px}.stat .num{font-size:26px}.table-wrap{margin:0 -4px}.table-darkx{min-width:860px}.toast-alert{left:12px;right:12px;top:12px;max-width:none}.frow{grid-template-columns:95px 1fr 40px}.auth-card{padding:23px}.auth-card.wide{width:calc(100% - 20px)}.mobile-hide{display:none!important}}@media(max-width:470px){.sidebar{width:58px}.main{margin-left:58px;width:calc(100% - 58px);padding-left:8px;padding-right:8px}.brand-icon{width:32px;height:32px}.nav-item{padding:10px 6px}.topbar{height:72px}.topbar .eyebrow{font-size:7px}.topbar h1{font-size:16px}.avatar{width:32px;height:32px;border-radius:10px}.timezone{display:none}.cards{grid-template-columns:1fr 1fr}.stat .num{font-size:23px}.stat .label{font-size:9px}.quick-grid{grid-template-columns:1fr}.hero-strip h2{font-size:15px}.hero-strip p{font-size:10px}}

/* Final responsive navigation */
@media(max-width:760px){.sidebar{overflow-y:auto}.nav-item{min-height:42px}.sidebar-bottom{position:static;margin-top:18px}.main{min-width:0}.topbar{position:sticky;top:0;background:rgba(7,11,18,.88);backdrop-filter:blur(14px);z-index:10}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.grid2{grid-template-columns:1fr}.page-title-row{align-items:flex-start;flex-direction:column}.hero-strip .btn{white-space:nowrap}}
@media(max-width:420px){.cards{grid-template-columns:1fr}.main{padding-left:7px;padding-right:7px}.sidebar{width:56px}.main{margin-left:56px;width:calc(100% - 56px)}}

/* ===== Responsive Professional UI Layer ===== */
.sidebar-head{display:flex;align-items:center;justify-content:space-between}.sidebar-close,.mobile-menu{display:none}.mobile-overlay{display:none}
.content-narrow{max-width:1400px;margin:0 auto}.hero-strip{border:1px solid var(--line);background:linear-gradient(135deg,rgba(24,50,82,.9),rgba(15,23,38,.96));border-radius:18px;padding:24px;box-shadow:var(--shadow)}.hero-strip h2{font-size:25px;font-weight:850;letter-spacing:-.5px}.subscription-status{min-width:220px;padding:15px 18px;border:1px solid #294764;border-radius:14px;background:rgba(4,12,22,.35);display:grid;gap:5px}.subscription-status span{font-size:10px;color:#8ba0b8;text-transform:uppercase;letter-spacing:1px;font-weight:800}.subscription-status strong{font-size:15px;color:#fff}.section-space{margin-top:15px}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}.table-darkx{width:100%;min-width:650px}.chart-wrap{height:290px;position:relative}.notice{border:1px solid #29415b;background:rgba(20,40,61,.45);border-radius:11px;padding:11px 13px;color:#8ea3ba;font-size:11px;line-height:1.55}
.auth-bg{min-height:100vh;display:grid;place-items:center;padding:28px 16px}.auth-card{width:min(430px,100%);background:linear-gradient(145deg,rgba(16,26,41,.98),rgba(8,15,25,.99));border:1px solid #22354b;border-radius:22px;padding:30px;box-shadow:0 30px 90px rgba(0,0,0,.45)}.auth-card.wide{width:min(820px,100%)}.auth-card h2{font-size:25px;font-weight:850;margin:24px 0 7px}.auth-card label{display:block;color:#a9b9cb;font-size:11px;font-weight:700;margin:13px 0 7px}.auth-footer{border-top:1px solid #1b2b3d;margin-top:22px;padding-top:16px;color:#61748b;font-size:10px;text-align:center}.form-hint{font-size:10px;color:#64768d}.check-inline{margin:0!important;display:flex!important;gap:5px;align-items:center;color:#788aa0!important;font-size:10px!important;font-weight:500!important}.check-inline input{accent-color:#3195ff}
@media (max-width:1100px){.main{padding-left:20px;padding-right:20px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.grid2{grid-template-columns:1fr}.sidebar{width:220px}.main{margin-left:220px;width:calc(100% - 220px)}}
@media (max-width:760px){body{overflow-x:hidden}.sidebar{width:280px;max-width:88vw;transform:translateX(-105%);transition:transform .22s ease;box-shadow:25px 0 70px rgba(0,0,0,.45)}.sidebar.open{transform:translateX(0)}.mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(3px);z-index:19}.mobile-overlay.show{display:block}.sidebar-close{display:grid;place-items:center;width:34px;height:34px;border:1px solid #29405a;border-radius:10px;background:#0d1827;color:#fff;font-size:22px;line-height:1}.main{margin-left:0;width:100%;padding:0 14px 32px}.topbar{height:76px;gap:10px}.mobile-menu{display:grid;width:38px;height:38px;flex:0 0 38px;place-content:center;gap:4px;border:1px solid #263c54;border-radius:11px;background:#0c1725}.mobile-menu span{display:block;width:16px;height:2px;border-radius:2px;background:#b9cce0}.topbar>div:nth-child(2){min-width:0}.topbar h1{font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eyebrow{font-size:7px;letter-spacing:1.2px}.top-actions{gap:6px}.timezone{display:none}.avatar{width:34px;height:34px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px}.stat{min-height:104px;padding:13px;border-radius:13px}.stat .num{font-size:25px;margin-top:9px}.stat .sub{font-size:8px}.panel{padding:14px;border-radius:14px}.panel-title{font-size:13px}.panel-sub{font-size:9px}.hero-strip{padding:17px;border-radius:15px}.hero-strip h2{font-size:20px}.subscription-status{width:100%;min-width:0}.grid2{gap:10px;margin-top:10px}.chart-wrap{height:230px}.d-flex.justify-content-between.align-items-center.mt-3{margin-top:12px!important;gap:8px;flex-wrap:wrap}.d-flex.justify-content-between.align-items-center.mt-3 .btn{width:auto}.auth-card{padding:22px;border-radius:18px}.auth-card.wide{padding:20px 17px}.auth-card h2{font-size:21px}.auth-card .row{--bs-gutter-x:0.7rem}.table-darkx{min-width:620px}.toast-alert{font-size:11px;margin:10px 0}.sidebar-bottom{position:static;margin-top:18px}.brand{padding-bottom:12px}.nav-label{padding-top:10px}}
@media (max-width:430px){.cards{grid-template-columns:1fr 1fr}.stat .label{font-size:9px}.stat .num{font-size:22px}.pill{font-size:8px}.panel-head{align-items:flex-start;gap:8px}.panel-head .btn{white-space:nowrap}.hero-strip .d-flex{display:grid!important}.subscription-status{margin-top:4px}.auth-bg{padding:14px}.auth-card{padding:18px}}