@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');
:root{--gold:#c7a15a;--gold2:#e1c78e;--dark:#151515;--muted:#737373;--bg:#f6f5f2;--white:#fff;--line:#e9e6df;--danger:#c84b4b;--success:#3f8f67}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,Arial,sans-serif;color:#202020}.admin-shell{display:flex;min-height:100vh}
.sidebar{width:250px;background:#151515;color:#fff;position:fixed;inset:0 auto 0 0;z-index:1000;padding:22px 16px;overflow:auto}.logo{font-family:"Playfair Display",serif;font-size:25px;letter-spacing:2px;padding:8px 10px 25px;border-bottom:1px solid #2d2d2d}.logo span{color:var(--gold2);font-weight:400}.store-link{display:flex;align-items:center;gap:9px;margin:18px 0;padding:10px 12px;border:1px solid #333;border-radius:10px;color:#ddd;text-decoration:none;font-size:13px}.nav-title{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#777;margin:24px 10px 8px}.nav-item{display:flex;align-items:center;gap:11px;color:#bdbdbd;text-decoration:none;padding:11px 12px;border-radius:10px;margin:3px 0;font-size:14px}.nav-item:hover,.nav-item.active{background:#262626;color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--gold)}.nav-icon{width:22px;text-align:center}.logout{color:#e4a0a0!important}
.main{margin-left:250px;width:calc(100% - 250px);min-width:0}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:900}.page-title{font-size:15px;font-weight:600}.top-actions{display:flex;align-items:center;gap:12px}.view-store{color:#333;text-decoration:none;font-size:13px}.avatar{width:38px;height:38px;border-radius:50%;background:#efe6d5;color:#735a2d;display:grid;place-items:center;font-weight:700}.content{padding:30px;max-width:1600px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.8px;color:var(--gold);font-weight:700}.heading{font-family:"Playfair Display",serif;font-size:34px;margin:4px 0 5px}.subheading{color:var(--muted);font-size:13px;margin:0}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:26px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;display:flex;justify-content:space-between;align-items:flex-start;box-shadow:0 5px 20px rgba(0,0,0,.025)}.stat-label{color:var(--muted);font-size:12px}.stat-value{font-size:28px;font-weight:700;margin-top:7px}.stat-icon{width:44px;height:44px;border-radius:12px;background:#f5eee1;color:#8c6b30;display:grid;place-items:center;font-size:19px}.grid-2{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,.025);overflow:hidden}.panel-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-title{font-size:15px;font-weight:700}.panel-body{padding:20px}.btn-gold{background:var(--gold);border:1px solid var(--gold);color:#fff;border-radius:9px;padding:10px 15px;text-decoration:none;font-size:13px;font-weight:600}.btn-gold:hover{background:#ae8848;color:#fff}.btn-dark2{background:#191919;color:#fff;border:0;border-radius:9px;padding:10px 15px;text-decoration:none;font-size:13px}.btn-outline2{background:#fff;border:1px solid #d8d4cc;color:#333;border-radius:9px;padding:9px 13px;text-decoration:none;font-size:13px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#8a8a8a;background:#faf9f7}.table td,.table th{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.table td{font-size:13px}.product-mini{display:flex;align-items:center;gap:11px}.product-mini img{width:44px;height:44px;border-radius:9px;object-fit:cover;background:#f1eee8}.badge-status{font-size:10px;padding:5px 8px;border-radius:20px;font-weight:700}.badge-active{background:#e8f5ee;color:#317653}.badge-inactive{background:#f3f3f3;color:#777}.badge-low{background:#fff1df;color:#9b671e}.empty{padding:40px;text-align:center;color:#888;font-size:13px}
.search{border:1px solid #ddd8ce;border-radius:9px;padding:10px 12px;min-width:240px;outline:none}.search:focus{border-color:var(--gold)}
.form-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px}.form-label{font-size:12px;font-weight:600;color:#444}.form-control,.form-select{border:1px solid #ddd8ce;border-radius:9px;padding:11px 12px;font-size:13px}.form-control:focus,.form-select:focus{border-color:var(--gold);box-shadow:0 0 0 .15rem rgba(199,161,90,.12)}.preview{width:100%;aspect-ratio:1/1;border-radius:12px;background:#f4f0e8;object-fit:cover}.help{font-size:11px;color:#888;margin-top:6px}.actions{display:flex;gap:8px;align-items:center}
.chart{height:260px;display:flex;align-items:flex-end;gap:14px;padding:15px 5px 5px}.bar{flex:1;position:relative;background:linear-gradient(to top,#c7a15a,#e1c78e);border-radius:7px 7px 3px 3px;min-width:22px}.bar span{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:9px;color:#777}.bar label{position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);font-size:9px;color:#777}
.mobile-toggle{display:none;background:none;border:0;font-size:22px}
@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.mobile-toggle{display:block}.content{padding:20px}.topbar{padding:0 18px}.stats{grid-template-columns:1fr 1fr}.top-actions .view-store{display:none}}
@media(max-width:520px){.stats{grid-template-columns:1fr}.heading{font-size:28px}.search{min-width:150px;width:100%}.panel-head{gap:10px;flex-wrap:wrap}}