:root{--ink:#1e2522;--green:#234438;--accent:#e54b63;--line:#e3e5e3}*{box-sizing:border-box}body{margin:0;background:#f5f6f4;color:var(--ink);font-family:"DM Sans",sans-serif}header{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw}header a{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-size:12px;letter-spacing:.1em}header a span{width:38px;height:38px;background:var(--green);color:#fff;display:grid;place-items:center;font-family:"Playfair Display"}header>div{display:flex;align-items:center;gap:18px}header small{color:#777}header button{border:0;background:none;text-decoration:underline;cursor:pointer}main{max-width:1240px;margin:auto;padding:55px 30px}.gate-card{max-width:430px;margin:8vh auto;background:#fff;padding:42px;box-shadow:0 12px 35px #00000012}.gate-card>p:first-child,.admin-heading p,.add-panel>div p{font-size:9px;letter-spacing:.18em;color:#a16b3d;font-weight:700}.gate-card h1,.admin-heading h1{font:600 42px "Playfair Display";margin:7px 0 14px}.gate-card>p{color:#777;font-size:12px}.gate-card form{display:flex;flex-direction:column;gap:12px;margin:25px 0}.gate-card input,.add-panel input,.add-panel select{border:1px solid #d8dbd8;padding:13px;background:#fff}.gate-card button,.add-panel form>button,.admin-heading>button{border:0;background:var(--green);color:#fff;padding:14px;font-weight:700;font-size:10px;letter-spacing:.08em;cursor:pointer}.gate-card small{color:#c23950;min-height:15px}.gate-card a{font-size:10px;color:#666}.admin-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.admin-heading h1{font-size:54px;margin:5px 0}.admin-heading span{font-size:12px;color:#777}.admin-heading>button{background:var(--accent);padding:15px 20px}.add-panel{background:#fff;padding:30px;display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;margin-bottom:30px;border:1px solid var(--line)}.add-panel h2{font:600 32px "Playfair Display";margin:0}.add-panel form{display:flex;flex-direction:column;gap:14px}.add-panel label{font-size:10px;font-weight:700}.add-panel input,.add-panel select{display:block;width:100%;margin-top:6px}.add-panel label small{display:block;margin-top:5px;color:#888;font-weight:400}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}#form-status{font-size:11px;color:#777}.category-tabs{display:flex;border-bottom:1px solid #ccc;margin-bottom:25px}.category-tabs button{border:0;background:none;padding:15px 25px;font-size:12px;font-weight:700;color:#888;border-bottom:3px solid transparent;cursor:pointer}.category-tabs button.active{color:var(--green);border-color:var(--green)}.category-tabs b{background:#e8ebe9;border-radius:12px;padding:2px 7px;margin-left:5px}.inventory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.inventory-card{background:#fff;border:1px solid var(--line)}.inventory-card img{width:100%;aspect-ratio:3/4;object-fit:cover}.inventory-info{padding:15px}.inventory-info small{color:#888}.inventory-info h3{font-size:14px;margin:5px 0}.inventory-info strong{font-size:13px}.inventory-info button{display:block;width:100%;border:1px solid #d8a5ad;background:#fff;color:#bc344b;padding:9px;margin-top:14px;font-size:9px;font-weight:700;cursor:pointer}.empty{text-align:center;background:#fff;padding:75px 20px}.empty h2{font:600 27px "Playfair Display"}.empty p{font-size:11px;color:#777}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#222;color:#fff;padding:12px 20px;opacity:0}.toast.show{opacity:1}@media(max-width:800px){main{padding:35px 18px}.inventory-grid{grid-template-columns:1fr 1fr}.add-panel{grid-template-columns:1fr}.admin-heading{align-items:flex-start;gap:20px}.admin-heading h1{font-size:42px}header strong,header small{display:none}}
