:root{--bg:#090909;--panel:#101010;--panel2:#141311;--border:#302517;--gold:#d89a3d;--gold2:#f0bd6b;--text:#e8d6ba;--muted:#8c8377}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 60% -20%,#1a140d 0,#090909 45%);color:var(--text);font-family:'DM Sans',sans-serif;min-width:1080px}.app-shell{display:flex;min-height:100vh;padding:10px 8px}.sidebar{width:262px;flex-shrink:0;border:1px solid var(--border);border-radius:17px;background:linear-gradient(160deg,#0d0c0b,#090909);padding:16px 14px 12px;display:flex;flex-direction:column;min-height:calc(100vh - 20px)}.brand-lockup{height:158px;border-bottom:1px solid transparent;display:grid;place-items:center}.brand-lockup img{width:205px;height:146px;object-fit:cover;object-position:center;background:#080808;mix-blend-mode:screen}.nav-list{display:grid;gap:7px;margin-top:3px}.nav-item{height:50px;border:1px solid transparent;background:none;color:#c9bca9;text-align:left;padding:0 17px;border-radius:11px;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:18px;transition:.2s}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,#2a1e10,#17130f);border-color:#3d2b17;color:#e6ac54}.icon{font-size:22px;width:22px;text-align:center;color:var(--gold)}.profile{border-top:1px solid #29231b;margin-top:auto;padding:25px 6px 10px;display:flex;gap:11px;align-items:center}.avatar,.mini-avatar{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;border:1px solid #8b5c22;background:#211b12;color:#ecc079;font-family:'Playfair Display',serif;font-size:20px}.profile strong{display:block;font-size:13px}.profile small{display:block;color:#a59a8d;font-size:12px;margin-top:7px}.chevron{margin-left:auto;color:var(--gold);font-size:20px}.main-content{flex:1;padding:14px 0 30px 36px;min-width:0}.topbar{height:73px;display:flex;justify-content:space-between;align-items:flex-start}.welcome{display:flex;gap:16px;align-items:center}.spark{font-size:35px;color:var(--gold)}h1{font-size:21px;font-weight:500;margin:0;color:#e4aa5a}p{margin:5px 0 0;color:#9e9182;font-size:13px}.top-actions{display:flex;align-items:center;gap:20px}.search{height:48px;width:370px;border:1px solid #342a1d;border-radius:11px;display:flex;align-items:center;gap:13px;padding:0 16px;color:#a99d8d}.search span{font-size:28px;line-height:0}.search input{background:none;border:0;outline:none;color:var(--text);font:inherit;width:100%}.notification,.drop{background:none;color:var(--gold2);border:0;font-size:25px;position:relative;cursor:pointer}.notification b{position:absolute;right:0;top:1px;width:7px;height:7px;border-radius:50%;background:#e3a04a}.mini-avatar{width:45px;height:45px;font-size:18px}.hero-card{height:490px;border:1px solid #46321d;border-radius:15px;overflow:hidden;position:relative;background:#090807}.hero-card>img{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.67) saturate(.76)}.hero-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:linear-gradient(90deg,rgba(5,4,3,.5),transparent 55%)}.hero-mark{font-family:'Playfair Display',serif;color:#e5a850;font-size:96px;line-height:.65;text-shadow:0 2px 12px #000}.hero-mark span{font-size:25px;vertical-align:middle}.hero-title{font-family:'Playfair Display',serif;letter-spacing:19px;font-size:64px;color:#e9b261;margin:48px 0 16px;text-shadow:0 3px 10px #000}.hero-tag{font:italic 20px 'Playfair Display',serif;letter-spacing:2px;color:#d9a257}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:20px}.metric-card,.panel{border:1px solid #2d261d;border-radius:14px;background:linear-gradient(150deg,#121110,#0c0c0b);box-shadow:0 10px 30px #0004}.metric-card{padding:20px 20px 16px;min-height:150px}.metric-head{display:flex;align-items:center;gap:12px;color:#d9c7ad;font-size:14px}.metric-icon{width:34px;height:34px;border:1px solid #63431d;border-radius:9px;display:grid;place-items:center;color:#e5aa4f;background:#2b2012;font-size:19px}.metric-card>strong{display:block;font-size:29px;font-weight:500;margin:12px 0;color:#ddc09a}.metric-foot{display:flex;align-items:center;gap:7px;font-size:12px;position:relative}.metric-foot em{color:#efa83d;font-style:normal}.metric-foot span{color:#827a71}.sparkline{margin-left:auto;width:90px;height:44px;border-bottom:2px solid var(--gold);clip-path:polygon(0 77%,12% 68%,24% 75%,36% 45%,49% 60%,61% 35%,73% 51%,85% 10%,100% 0,100% 100%,0 100%);background:linear-gradient(180deg,#33241199,transparent)}.two{clip-path:polygon(0 85%,12% 73%,24% 60%,36% 33%,48% 20%,60% 66%,74% 54%,84% 67%,100% 0,100% 100%,0 100%)}.three{clip-path:polygon(0 76%,12% 65%,24% 79%,36% 43%,48% 60%,60% 49%,72% 33%,84% 44%,100% 0,100% 100%,0 100%)}.four{clip-path:polygon(0 87%,14% 68%,28% 77%,41% 50%,54% 65%,67% 55%,82% 22%,100% 0,100% 100%,0 100%)}.lower-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:18px;margin-top:20px}.panel{padding:20px;min-height:330px}.panel-title{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #2c261d;padding-bottom:15px}h2{font-size:17px;font-weight:500;margin:0;color:#e3d0b3}.legend{display:flex;gap:18px;margin-top:12px;color:#8f8577;font-size:12px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px}.gold{background:#d79a3d}.gray{background:#797979}.panel select{background:#12110f;color:#cdb99b;border:1px solid #392d20;border-radius:10px;padding:10px 13px}.chart{height:230px;position:relative;padding:22px 14px 0 34px}.chart:before{content:'';position:absolute;inset:25px 15px 26px 34px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 49px,#29251f 50px)}.chart svg{position:relative;width:100%;height:175px;overflow:visible}.line{fill:none;stroke:#d89a3d;stroke-width:2}.area{fill:url(#fill)}.y-labels{position:absolute;left:0;top:17px;height:180px;display:flex;flex-direction:column;justify-content:space-between;color:#6e675d;font-size:11px}.x-labels{display:flex;justify-content:space-between;color:#6e675d;font-size:11px;margin-top:8px}.link-btn{background:none;color:#d69a42;border:0;cursor:pointer;font-size:13px}.product-row{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:17px 0;border-bottom:1px solid #26221c}.product-row:last-child{border-bottom:0}.product-row strong{display:block;font-size:13px;color:#dfcfb9;font-weight:500}.product-row small{display:block;color:#847b70;font-size:11px;margin-top:6px}.product-thumb{width:52px;height:52px;border-radius:8px;background:#332617;box-shadow:inset 0 0 20px #000}.bag{background:linear-gradient(145deg,#c6a173,#21190f 50%,#080808);}.shoe{background:linear-gradient(145deg,#dfc79f,#382b1b 48%,#080808)}.watch{background:radial-gradient(circle,#e6b664 0 13%,#47321a 15% 28%,#0b0b0b 30%)}.product-stat{text-align:right}.toast{position:fixed;right:28px;bottom:28px;background:#2b1e10;border:1px solid #815521;padding:12px 18px;border-radius:9px;color:#f0c47c;opacity:0;transform:translateY(10px);transition:.25s}.toast.show{opacity:1;transform:none}@media(max-width:1250px){.main-content{padding-left:22px}.hero-card{height:410px}.hero-title{font-size:48px}.metric-grid{gap:10px}.metric-card{padding:16px 13px}.sparkline{width:60px}}