@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400&family=Manrope:wght@400;600&family=Syne:wght@600;700&display=swap');:root{--ink:#090d0a;--panel:#111713;--bone:#eeeade;--acid:#caff3d;--muted:#788078;--line:#29312b}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--ink);color:var(--bone);font-family:Manrope,sans-serif}button,input,textarea,select{font:inherit}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 75% 20%,#174731,transparent 35%)}.login form{width:min(500px,90%);padding:55px;background:#101612;border:1px solid var(--line)}.mark{font:700 32px Syne;color:var(--acid);text-decoration:none}.login span,.kicker,header span{display:block;margin-top:40px;font:10px DM Mono;text-transform:uppercase;letter-spacing:.18em;color:var(--acid)}h1,h2{font-family:Syne;letter-spacing:-.05em}.login h1{font-size:60px;line-height:.9;margin:20px 0 45px}.login label,.form-grid label{display:flex;flex-direction:column;gap:9px;font:10px DM Mono;text-transform:uppercase;color:#9ba29b}.login input,input,textarea,select{background:#0b0f0c;color:var(--bone);border:1px solid var(--line);padding:14px;outline:0}.login input:focus,input:focus,textarea:focus,select:focus{border-color:var(--acid)}button{cursor:pointer}.login button,.primary{border:0;background:var(--acid);color:#071007;padding:15px 22px;font:10px DM Mono;text-transform:uppercase;letter-spacing:.1em;margin-top:20px}.login aside{margin-top:30px;padding:15px;border:1px solid #705927;color:#d6ba73;font:10px DM Mono;line-height:1.7}.error{color:#ff7d68;font-size:12px}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;padding:30px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.sidebar nav{display:flex;flex-direction:column;margin-top:80px;gap:10px}.sidebar nav button,.sidebar nav a,#logout{background:none;border:0;color:#858d86;text-align:left;padding:13px 0;text-decoration:none;font:10px DM Mono;text-transform:uppercase}.sidebar nav .active,.sidebar nav button:hover,.sidebar nav a:hover{color:var(--acid)}#logout{margin-top:auto}main{margin-left:245px;padding:45px 5vw}header{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:35px}header span{margin:0}header h1{font-size:52px;margin:8px 0 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:40px 0}.stats div{background:var(--panel);padding:25px}.stats b{display:block;font:40px Syne;color:var(--acid)}.stats span{font:9px DM Mono;text-transform:uppercase;color:var(--muted)}.list-head{font:10px DM Mono;text-transform:uppercase;border-bottom:1px solid var(--line);padding:18px 5px;color:var(--muted)}.item{display:grid;grid-template-columns:65px 1fr 150px 100px 50px;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:15px 5px;cursor:pointer}.item:hover{background:#101612}.thumb{width:65px;height:65px;background:radial-gradient(circle,#335b45,#111);overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.item h3{font:600 17px Syne;margin:0 0 6px}.item small,.item span{font:9px DM Mono;color:var(--muted);text-transform:uppercase}.item .price{color:var(--bone)}.pills i{display:inline-block;font-style:normal;font:8px DM Mono;color:var(--acid);border:1px solid #4a5d30;padding:5px;margin:2px}.panel{margin:45px auto;max-width:900px;background:var(--panel);padding:45px}.panel h2{font-size:35px;margin:0}.panel>p{color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:35px 0}.wide{grid-column:1/-1}.check{flex-direction:row!important;align-items:center}.check input{accent-color:var(--acid)}dialog{width:min(750px,94vw);max-height:92vh;overflow:auto;background:var(--panel);color:var(--bone);border:1px solid #445047;padding:45px}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}dialog h2{font-size:40px;margin:12px 0}.close{position:absolute;right:20px;top:15px;background:none;border:0;color:var(--bone);font-size:28px}.actions{display:flex;justify-content:space-between}.danger{border:1px solid #8b4137;background:none;color:#ff8c7c;padding:13px 20px;margin-top:20px}.upload span{color:var(--acid);text-transform:none}.toast{position:fixed;right:25px;bottom:25px;background:var(--acid);color:#081008;padding:15px 25px;font:10px DM Mono;transform:translateY(100px);transition:.3s}.toast.show{transform:none}#warning{background:#463a18;color:#ffe17e;padding:15px;margin-top:25px;font:11px DM Mono}@media(max-width:750px){.sidebar{position:static;width:auto;height:75px;flex-direction:row;align-items:center;justify-content:space-between}.sidebar nav{margin:0;flex-direction:row}.sidebar nav button,.sidebar nav a{font-size:0}.sidebar nav button:after,.sidebar nav a:after{content:attr(data-view);font-size:9px}#logout{margin:0}main{margin:0;padding:25px}header h1{font-size:38px}.stats{grid-template-columns:repeat(3,1fr)}.item{grid-template-columns:50px 1fr 70px}.item .pills,.item>span:last-child{display:none}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}dialog{padding:30px 20px}}
 .admin-tools{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(170px,1fr) minmax(150px,1fr) auto;gap:10px;align-items:end;margin:24px 0 8px;padding:18px;background:var(--panel);border:1px solid var(--line)}.admin-field{display:flex;flex-direction:column;gap:8px;font:9px DM Mono;text-transform:uppercase;letter-spacing:.08em;color:#9ba29b}.admin-tools input,.admin-tools select{width:100%;min-height:44px;font-size:12px}.admin-tools button{min-height:44px;border:1px solid var(--line);background:transparent;color:var(--bone);padding:0 18px;font:10px DM Mono;text-transform:uppercase;letter-spacing:.08em}.admin-tools button:hover{border-color:var(--acid);color:var(--acid)}.list-result{min-height:16px;margin:11px 2px;color:var(--muted);font:10px DM Mono}.list-empty{padding:36px 20px;border:1px dashed var(--line);color:var(--muted);text-align:center;font-size:13px}.item[role="button"]{cursor:pointer}.item[role="button"]:focus-visible{outline:2px solid var(--acid);outline-offset:2px}
@media(max-width:760px){.admin-tools{grid-template-columns:1fr 1fr}.admin-search-field{grid-column:1/-1}.admin-tools button{grid-column:1/-1}.category-manager-head{grid-template-columns:1fr;gap:20px}.category-list{grid-template-columns:1fr 1fr}.category-manager{padding:17px}.category-manager-head form>div{align-items:stretch}.category-manager-head form button{padding:0 10px}}
.category-manager{margin:35px 0 28px;padding:24px;background:var(--panel);border:1px solid var(--line)}.category-manager-head{display:grid;grid-template-columns:minmax(220px,1fr) minmax(270px,.9fr);gap:30px;align-items:start}.category-manager-head .kicker{margin:0}.category-manager-head h2{margin:8px 0;font-size:29px}.category-manager-head>div>p{margin:0;color:var(--muted);font-size:12px}.category-manager-head form>label{display:block;margin-bottom:8px;font:9px DM Mono;text-transform:uppercase;letter-spacing:.08em;color:#9ba29b}.category-manager-head form>div{display:flex;gap:8px}.category-manager-head input{flex:1;min-width:0;min-height:43px}.category-manager-head form button{min-height:43px;padding:0 15px;background:var(--acid);border:0;color:#071007;font:10px DM Mono;text-transform:uppercase}.category-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin:22px 0 0;padding:0;list-style:none}.category-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;background:#0b0f0c;border:1px solid var(--line);font-size:11px}.category-list li span{display:flex;flex-direction:column;gap:5px;min-width:0;overflow-wrap:anywhere}.category-list li small{font:9px DM Mono;color:var(--muted)}.category-list li button{flex-shrink:0;background:transparent;border:1px solid var(--line);color:#ff9a89;padding:7px 9px;font:8px DM Mono;text-transform:uppercase}.category-list li button:disabled{opacity:.4;cursor:not-allowed}.category-manager .error{margin:8px 0 0}
@media(max-width:760px){.category-manager-head{grid-template-columns:1fr;gap:20px}.category-list{grid-template-columns:1fr 1fr}.category-manager{padding:17px}.category-manager-head form>div{align-items:stretch}.category-manager-head form button{padding:0 10px}}
