:root{--ink:#08070d;--panel:#11101a;--line:#292638;--volt:#dfff00;--cyan:#9dfcff;--text:#eeeaf3}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--text);font-family:"DM Sans";min-height:100vh;background-image:radial-gradient(circle at 85% 10%,#251443 0,transparent 28%)}button,input,select,textarea{font:inherit}.login{position:fixed;inset:0;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,#251443,#08070d 65%);z-index:5}.login>div{width:min(420px,88vw)}.mini,.kicker{font-size:9px;letter-spacing:.25em;color:var(--cyan)}.login h1{font:800 clamp(70px,12vw,145px)/.8 "Syne";letter-spacing:-.09em;margin:35px 0 20px;color:var(--volt);text-shadow:0 0 40px rgba(223,255,0,.2)}sup{font:500 8px "DM Sans"}.login p{color:#888}.login form{display:flex;flex-direction:column;gap:10px;margin-top:45px}input,select,textarea{width:100%;background:#0e0d15;border:1px solid var(--line);color:white;padding:14px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--cyan)}button{border:0;cursor:pointer}.login button,.save{background:var(--volt);padding:16px;font-size:11px;text-transform:uppercase;letter-spacing:.13em}.login small{color:#ff788a;min-height:20px}.dashboard header{height:82px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 3vw}.brand{font:800 27px "Syne";letter-spacing:-.08em;color:white;text-decoration:none}.dashboard header>div{display:flex;align-items:center;gap:25px;font-size:8px;letter-spacing:.18em;color:#777}.dashboard header button,.cancel{background:none;color:#aaa;text-decoration:underline}.admin-grid{display:grid;grid-template-columns:minmax(390px,38%) 1fr;min-height:calc(100vh - 82px)}aside{padding:55px 4vw;border-right:1px solid var(--line)}h2{font:600 36px "Syne";letter-spacing:-.05em;margin:12px 0 35px}label{display:block;text-transform:uppercase;font-size:9px;letter-spacing:.13em;color:#888;margin-bottom:16px}label input,label select,label textarea{margin-top:8px;text-transform:none;letter-spacing:0}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}input[type=file]{position:absolute;opacity:0;pointer-events:none}.upload{margin-top:8px;height:70px;border:1px dashed #454158;display:flex;align-items:center;justify-content:space-between;padding:20px;color:#aaa}.upload b{font-size:24px;color:var(--volt)}#preview{width:100%;height:170px;object-fit:cover;margin:-8px 0 18px}.stock-title{font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin:30px 0 12px}.stock-title small{float:right;text-transform:none;letter-spacing:0;color:#777}.stock-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.stock-grid label{text-align:center}.stock-grid input{padding:10px 5px;text-align:center}.save{width:100%;margin-top:28px;display:flex;justify-content:space-between}.cancel{width:100%;margin-top:14px}.formMessage{font-size:12px;color:var(--cyan)}.inventory{padding:55px 4vw}.inventory-head{display:flex;justify-content:space-between;align-items:start}.inventory-head h2{margin-bottom:25px}.inventory-head strong{font-size:9px;letter-spacing:.17em;color:var(--volt)}.product-row{display:grid;grid-template-columns:90px 1fr auto;gap:20px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.product-row img{width:90px;height:90px;object-fit:cover;background:#171522}.product-row h3{font:600 17px "Syne";margin:0 0 7px}.product-row p{font-size:11px;color:#777;margin:0 0 8px}.stock-pills{display:flex;gap:5px;flex-wrap:wrap}.stock-pills span{border:1px solid var(--line);font-size:8px;padding:5px 6px}.stock-pills span.out{opacity:.3;text-decoration:line-through}.row-actions{display:flex;gap:7px}.row-actions button{background:#181622;color:white;padding:9px;font-size:10px}.row-actions .delete{color:#ff788a}.empty{text-align:center;color:#777;padding:80px}@media(max-width:850px){.admin-grid{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line)}.dashboard header>div span{display:none}.inventory{padding:45px 20px}.product-row{grid-template-columns:70px 1fr}.product-row img{width:70px;height:70px}.row-actions{grid-column:2}.stock-grid{grid-template-columns:repeat(4,1fr)}}
