:root { color-scheme:dark; --bg:#070706; --panel:#10100e; --gold:#c8a45b; --text:#f6f1e7; --muted:#aaa398; --line:rgba(200,164,91,.25); --danger:#e6a29e; }
* { box-sizing:border-box; } html { background:var(--bg); }
body { margin:0; min-height:100vh; color:var(--text); background:radial-gradient(circle at 15% 0,rgba(200,164,91,.09),transparent 26rem),linear-gradient(rgba(7,7,6,.93),rgba(7,7,6,.98)),url('/assets/backgrounds/fixed-luxury-marble-silk.webp') center/cover fixed; font-family:Inter,Arial,sans-serif; }
a { color:inherit; } button,input,select { font:inherit; } [hidden] { display:none!important; }
.topbar { min-height:74px; border-bottom:1px solid var(--line); background:rgba(5,5,4,.9); backdrop-filter:blur(18px); display:flex; align-items:center; justify-content:space-between; gap:20px; padding:12px clamp(18px,4vw,60px); position:sticky; top:0; z-index:10; }
.brand { text-decoration:none; font-family:Georgia,serif; font-size:clamp(22px,3vw,32px); letter-spacing:.2em; }.brand small { display:block; font:8px/1 Inter,sans-serif; letter-spacing:.45em; color:var(--gold); text-align:center; margin-top:5px; }
.top-actions { display:flex; align-items:center; gap:14px; color:var(--muted); font-size:12px; }.shell { width:min(1180px,calc(100% - 32px)); margin:clamp(38px,7vw,80px) auto; }.hero { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:34px; }
.eyebrow { color:var(--gold); text-transform:uppercase; letter-spacing:.18em; font-size:10px; } h1,h2,h3 { font-family:Georgia,serif; font-weight:400; margin:.3em 0; } h1 { font-size:clamp(38px,6vw,74px); line-height:.95; } h2 { font-size:28px; } p { color:var(--muted); line-height:1.6; }
.login { width:min(470px,calc(100% - 32px)); margin:7vh auto; padding:clamp(24px,5vw,48px); background:rgba(12,12,10,.94); border:1px solid var(--line); box-shadow:0 30px 90px #000; }.login h1 { font-size:42px; }.login-grid { display:grid; gap:14px; margin-top:28px; }.login form { display:grid; gap:10px; }.divider { display:flex; align-items:center; gap:10px; color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.14em; }.divider:before,.divider:after { content:''; height:1px; flex:1; background:var(--line); }
input,select,textarea { width:100%; border:1px solid var(--line); background:#090908; color:var(--text); min-height:44px; padding:10px 12px; outline:none; } input:focus,select:focus,textarea:focus { border-color:var(--gold); }.button,.small-button,.text-button { cursor:pointer; border:1px solid var(--gold); color:#080806; background:var(--gold); min-height:44px; padding:10px 18px; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; }.button.secondary { color:var(--text); background:transparent; border-color:var(--line); }.small-button { min-height:34px; padding:6px 10px; font-size:11px; }.text-button { color:var(--gold); background:transparent; border:0; padding:4px 0; min-height:0; } button:disabled,.busy button { opacity:.55; cursor:wait; }.auth-message { min-height:20px; font-size:12px; color:var(--gold); }.auth-message.error { color:var(--danger); }
.summary { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:38px; }.summary article { border:1px solid var(--line); background:rgba(13,13,11,.86); padding:22px; }.summary span { display:block; color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.1em; }.summary strong { display:block; font-family:Georgia,serif; font-size:26px; margin-top:12px; color:var(--gold); }
.panel { background:rgba(13,13,11,.9); border:1px solid var(--line); margin-top:24px; overflow:hidden; }.panel-head { display:flex; justify-content:space-between; align-items:center; padding:20px 22px; border-bottom:1px solid var(--line); }.panel-head h2 { margin:0; }.table-wrap { overflow-x:auto; } table { width:100%; border-collapse:collapse; min-width:820px; } th,td { padding:14px 18px; border-bottom:1px solid rgba(200,164,91,.12); text-align:left; font-size:12px; } th { color:var(--gold); text-transform:uppercase; letter-spacing:.1em; font-size:9px; } td strong,td small { display:block; } td small { color:var(--muted); margin-top:5px; }.stock-form { display:flex; gap:6px; }.stock-form input { width:78px; min-height:34px; }.dot { width:7px;height:7px;border-radius:50%;background:#666;display:inline-block;margin-right:8px;}.dot.active { background:#74b984; }
.status { display:inline-flex; border:1px solid var(--line); color:var(--gold); padding:6px 9px; font-size:9px; text-transform:uppercase; letter-spacing:.08em; white-space:nowrap; }.status-cancelled,.status-refunded,.status-chargeback { color:var(--danger); }.orders { display:grid; gap:12px; }.order-card { display:grid; grid-template-columns:1.2fr 1fr auto; gap:24px; align-items:center; padding:22px; border:1px solid var(--line); background:rgba(13,13,11,.9); }.order-card h3 { font-size:26px; }.order-card p { margin:5px 0; font-size:12px; }.tracking { display:grid; gap:5px; margin-top:10px; font-size:11px; }.tracking span { color:var(--muted); }.tracking a { color:var(--gold); }.empty { border:1px solid var(--line); background:rgba(13,13,11,.9); padding:clamp(28px,7vw,70px); text-align:center; }.empty-cell { padding:50px;text-align:center;color:var(--muted); }
dialog { width:min(620px,calc(100% - 24px)); border:1px solid var(--line); background:#0d0d0b; color:var(--text); padding:0; box-shadow:0 30px 100px #000; } dialog::backdrop { background:rgba(0,0,0,.8); backdrop-filter:blur(6px); }.dialog-body { padding:28px; }.dialog-close { float:right; border:0;background:transparent;color:var(--gold);font-size:26px;cursor:pointer; }.detail-list { display:grid; gap:10px; margin:24px 0; }.detail-list div { display:flex; justify-content:space-between; gap:20px; border-bottom:1px solid var(--line); padding-bottom:10px; }.detail-list.totals { margin-top:34px; }.shipment-form { display:grid; gap:12px; clear:both; }.muted { color:var(--muted); }
.admin-shell { display:grid; grid-template-columns:220px minmax(0,1fr); width:min(1480px,calc(100% - 32px)); margin:30px auto 70px; gap:28px; align-items:start; }.admin-sidebar { position:sticky; top:104px; border:1px solid var(--line); background:rgba(13,13,11,.94); padding:20px; scrollbar-width:none; }.admin-sidebar::-webkit-scrollbar { display:none; }.admin-nav { display:grid; gap:4px; margin-top:18px; }.admin-nav button { border:0; border-left:2px solid transparent; background:transparent; color:var(--muted); text-align:left; padding:11px 12px; cursor:pointer; }.admin-nav button:hover,.admin-nav button.active { color:var(--text); border-left-color:var(--gold); background:rgba(200,164,91,.08); }.admin-main { min-width:0; }.section-title,.section-toolbar { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; margin:16px 0 28px; }.section-title h1,.section-toolbar h1 { font-size:clamp(38px,5vw,66px); }.section-title p { max-width:460px; margin:0; }.section-toolbar .toolbar-actions { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; clear:both; }.form-grid label { display:grid; gap:7px; color:var(--muted); font-size:11px; }.form-grid .span-2 { grid-column:1/-1; }.form-grid .check { display:flex; grid-template-columns:auto 1fr; align-items:center; }.form-grid .check input { width:18px; min-height:18px; }.inventory-form { display:grid; grid-template-columns:90px minmax(180px,1fr) auto; gap:7px; }.inventory-form input { min-height:36px; }.thumb { width:54px; height:54px; object-fit:cover; border:1px solid var(--line); }.product-cell { display:flex; align-items:center; gap:12px; min-width:210px; }.integration-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.integration-card,.report-card { border:1px solid var(--line); background:rgba(13,13,11,.92); padding:28px; }.integration-card h3 { margin-top:14px; }.integration-card>strong { color:var(--gold); }.notice { position:fixed; right:24px; top:90px; z-index:20; background:var(--gold); color:#080806; padding:12px 18px; box-shadow:0 12px 35px #000; }.notice.error { background:var(--danger); }.legal-note { border-left:2px solid var(--gold); padding:10px 16px; background:rgba(200,164,91,.06); }
@media(max-width:900px){.admin-shell{grid-template-columns:1fr;width:min(100% - 20px,1180px)}.admin-sidebar{position:static;padding:12px;overflow-x:auto}.admin-sidebar>.eyebrow{display:none}.admin-nav{display:flex;margin:0;width:max-content}.admin-nav button{white-space:nowrap;border-left:0;border-bottom:2px solid transparent}.admin-nav button.active{border-left:0;border-bottom-color:var(--gold)}.section-title,.section-toolbar{align-items:flex-start;flex-direction:column}.toolbar-actions{justify-content:flex-start!important}}
@media(max-width:760px){.topbar{align-items:flex-start}.top-actions{flex-direction:column;align-items:flex-end;gap:7px}.shell{width:min(100% - 20px,1180px);margin-top:30px}.hero{display:block}.summary{grid-template-columns:repeat(2,1fr)}.summary article{padding:16px}.order-card{grid-template-columns:1fr;gap:12px}.login{margin-top:3vh}.brand{font-size:20px}.top-actions span{max-width:150px;overflow:hidden;text-overflow:ellipsis}.panel-head{padding:16px}h1{font-size:42px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.integration-grid{grid-template-columns:1fr}.inventory-form{grid-template-columns:75px minmax(150px,1fr)}.inventory-form button{grid-column:1/-1}.admin-shell{margin-top:14px}.section-title h1,.section-toolbar h1{font-size:42px}}