:root{--blue: #103a6b;--blue-700: #0c2d54;--blue-900: #08213e;--blue-50: #eef2f8;--gold: #c49a2c;--gold-600: #b08820;--gold-100: #f6edd4;--ink: #1a2230;--muted: #69707d;--line: #e3e6ec;--bg: #f3f4f6;--white: #ffffff;--danger: #b3261e;--danger-50: #fbeceb;--green: #1f7a4d;--green-50: #e9f4ee;--radius: 10px;--shadow-sm: 0 1px 2px rgba(16, 33, 62, .06), 0 1px 3px rgba(16, 33, 62, .08);--shadow-md: 0 6px 18px rgba(16, 33, 62, .1);--shadow-lg: 0 20px 50px rgba(8, 33, 62, .28);--font: "Libre Franklin", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}::selection{background:var(--gold-100)}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;border:1px solid transparent;border-radius:8px;font-weight:600;font-size:14px;line-height:1;padding:10px 16px;transition:.15s ease;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-700)}.btn-gold{background:var(--gold);color:#231a04}.btn-gold:hover{background:var(--gold-600)}.btn-ghost{background:transparent;color:var(--blue);border-color:var(--line)}.btn-ghost:hover{background:var(--blue-50);border-color:#cfd6e2}.btn-danger-ghost{background:transparent;color:var(--danger);border-color:#eccfcd}.btn-danger-ghost:hover{background:var(--danger-50)}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.iconbtn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink);transition:.13s ease}.iconbtn:hover{border-color:#cfd6e2;background:#fafbfc}.iconbtn.plus:hover{background:var(--green-50);border-color:#bfe0cd;color:var(--green)}.iconbtn.minus:hover{background:#fff6e9;border-color:#ead9b6;color:var(--gold-600)}.iconbtn.edit:hover{background:var(--blue-50);border-color:#c5d2e6;color:var(--blue)}.iconbtn:disabled{opacity:.4;cursor:not-allowed}.iconbtn svg{width:16px;height:16px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 9px;border-radius:999px;letter-spacing:.01em}.badge-mono{font-family:var(--mono);font-weight:500;font-size:12px;background:#eef1f6;color:#465061;padding:3px 8px;border-radius:6px}.badge-admin{background:var(--blue-50);color:var(--blue)}.badge-user{background:#f0efe7;color:#7a6a2e}.badge-ok{background:var(--green-50);color:var(--green)}.badge-off{background:#f0f1f3;color:#565d6b}.badge-low{background:var(--danger-50);color:var(--danger)}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:600;color:#3a4252}.field .hint{font-size:12px;color:var(--muted);font-weight:400}.input,.select,.textarea{border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px 12px;font-size:14px;color:var(--ink);transition:.15s;width:100%}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #103a6b1f}.textarea{resize:vertical;min-height:78px}.input.invalid,.select.invalid,.textarea.invalid{border-color:var(--danger)}.input.invalid:focus,.select.invalid:focus,.textarea.invalid:focus{box-shadow:0 0 0 3px #b3261e1f}.error-text{font-size:12px;color:var(--danger);font-weight:500}.search{position:relative}.search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted)}.search input{padding-left:34px;width:260px}.photo{position:relative;overflow:hidden;border-radius:8px;background:repeating-linear-gradient(45deg,#eceef2 0 9px,#e3e6ec 9px 18px);display:flex;align-items:center;justify-content:center;color:#8a93a3;border:1px solid var(--line)}.photo img{width:100%;height:100%;object-fit:cover;display:block}.photo .cap{font-family:var(--mono);font-size:10px;letter-spacing:.04em;background:#ffffffc7;padding:2px 6px;border-radius:4px;text-transform:uppercase}.surface{background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.card-click{transition:box-shadow .15s,transform .15s,border-color .15s}.card-click:hover{box-shadow:var(--shadow-md)!important;transform:translateY(-2px);border-color:#d6dce6}.overlay{position:fixed;inset:0;background:#08152675;display:flex;align-items:flex-start;justify-content:center;padding:48px 20px;z-index:60;overflow:auto;animation:fade .16s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:14px;box-shadow:var(--shadow-lg);width:100%;max-width:560px;overflow:hidden;animation:pop .18s cubic-bezier(.2,.7,.3,1)}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px 16px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0;font-size:18px;font-weight:700}.modal-head p{margin:3px 0 0;font-size:13px;color:var(--muted)}.modal-body{padding:20px 22px;display:flex;flex-direction:column;gap:16px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid var(--line);background:#fafbfc}.xbtn{width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--muted)}.xbtn:hover{background:#f5f6f8;color:var(--ink)}.table-wrap{overflow:auto;border-radius:var(--radius)}table.tbl{width:100%;border-collapse:collapse;font-size:14px}table.tbl thead th{text-align:left;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b7686;background:#f7f8fa;padding:12px 16px;border-bottom:1px solid var(--line);white-space:nowrap}table.tbl tbody td{padding:12px 16px;border-bottom:1px solid #eef0f3;vertical-align:middle}table.tbl tbody tr:last-child td{border-bottom:none}table.tbl tbody tr{transition:background .12s}table.tbl tbody tr:hover{background:#fbfcfd}.row-off{opacity:.62}.qty-pill{font-family:var(--mono);font-weight:600;font-size:15px;min-width:30px;text-align:center;display:inline-block}.stack-x{display:flex;align-items:center;gap:8px}.muted{color:var(--muted)}.name-cell{font-weight:600}.desc-cell{color:var(--muted);max-width:340px;font-size:13px}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-thumb{background:#d4d8e0;border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#c2c8d2}.empty{padding:60px 20px;text-align:center;color:var(--muted)}.empty svg{width:38px;height:38px;color:#c7ccd5;margin-bottom:10px}.page{max-width:1240px;margin:0 auto;padding:28px}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:80;display:flex;flex-direction:column;gap:10px;max-width:min(380px,calc(100vw - 40px))}.toast{display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--muted);border-radius:10px;box-shadow:var(--shadow-md);padding:12px 14px;font-size:13.5px;animation:pop .18s cubic-bezier(.2,.7,.3,1)}.toast-error{border-left-color:var(--danger)}.toast-success{border-left-color:var(--green)}.toast-info{border-left-color:var(--blue)}.toast .toast-msg{flex:1;line-height:1.4}