:root{--bg:#0b0b0b;--panel:#151515;--line:#2b2b2b;--gold:#d4af37;--text:#f6f5f1;--muted:#949494}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px 'DM Sans',sans-serif;display:flex}.side{width:255px;min-height:100vh;background:#0d0d0d;border-right:1px solid #292929;position:fixed;padding:25px 13px;display:flex;flex-direction:column;z-index:5}.admin-brand{display:flex;align-items:center;text-decoration:none;color:white;font:15px/13px 'Playfair Display';letter-spacing:4px;padding:0 10px 28px}.admin-brand img{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:9px}.admin-brand i{font-style:normal;font:8px 'DM Sans';letter-spacing:4px;margin-left:3px}.menu-label{font-size:9px;letter-spacing:1.6px;color:#777;margin:16px 10px 8px}.side nav button{color:#aaa;background:transparent;border:0;width:100%;text-align:left;padding:11px 11px;border-radius:4px;display:flex;gap:12px;align-items:center;font-size:12px}.side nav button:hover,.side nav button.active{background:#262015;color:#efd779}.side nav button b{margin-left:auto;background:#d4af37;color:#111;border-radius:10px;font-size:9px;padding:2px 6px}.side nav button .alert{background:#b94b32;color:#fff}.side-bottom{margin-top:auto;border-top:1px solid #292929;padding:18px 9px 2px}.admin-user{display:flex;align-items:center;gap:9px}.admin-user>span{background:#5e4b1d;color:#efda89;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:10px}.admin-user div{display:flex;flex-direction:column;flex:1}.admin-user strong{font-size:11px}.admin-user small{font-size:9px;color:#888;margin-top:3px}.admin-user button{border:0;background:none;color:#aaa}.side-bottom>a{display:block;color:#aaa;text-decoration:none;margin-top:20px;font-size:11px}main{margin-left:255px;width:calc(100% - 255px);min-height:100vh}.top{height:74px;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between}.crumb{font-size:10px;color:#8b8b8b;letter-spacing:1px}.crumb span{margin:0 7px;color:#555}.crumb b{color:#d7d7d7}.top-actions{display:flex;gap:12px;align-items:center}.top button,.page button{cursor:pointer}.bell{border:0;background:none;color:#e8e8e8;font-size:18px;position:relative}.bell i{position:absolute;width:5px;height:5px;background:#d4af37;border-radius:50%;right:0;top:1px}.outline,.gold,.range{font-size:11px;padding:10px 14px;border-radius:3px}.outline{background:none;border:1px solid #4b4b4b;color:#ddd}.gold{border:0;background:var(--gold);color:#111;font-weight:700}.mobile-menu{display:none}.page{display:none;padding:42px 38px}.page.active{display:block}.page-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.kicker{color:var(--gold);font-size:9px;letter-spacing:2px;font-weight:bold;margin:0 0 11px}h1,h2{font-family:'Playfair Display';margin:0}h1{font-size:31px;letter-spacing:-.8px}h1 em,h2 em{font-style:italic;color:var(--gold)}.sub{color:var(--muted);margin:9px 0 0;font-size:12px}.range{background:#171717;color:#ddd;border:1px solid #3b3b3b}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metrics article{background:var(--panel);border:1px solid #292929;min-height:134px;padding:19px;display:flex;justify-content:space-between}.metrics span{display:block;font-size:9px;color:#969696;letter-spacing:1px}.metrics strong{display:block;font:24px 'Playfair Display';margin:12px 0 7px}.metrics small{font-size:10px;color:#999}.metrics small i{font-style:normal;color:#777}.metrics article>b{font:18px 'Playfair Display';color:#c5a23d;background:#211c10;width:32px;height:32px;border-radius:50%;text-align:center;line-height:32px}.up{color:#7bbf84!important}.down{color:#d46a53!important}.grid-two{display:grid;grid-template-columns:1.65fr 1fr;gap:18px;margin-bottom:18px}.panel{background:var(--panel);border:1px solid #292929;border-radius:3px;padding:21px}.panel-head{display:flex;justify-content:space-between;align-items:start}.panel h2{font-size:17px}.panel-head p{font-size:11px;color:#888;margin:5px 0}.legend{font-size:10px;color:#aaa;display:flex;gap:7px;align-items:center}.legend span{width:7px;height:7px;background:#d4af37;border-radius:50%}.legend span+span{background:#6a5a2a;margin-left:8px}.chart{height:240px;margin-top:12px;position:relative;padding-left:42px}.chart svg{position:absolute;bottom:24px;left:42px;width:calc(100% - 42px);height:190px}.chart path{fill:#d4af3720}.chart polyline{fill:none;stroke:#d4af37;stroke-width:2}.chart:after{content:'';position:absolute;left:42px;right:0;top:12px;bottom:25px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 46px,#333 47px,transparent 48px);pointer-events:none}.y{height:190px;display:flex;justify-content:space-between;flex-direction:column;padding:7px 0 18px;position:absolute;left:0;top:0}.y i,.x i{font-style:normal;font-size:9px;color:#777}.x{position:absolute;bottom:0;left:42px;right:0;display:flex;justify-content:space-between}.categories .more,.row-more{border:0;background:none;color:#aaa}.donut{width:130px;height:130px;border-radius:50%;margin:20px auto;background:conic-gradient(#d4af37 0 38%,#9d7f2e 38% 65%,#6e5b28 65% 84%,#393022 84%);position:relative;display:grid;place-items:center}.donut:after{content:'';position:absolute;inset:19px;background:#151515;border-radius:50%}.donut div{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column}.donut b{font:16px 'Playfair Display'}.donut small{color:#888;font-size:9px}.categories ul{list-style:none;padding:0;margin:0}.categories li{display:flex;align-items:center;gap:8px;font-size:10px;padding:6px 0;color:#bbb}.categories li i{width:7px;height:7px;border-radius:50%}.p1{background:#d4af37}.p2{background:#9d7f2e}.p3{background:#6e5b28}.p4{background:#393022}.categories li b{margin-left:auto;font-size:10px}.categories li span{width:48px;text-align:right;color:#777;font-size:9px}table{width:100%;border-collapse:collapse;margin-top:16px}th{text-align:left;font-size:9px;letter-spacing:.8px;color:#777;font-weight:500;padding:0 0 12px}td{border-top:1px solid #2a2a2a;padding:11px 0;font-size:11px;color:#d2d2d2}td small{display:block;color:#888;font-size:9px;margin-top:3px}.avatar{background:#2a281f;border-radius:50%;font-size:8px;color:#d6b64b;padding:5px;margin-right:6px}.status{font-size:9px;padding:5px 7px;border-radius:10px;white-space:nowrap}.preparing{background:#4c401b;color:#e4c45a}.paid,.active{background:#153823;color:#7cce90}.sent{background:#19344a;color:#75b7e4}.danger{background:#44231e;color:#eb8a74}.text-btn{background:none;border:0;color:#d9bb55;font-size:10px}.stock-item{display:flex;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #2a2a2a}.stock-item img{width:37px;height:37px;object-fit:cover}.stock-item div{flex:1;display:flex;flex-direction:column}.stock-item div b{font-size:11px}.stock-item small{color:#888;font-size:9px;margin-top:3px}.stock-item>strong{color:#df765d;font-size:13px}.stock-item>strong small{font-weight:normal}.filters{display:flex;gap:10px;margin-bottom:5px}.filters input{background:#0e0e0e;border:1px solid #393939;color:#eee;border-radius:3px;padding:10px 12px;min-width:245px;font-size:11px}.filter{background:#1a1a1a;border:1px solid #393939;color:#bbb;padding:0 12px;border-radius:3px;font-size:10px}.table-panel{padding-top:17px}.full td{padding:13px 0}.product-cell{display:flex;align-items:center;gap:10px}.product-cell img{width:38px;height:38px;object-fit:cover}.product-cell span{display:flex;flex-direction:column}.compact article{min-height:115px}.notice{padding:16px;display:flex;align-items:center;gap:14px;background:#241a15;border-color:#5d3a29;margin-bottom:18px}.notice b{color:#edaa64}.notice span{color:#ae9d91;flex:1;font-size:11px}.notice button,.simple-list button{background:none;border:0;color:#e0bd5b;font-size:10px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.content-card{min-height:245px;padding:25px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(0deg,#000a,#0001),url('https://images.unsplash.com/photo-1594035910387-fea47794261f?auto=format&fit=crop&w=800&q=80') center/cover}.content-card:nth-child(2){background-image:linear-gradient(0deg,#000a,#0001),url('https://images.unsplash.com/photo-1541643600914-78b084683601?auto=format&fit=crop&w=800&q=80')}.content-card span{font-size:9px;letter-spacing:1px;color:#e4c760}.content-card h2{font-size:27px;margin:10px 0}.content-card button{align-self:start;border:1px solid #c2a33e;background:#0008;color:#f4d87e;padding:8px 11px;font-size:10px}.simple-card{min-height:135px}.simple-card p{color:#999;font-size:11px}.simple-list>div{border-bottom:1px solid #2a2a2a;padding:16px 0;display:flex;align-items:center;gap:20px}.simple-list span{color:#888;font-size:11px;flex:1}.form-panel{max-width:700px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-panel label{font-size:10px;color:#aaa}.form-panel input,.form-panel select,.modal-box input,.modal-box select{display:block;width:100%;margin-top:7px;background:#0d0d0d;border:1px solid #3c3c3c;padding:11px;color:white;border-radius:2px}.empty{text-align:center;padding:70px;color:#ddd}.empty p{color:#999}.modal{display:none;position:fixed;inset:0;background:#000b;z-index:10;place-items:center}.modal.show{display:grid}.modal-box{position:relative;background:#171717;border:1px solid #6e5b22;width:min(450px,90%);padding:28px}.modal-box>button:first-child{position:absolute;right:10px;top:8px;background:none;border:0;color:#ccc;font-size:21px}.modal-box h2{font-size:27px}.modal-box p{color:#aaa;font-size:11px;line-height:1.6}.modal-box .gold{width:100%;margin-top:14px}
@media(max-width:900px){.side{left:-255px;transition:.25s}.side.show{left:0}.side.show:after{content:'';position:fixed;inset:0 0 0 255px;background:#0007}.mobile-menu{display:block;background:none;border:0;color:#fff;font-size:20px}.top{padding:0 20px}.crumb{display:none}main{margin:0;width:100%}.page{padding:28px 18px}.metrics{grid-template-columns:1fr 1fr}.grid-two{grid-template-columns:1fr}.top-actions .outline{display:none}.page-title{align-items:start}.page-title .gold{margin-left:12px}.chart-panel{overflow:hidden}.content-grid{grid-template-columns:1fr}.form-panel{grid-template-columns:1fr}.table-panel{overflow-x:auto}.full{min-width:640px}}@media(max-width:540px){.top-actions .gold{font-size:0;padding:12px}.top-actions .gold:first-letter{font-size:15px}.page-title h1{font-size:26px}.metrics{gap:8px}.metrics article{padding:13px;min-height:115px}.metrics strong{font-size:18px}.metrics article>b{display:none}.panel{padding:15px}.filters{flex-wrap:wrap}.filters input{min-width:100%;width:100%;height:36px}.filter{height:32px}.notice{display:block}.notice span,.notice button{display:block;margin-top:8px}.lower{margin-bottom:0}}