body:has(.dashboard-shell){background:#f4f6fb}body:has(.dashboard-shell)>.topbar,body:has(.dashboard-shell)>header,body:has(.dashboard-shell)>footer{display:none}.dashboard-shell{--navy:#151a38;--violet:#6f56d9;--purple:#8469ef;--soft:#f5f6fb;display:grid;grid-template-columns:250px 1fr;min-height:100vh;background:var(--soft);color:#252944}.dash-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:26px 18px;background:linear-gradient(180deg,#171b3d,#24204b);color:white}.dash-logo{display:flex;align-items:center;gap:11px;margin:0 10px 38px;font-weight:800;letter-spacing:1px}.dash-logo>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#ff7b68,#ffb24b);font:700 25px 'Playfair Display';box-shadow:0 8px 22px #e8654d55}.dash-logo small{display:block;font-size:9px;letter-spacing:3px;color:#aeb2da}.nav-label{margin:0 14px 10px;font-size:9px;letter-spacing:2px;color:#777da9}.dash-nav{display:grid;gap:6px}.dash-nav a{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:10px;color:#b9bcda;font-size:13px}.dash-nav a:hover,.dash-nav a.active{background:linear-gradient(90deg,#725ce5,#8e70ee);color:white;box-shadow:0 8px 22px #755ee93d}.dash-nav i{width:22px;text-align:center;font-style:normal;font-size:19px}.sidebar-promo{position:relative;overflow:hidden;margin-top:auto;padding:17px;border-radius:14px;background:linear-gradient(145deg,#31305e,#413b79);font-size:12px}.sidebar-promo span{font-size:9px;letter-spacing:1.5px;color:#ffb76a}.sidebar-promo strong{display:block;margin:8px 0}.sidebar-promo p{margin:0 0 10px;color:#b8bbd8;line-height:1.5}.sidebar-promo a{color:#fff;font-weight:700}.logout-button{width:100%;margin-top:14px;padding:11px;background:transparent;color:#aeb2d0;text-align:left;border-radius:9px}.dash-main{min-width:0;padding:28px 34px 45px}.dash-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.dash-topbar p{margin:0;color:#8a8ea5;font-size:12px}.dash-topbar h1{margin:5px 0 0;font:700 27px 'DM Sans'}.dash-user{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:13px;background:#fff;box-shadow:0 4px 15px #35385d0c}.dash-user>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#61d3c0,#2ab1aa);color:#fff;font-weight:800}.dash-user strong,.dash-user small{display:block}.dash-user strong{font-size:12px}.dash-user small{margin-top:2px;color:#9296aa;font-size:10px}.welcome-banner{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;min-height:145px;padding:27px 35px;border-radius:19px;background:linear-gradient(120deg,#664ed1,#8d65e9 55%,#ba71e8);color:#fff;box-shadow:0 15px 35px #795bd733}.welcome-banner>div:first-child,.welcome-banner>a{position:relative;z-index:2}.welcome-banner span{font-size:10px;letter-spacing:2px;color:#ded8ff}.welcome-banner h2{margin:8px 0;font:700 26px 'DM Sans'}.welcome-banner p{margin:0;color:#e8e2ff;font-size:13px}.welcome-banner>a{padding:13px 18px;border-radius:10px;background:#fff;color:#6b51d1;font-size:12px;font-weight:800;box-shadow:0 8px 20px #3b258533}.banner-orb{position:absolute;border-radius:50%;border:28px solid #fff1}.banner-orb.one{width:180px;height:180px;right:150px;top:-90px}.banner-orb.two{width:120px;height:120px;right:-30px;bottom:-70px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:20px 0}.kpi{position:relative;overflow:hidden;min-height:145px;padding:20px;border-radius:17px;color:#fff;box-shadow:0 12px 30px #25294418}.kpi:after{content:'';position:absolute;width:95px;height:95px;border-radius:50%;right:-25px;bottom:-35px;background:#fff1}.kpi.purple{background:linear-gradient(145deg,#6755db,#8a68ed)}.kpi.coral{background:linear-gradient(145deg,#f36575,#ff8d70)}.kpi.cyan{background:linear-gradient(145deg,#13a9bc,#31c7bd)}.kpi.amber{background:linear-gradient(145deg,#ef9a2a,#f5bd43)}.kpi-icon{float:right;display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#fff2;font-size:20px}.kpi>small{display:block;margin-bottom:10px;font-size:9px;letter-spacing:1.5px;color:#fffbd9}.kpi>strong{display:block;font-size:24px}.kpi p{margin:15px 0 0;font-size:10px;color:#fffddd}.kpi p span{font-weight:800}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:18px;margin-top:18px}.dashboard-grid.lower{grid-template-columns:minmax(0,1.65fr) minmax(280px,.65fr)}.dash-card{padding:22px;border:1px solid #eceef6;border-radius:17px;background:#fff;box-shadow:0 7px 25px #292d560b}.card-heading{display:flex;justify-content:space-between;align-items:center}.mini-label{font-size:8px;letter-spacing:1.7px;font-weight:800;color:#9b8ee3}.card-heading h3{margin:5px 0;font-size:17px}.card-heading>a{font-size:11px;font-weight:700;color:#765fd4}.chart-total{display:flex;align-items:baseline;gap:9px;margin-top:18px}.chart-total strong{font-size:24px}.chart-total span{font-size:10px;color:#9296a8}.bar-chart{height:155px;display:flex;align-items:end;gap:14px;margin-top:14px}.bar-column{flex:1;height:100%;display:grid;grid-template-rows:16px 1fr 17px;gap:5px;text-align:center}.bar-value{font-size:8px;color:#9699ab}.bar-track{position:relative;height:100%;border-radius:7px;background:#f2f3f8;overflow:hidden}.bar-fill{position:absolute;bottom:0;width:100%;border-radius:7px 7px 0 0;background:#7b62de}.bar-fill.c2,.bar-fill.c6{background:#26babb}.bar-fill.c3,.bar-fill.c7{background:#f2aa36}.bar-fill.c4{background:#f2767f}.bar-fill.c5{background:#6979e9}.bar-column small{font-size:9px;color:#8d91a5}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.quick-grid>a{padding:14px 10px;border:1px solid #eef0f6;border-radius:12px;text-align:center;transition:.2s}.quick-grid>a:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4f54731a}.qa-icon{display:grid;place-items:center;width:39px;height:39px;margin:0 auto 8px;border-radius:12px;font-size:19px}.qa-icon.pink{background:#ffe7ed;color:#f25e7a}.qa-icon.blue{background:#e5efff;color:#537be8}.qa-icon.yellow{background:#fff0d5;color:#e69b25}.qa-icon.green{background:#dff8ef;color:#26aa7c}.quick-grid strong,.quick-grid small{display:block}.quick-grid strong{font-size:11px}.quick-grid small{margin-top:3px;font-size:9px;color:#9a9daf}.table-wrap{overflow:auto;margin-top:14px}.recent-orders table{min-width:680px}.recent-orders th{font-size:8px;color:#a0a3b3}.recent-orders td{padding:12px 8px;font-size:11px}.recent-orders td small{display:block;margin-top:3px;color:#a1a4b2;font-size:8px}.channel{padding:5px 8px;border-radius:7px;font-size:8px;font-weight:800}.channel.pos{background:#e5f7f4;color:#199e91}.channel.online{background:#eee9ff;color:#7258d7}.status-dot{font-size:9px}.status-dot.paid{color:#20a47b}.status-dot.pending{color:#e69a28}.status-dot.failed{color:#e5505f}.view-link{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#f2efff;color:#7058d3}.empty-row{text-align:center!important;padding:35px!important;color:#9699aa}.stock-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f0f1f6}.stock-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#ebe7ff;color:#735ed8;font-weight:800}.stock-avatar.a2{background:#ffe8e8;color:#ef6670}.stock-avatar.a3{background:#e0f6f1;color:#25a692}.stock-avatar.a4{background:#fff0d6;color:#e49727}.stock-avatar.a5{background:#e6efff;color:#5179df}.stock-row strong,.stock-row small{display:block}.stock-row strong{font-size:10px}.stock-row small{margin-top:3px;font-size:8px;color:#a0a3b1}.stock-count{padding:5px 7px;border-radius:7px;background:#fff0f0;color:#e05c66;font-size:8px}.all-good{text-align:center;padding:35px 0;color:#758076}.all-good span{display:grid;place-items:center;width:46px;height:46px;margin:auto;border-radius:50%;background:#dff7ed;color:#22a978;font-size:22px}@media(max-width:1100px){.kpi-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.dashboard-grid.lower{grid-template-columns:1fr}}@media(max-width:760px){.dashboard-shell{display:block}.dash-sidebar{position:relative;height:auto;padding:17px}.dash-logo{margin-bottom:15px}.nav-label,.sidebar-promo{display:none}.dash-nav{display:flex;overflow:auto}.dash-nav a{white-space:nowrap}.logout-button{margin:8px 0 0}.dash-main{padding:20px 14px}.welcome-banner{padding:24px;align-items:flex-start;flex-direction:column;gap:18px}.kpi-grid{grid-template-columns:1fr 1fr}.dash-topbar h1{font-size:21px}}@media(max-width:480px){.kpi-grid{grid-template-columns:1fr}.dash-user div{display:none}.quick-grid{grid-template-columns:1fr 1fr}}