:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#172033;background:#f4f6fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#dbeafe,transparent 45%),#f4f6fa}.card{background:#fff;border:1px solid #e3e8f0;border-radius:16px;box-shadow:0 12px 40px #14213d0d}.login-card{width:min(420px,100%);padding:32px}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;color:#64748b}h1,h2{margin:0 0 24px}label{display:grid;gap:7px;margin:16px 0;font-size:13px;font-weight:700}input,textarea,select{width:100%;border:1px solid #d8dee9;border-radius:9px;padding:11px 12px;background:#fff;color:#172033;outline:none}input:focus,textarea:focus,select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb18}textarea{min-height:100px;resize:vertical}.primary,.ghost,.danger,.icon,.nav{border:0;border-radius:9px;padding:10px 14px;font-weight:750}.primary{background:#2563eb;color:#fff}.ghost{background:#eef2f7;color:#334155}.danger{background:#fee2e2;color:#b91c1c;padding:7px 10px}.error{min-height:20px;color:#b91c1c;font-size:13px}.layout{min-height:100vh;display:grid;grid-template-columns:220px 1fr}.layout aside{background:#111827;color:#fff;padding:24px 18px;display:flex;flex-direction:column;gap:28px}.layout aside nav{display:grid;gap:8px}.nav{text-align:left;background:transparent;color:#9ca3af}.nav.active{background:#1f2937;color:#fff}.layout aside .ghost{margin-top:auto;background:#1f2937;color:#e5e7eb}.content{padding:32px;min-width:0}.content>header,.product-form>header,.product-form>footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.content>header{margin-bottom:24px}.content h1{margin:0}.notice{min-height:22px;color:#166534}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:16px;border-bottom:1px solid #edf0f5;font-size:13px}th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#64748b}td small{display:block;margin-top:4px;color:#64748b}.status{display:inline-block;padding:4px 8px;border-radius:99px;background:#dcfce7;color:#166534}.empty{text-align:center;color:#64748b;padding:40px}dialog{width:min(680px,calc(100% - 24px));border:0;border-radius:16px;padding:0;box-shadow:0 24px 80px #0f172a4d}dialog::backdrop{background:#0f172a99}.product-form{padding:24px}.product-form h2{margin:0}.icon{font-size:24px;background:#eef2f7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.wide{grid-column:1/-1}.product-form footer{margin-top:20px;justify-content:flex-end}@media(max-width:700px){.layout{grid-template-columns:1fr}.layout aside{display:none}.content{padding:20px}.content>header{align-items:flex-start}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}}