*{box-sizing:border-box}:root{--bg:#f4f6f8;--surface:#ffffff;--border:#dde3e9;--text:#1d2731;--muted:#5c6b7a;--accent:#0e5fa8;--accent-dark:#0b4c86;--green:#1a7f4b;--green-bg:#e2f3e9;--amber:#92600a;--amber-bg:#fdf0d7;--red:#b02a2a;--red-bg:#fbe4e4;--blue:#0e5fa8;--blue-bg:#e1eefb;--gray-bg:#e8ecf0}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5}.topbar{background:#12293f;color:#fff}.topbar-inner{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:56px}.brand{font-weight:700;font-size:17px;color:#fff;text-decoration:none}.topbar nav{display:flex;gap:4px}.topbar nav a{color:#cfdce8;text-decoration:none;padding:8px 14px;border-radius:6px;font-weight:500}.topbar nav a:hover{background:rgba(255,255,255,.12);color:#fff}.topbar nav .topbar-user{color:#8fa6ba;padding:8px 6px 8px 14px;font-size:13px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-self:center}.topbar nav button.linklike{background:none;border:none;color:#cfdce8;padding:8px 14px;border-radius:6px;font-weight:500;font-size:15px}.topbar nav button.linklike:hover{background:rgba(255,255,255,.12);color:#fff}.container{max-width:1100px;margin:0 auto;padding:28px 24px 64px}h1{font-size:24px;margin:0 0 20px}h2{font-size:17px;margin:0 0 12px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-head h1{margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:20px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:14px;gap:14px;margin-bottom:24px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 18px}.stat .value{font-size:28px;font-weight:700;line-height:1.2}.stat .label{color:var(--muted);font-size:13px}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:8px 10px;border-bottom:2px solid var(--border);white-space:nowrap}td{padding:9px 10px;border-bottom:1px solid var(--border);vertical-align:middle}tr:last-child td{border-bottom:none}a{color:var(--accent)}.chip{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap}.chip-green{background:var(--green-bg);color:var(--green)}.chip-amber{background:var(--amber-bg);color:var(--amber)}.chip-red{background:var(--red-bg);color:var(--red)}.chip-blue{background:var(--blue-bg);color:var(--blue)}.chip-gray{background:var(--gray-bg);color:var(--muted)}.btn,button{font:inherit;font-size:14px;font-weight:600;padding:8px 16px;border-radius:7px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;text-decoration:none;display:inline-block}.btn:hover,button:hover{background:var(--accent-dark)}.btn.secondary,button.secondary{background:var(--surface);color:var(--accent)}.btn.secondary:hover,button.secondary:hover{background:var(--blue-bg)}button.danger{background:var(--surface);border-color:var(--red);color:var(--red)}button.danger:hover{background:var(--red-bg)}.btn.small,button.small{padding:4px 10px;font-size:13px}form.inline{display:inline}label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:4px}input,select,textarea{font:inherit;width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--text)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px;margin-bottom:16px}.form-grid .full{grid-column:1/-1}.muted{color:var(--muted)}.small-text{font-size:13px}.actions-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}details.editor>summary{cursor:pointer;font-weight:600;color:var(--accent);margin-bottom:12px}.empty{color:var(--muted);padding:12px 0}.warehouse-selector{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:0}.warehouse-selector select{width:auto;min-width:160px;font-weight:600}.two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}@media (max-width:800px){.two-col{grid-template-columns:1fr}}