:root{--ink:#191611;--muted:#766e63;--paper:#f4f0e8;--card:#fffdf8;--line:#ded6ca;--gold:#bd7b30;--dark:#211c16;--danger:#a83d32}*{box-sizing:border-box}body{margin:0;font-family:Be Vietnam Pro,sans-serif;color:var(--ink);background:var(--paper);min-height:100vh}.admin-noise{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.eyebrow{margin:0 0 7px;color:var(--gold);font-size:.68rem;font-weight:700;letter-spacing:.16em}.keys{display:flex;gap:2px;height:28px}.keys i{display:block;width:8px;background:var(--gold);border-radius:1px}.keys i:nth-child(2){height:20px;background:#fff}.keys i:nth-child(3){height:24px}.primary-button,.secondary-button{border:0;border-radius:7px;padding:13px 18px;font:600 .86rem inherit;cursor:pointer}.primary-button{background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px}.primary-button:hover{background:#342b22}.primary-button:disabled{opacity:.55;cursor:wait}.secondary-button{border:1px solid var(--line);background:transparent}.compact{padding:11px 16px}.login-screen{min-height:100vh;display:grid;place-items:center;padding:80px 24px 40px;background:radial-gradient(circle at 70% 15%,#d8c3a0 0,transparent 30%),var(--dark)}.login-brand{position:absolute;top:28px;left:35px;display:grid;grid-template-columns:auto 1fr;column-gap:12px;color:#fff}.login-brand .keys{grid-row:1/3}.login-brand small{grid-column:2;font-size:.55rem;letter-spacing:.15em;color:#bfb5a7}.login-card{width:min(440px,100%);background:var(--card);border-radius:16px;padding:43px;box-shadow:0 30px 80px #0006}.login-card h1{font:400 2.5rem "DM Serif Display";margin:0}.login-card>p:not(.eyebrow){color:var(--muted);line-height:1.6;margin-bottom:28px}.login-card label,.form-grid label{display:flex;flex-direction:column;gap:8px;font-size:.76rem;font-weight:600;margin-bottom:16px}.login-card input,.form-grid input,.form-grid select,.form-grid textarea,.toolbar input,.toolbar select{font:400 .88rem inherit;border:1px solid var(--line);background:#fff;border-radius:7px;padding:12px 13px;outline:none}.login-card input:focus,.form-grid :is(input,select,textarea):focus{border-color:var(--gold);box-shadow:0 0 0 3px #bd7b3019}.login-card .primary-button{width:100%;margin-top:8px}.login-card>a{display:block;text-align:center;margin-top:22px;color:var(--muted);font-size:.76rem;text-decoration:none}.form-error{color:var(--danger);font-size:.76rem;background:#a83d320d;padding:10px;border-radius:6px}.dashboard{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:var(--dark);color:#fff;padding:28px 20px;display:flex;flex-direction:column;z-index:20}.admin-brand{display:flex;gap:13px;align-items:center;color:#fff;text-decoration:none;padding:0 8px 34px;border-bottom:1px solid #ffffff1c}.admin-brand span:last-child{display:grid}.admin-brand small{font-size:.52rem;letter-spacing:.15em;color:#aaa094}.sidebar nav{padding:24px 0}.sidebar nav button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;margin:3px 0;border:0;border-radius:6px;background:transparent;color:#c9c1b7;font:500 .8rem inherit;text-align:left;cursor:pointer}.sidebar nav button:hover,.sidebar nav button.active{background:#ffffff10;color:#fff}.sidebar nav button.active{box-shadow:inset 3px 0 var(--gold)}.sidebar nav span{width:20px;color:#d99a50;font-size:1rem}.sidebar-foot{margin-top:auto;display:grid;gap:8px;border-top:1px solid #ffffff1c;padding-top:20px}.sidebar-foot a,.sidebar-foot button{color:#aaa094;background:none;border:0;text-align:left;text-decoration:none;font:500 .72rem inherit;padding:6px;cursor:pointer}.dashboard-main{margin-left:245px;padding:34px 42px 60px}.dashboard-main>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.dashboard-main h1{font:400 2.25rem "DM Serif Display";margin:0}.mobile-menu{display:none}.loading{text-align:center;padding:80px;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-grid article{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:22px;display:grid;gap:7px}.stat-grid span,.stat-grid small{font-size:.7rem;color:var(--muted)}.stat-grid strong{font:400 2rem "DM Serif Display"}.stat-grid small b{color:var(--gold)}.stat-grid .accent{background:#bd7b30;color:#fff;border-color:#bd7b30}.stat-grid .accent :is(span,small){color:#fff9}.overview-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:18px}.panel{background:var(--card);border:1px solid var(--line);border-radius:10px}.panel-head{padding:22px 24px;border-bottom:1px solid var(--line)}.panel h2{font:400 1.3rem "DM Serif Display";margin:0}.rank-list,.activity-list{padding:12px 22px}.rank,.activity{display:grid;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e8e2d8;font-size:.76rem}.rank{grid-template-columns:25px 1fr auto}.rank>span:first-child{font:400 1.1rem "DM Serif Display";color:var(--gold)}.rank b,.activity b{display:block;font-size:.78rem}.rank small,.activity small{color:var(--muted)}.activity{grid-template-columns:1fr auto}.empty-mini{color:var(--muted);text-align:center;padding:30px;font-size:.78rem}.toolbar{display:flex;justify-content:space-between;margin-bottom:15px}.search{border:1px solid var(--line);background:#fff;border-radius:7px;padding:0 12px;display:flex;align-items:center;gap:8px}.toolbar .search input{border:0;padding-left:0;width:260px}.toolbar select{min-width:170px}.product-row{display:grid;grid-template-columns:2fr .7fr .7fr .5fr 110px;gap:14px;align-items:center;padding:14px 20px;border-bottom:1px solid #e7e0d6;font-size:.73rem}.product-row-head{color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}.product-info{display:flex;align-items:center;gap:12px;min-width:0}.product-info img{width:48px;height:48px;object-fit:cover;border-radius:5px;background:#ddd}.product-info b,.product-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-info small{color:var(--muted);margin-top:4px}.pill{display:inline-flex;width:max-content;padding:5px 8px;border-radius:20px;background:#bd7b3012;color:#8b581f;font-size:.62rem;font-weight:700}.pill.hidden{background:#7771;color:#666}.row-actions{display:flex;gap:6px;justify-content:flex-end}.row-actions button{border:1px solid var(--line);background:#fff;border-radius:5px;padding:7px 9px;cursor:pointer}.editor{position:fixed;z-index:50;top:0;right:0;width:min(590px,100%);height:100vh;background:var(--card);box-shadow:-25px 0 70px #0003;transform:translate(105%);transition:.3s;overflow:auto}.editor.open{transform:none}.drawer-backdrop{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;background:#18130d99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.editor form>header{display:flex;justify-content:space-between;padding:28px 30px;border-bottom:1px solid var(--line)}.editor h2{font:400 1.7rem "DM Serif Display";margin:0}.icon-close{font-size:1.7rem;background:none;border:0;cursor:pointer}.form-grid{padding:25px 30px;display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-grid .wide{grid-column:1/-1}.form-grid textarea{resize:vertical}.check{flex-direction:row!important;align-items:center}.check input{width:17px;height:17px}.upload{position:relative;border:1px dashed #cbbda9;border-radius:7px;padding:13px;flex-direction:row!important;align-items:center;justify-content:space-between;cursor:pointer}.upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload b,.upload small{display:block}.upload small{color:var(--muted);font-weight:400;margin-top:3px}.upload em{color:var(--gold);font-style:normal}.editor form>footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding:18px 30px;background:#fff;border-top:1px solid var(--line)}#product-error{margin:0 30px}.toast{position:fixed;z-index:80;left:50%;bottom:25px;transform:translate(-50%,20px);background:var(--dark);color:#fff;padding:12px 18px;border-radius:7px;font-size:.75rem;opacity:0;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}@media (max-width:1000px){.stat-grid{grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:1fr}.product-row{grid-template-columns:2fr .7fr .7fr 90px}.product-row>span:nth-child(4),.product-row-head>span:nth-child(4){display:none}}@media (max-width:720px){.sidebar{transform:translate(-100%);transition:.25s}.sidebar.open{transform:none}.dashboard-main{margin-left:0;padding:22px 16px 45px}.dashboard-main>header{margin-bottom:22px}.dashboard-main h1{font-size:1.8rem}.mobile-menu{display:block;border:0;background:none;font-size:1.2rem;margin-right:10px}.dashboard-main>header>div{margin-right:auto}.dashboard-main>header .primary-button{font-size:0;width:42px;height:42px;padding:0;justify-content:center}.dashboard-main>header .primary-button:first-letter{font-size:1.2rem}.stat-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-grid article{padding:16px}.stat-grid strong{font-size:1.6rem}.toolbar{gap:8px}.toolbar .search{flex:1}.toolbar .search input{width:100%}.toolbar select{min-width:0;width:42%}.product-row{grid-template-columns:1fr auto;padding:12px}.product-row-head{display:none}.product-row>span:nth-child(2),.product-row>span:nth-child(3){display:none}.login-card{padding:30px 23px}.login-brand{left:24px}.form-grid{grid-template-columns:1fr;padding:20px}.form-grid label{grid-column:1!important}#product-error{margin:0 20px}.editor form>header,.editor form>footer{padding:18px 20px}}[hidden]{display:none!important}@media (max-width:720px){.dashboard-main>header .primary-button{font-size:1.2rem}.dashboard-main>header .primary-button .add-label{display:none}}.midi-upload{border-style:solid;background:linear-gradient(110deg,#bd7b3009,#8069aa0b)}:root{color-scheme:dark;--ink:#f2edf0;--muted:#aaa4ad;--paper:#0d0c10;--card:#161319;--line:rgba(242,237,240,.13);--gold:#dfa3ad;--dark:#09080b;--danger:#ff8e9b}body{background:radial-gradient(circle at 82% 4%,rgba(164,124,181,.13),transparent 30rem),radial-gradient(circle at 15% 60%,rgba(224,160,170,.06),transparent 34rem),var(--paper)}.admin-noise{opacity:.08;mix-blend-mode:soft-light}.login-screen{background:radial-gradient(circle at 68% 18%,rgba(204,152,173,.2),transparent 30%),linear-gradient(145deg,#0d0c10,#151119 65%,#11141b)}.login-card{background:linear-gradient(145deg,#1a171e,#121015);border:1px solid var(--line);box-shadow:0 34px 90px #0008}.login-card input,.form-grid input,.form-grid select,.form-grid textarea,.toolbar input,.toolbar select{color:var(--ink);background:#1d1921;border-color:var(--line)}.login-card input::placeholder,.form-grid input::placeholder,.form-grid textarea::placeholder,.toolbar input::placeholder{color:#746e78}.login-card input:focus,.form-grid :is(input,select,textarea):focus{border-color:var(--gold);background:#211c25;box-shadow:0 0 0 3px #dfa3ad18}.primary-button{color:#171217;background:linear-gradient(115deg,#e5a9b1,#c9b2dc);box-shadow:0 10px 28px #0003}.primary-button:hover{background:linear-gradient(115deg,#edb7bd,#d7c4e2)}.secondary-button{color:var(--ink);background:#1c1920}.sidebar{background:linear-gradient(180deg,#0a090c,#111015)}.admin-brand,.sidebar-foot{border-color:var(--line)}.sidebar nav button{color:#aaa4ad}.sidebar nav button:hover,.sidebar nav button.active{color:#f2edf0;background:#ffffff0c}.sidebar nav span{color:var(--gold)}.dashboard-main>header{border-bottom:1px solid var(--line);padding-bottom:22px}.stat-grid article,.panel{background:linear-gradient(145deg,#18151c,#131116);border-color:var(--line);box-shadow:0 18px 45px #0002}.stat-grid .accent{color:#f5eef2;background:linear-gradient(135deg,#684455,#4b3b56);border-color:#8d6178}.stat-grid .accent :is(span,small){color:#e7dce3}.panel-head,.rank,.activity,.product-row{border-color:var(--line)}.search{color:var(--muted);background:#17141a;border-color:var(--line)}.toolbar .search input{background:transparent}.product-info img{background:#211d24;border:1px solid var(--line)}.pill{color:#efc3ca;background:#dfa3ad16;border:1px solid #dfa3ad28}.pill.hidden{color:#aaa4ad;background:#ffffff08}.row-actions button{color:var(--ink);background:#211d24;border-color:var(--line)}.row-actions button:hover{background:#2b2530}.editor{background:#121015;border-left:1px solid var(--line);box-shadow:-25px 0 80px #0009}.editor form>header,.editor form>footer{background:#121015;border-color:var(--line)}.upload{background:#18151c;border-color:#6f626f}.form-error{color:#ffadb6;background:#ff8e9b12}.toast{color:#171217;background:#e5d8e7;box-shadow:0 15px 45px #0007}
