:root{--bg: #0f1419;--panel: #1a2332;--text: #e8eef5;--muted: #8b9bb4;--accent: #3b82f6;--danger: #ef4444;--warn: #f59e0b;--border: #2d3a4f;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}a{color:var(--accent);text-decoration:none}.topbar{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);background:#121a26}.brand{font-weight:700;letter-spacing:.02em}.nav{display:flex;gap:.5rem;flex:1}.nav a{padding:.35rem .75rem;border-radius:6px;color:var(--muted)}.nav a:hover,.nav a.active{color:var(--text);background:var(--panel)}.main{padding:1.25rem;max-width:1200px;margin:0 auto}.page-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1rem}.card .num{font-size:1.75rem;font-weight:700;margin-top:.35rem}.card .num.warn{color:var(--warn)}.muted{color:var(--muted);font-size:.9rem}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1rem;margin-top:1rem}.toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:.75rem}.toolbar input,.toolbar select{background:#0c1118;border:1px solid var(--border);color:var(--text);padding:.35rem .5rem;border-radius:6px}.btn{background:#243044;border:1px solid var(--border);color:var(--text);padding:.45rem .9rem;border-radius:8px;cursor:pointer;font-size:.9rem}.btn:hover{filter:brightness(1.08)}.btn.primary{background:var(--accent);border-color:transparent}.btn.sm{padding:.25rem .55rem;font-size:.8rem}.btn.danger{border-color:#7f1d1d;color:#fecaca}.row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem 0;border-bottom:1px solid var(--border)}.row:last-child{border-bottom:none}.row-actions{margin-left:auto}.tag{display:inline-block;font-size:.75rem;padding:.1rem .45rem;border-radius:4px;background:#243044;color:var(--muted)}.split{display:flex;gap:1rem;align-items:flex-start}.side{width:240px;flex-shrink:0}.side-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.grow{flex:1;min-width:0}.cat-list{list-style:none;margin:0;padding:0}.cat-list li{display:flex;justify-content:space-between;align-items:center;padding:.5rem .35rem;border-radius:6px;cursor:pointer}.cat-list li.active{background:#243044}.cat-actions .link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.8rem;padding:0 .25rem}.cat-actions .link.danger{color:var(--danger)}.thumb{width:56px;height:56px;object-fit:cover;border-radius:8px;background:#0c1118}.prod-row{display:flex;gap:.75rem;align-items:center;padding:.65rem 0;border-bottom:1px solid var(--border)}.prod-row:last-child{border-bottom:none}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th,.table td{border-bottom:1px solid var(--border);padding:.45rem .35rem;text-align:left}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.25rem;max-width:560px;width:100%;max-height:90vh;overflow:auto}.modal-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:1rem}.form-modal.wide{max-width:520px}.form-modal .stack{display:flex;flex-direction:column;gap:.85rem;margin-top:.75rem}.form-modal .field{display:flex;flex-direction:column;gap:.35rem}.form-modal .label{font-size:.85rem;color:var(--muted)}.form-modal .req{color:var(--danger)}.form-modal input,.form-modal select,.form-modal textarea{width:100%;background:#0c1118;border:1px solid var(--border);color:var(--text);padding:.45rem .55rem;border-radius:6px;font-size:.95rem}.form-modal textarea{resize:vertical;min-height:5rem;font-family:inherit}.form-modal .hint{font-size:.75rem;color:var(--muted)}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--border)}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:2rem;max-width:400px;width:100%}.login-card input{width:100%;margin:1rem 0;padding:.6rem .75rem;border-radius:8px;border:1px solid var(--border);background:#0c1118;color:var(--text)}.login-card .btn{width:100%}.error{color:#fecaca;padding:1rem}code{font-size:.85em;background:#0c1118;padding:.1rem .35rem;border-radius:4px}