:root{--bg:#f6f5fa;--surface:#fff;--surface-2:#f0eef7;--border:#e5e2ee;--border-strong:#d7d3e3;--text:#17131f;--text-muted:#675f79;--text-faint:#8f879e;--accent:#7c3aed;--accent-hover:#6d28d9;--accent-contrast:#fff;--accent-soft:#7c3aed1a;--accent-soft-strong:#7c3aed2e;--success:#15803d;--success-soft:#15803d1f;--warning:#b45309;--warning-soft:#b4530921;--danger:#dc2626;--danger-soft:#dc26261a;--shadow-sm:0 1px 2px #17131f0f;--shadow-md:0 12px 28px -12px #17131f38;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--sidebar-w:260px;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SFMono-Regular", Consolas, monospace;font:15px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0e0c14;--surface:#161320;--surface-2:#1e1a2a;--border:#2b2738;--border-strong:#383249;--text:#f2f0f7;--text-muted:#a39cb2;--text-faint:#726b81;--accent:#a78bfa;--accent-hover:#c4b5fd;--accent-contrast:#19122b;--accent-soft:#a78bfa29;--accent-soft-strong:#a78bfa42;--success:#4ade80;--success-soft:#4ade8024;--warning:#fbbf24;--warning-soft:#fbbf2424;--danger:#f87171;--danger-soft:#f8717124;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 16px 32px -12px #0000008c}}*{box-sizing:border-box}body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{font-family:var(--sans);color:var(--text);letter-spacing:-.01em;font-weight:650}h1{margin:0;font-size:1.7rem}h2{margin:0;font-size:1.05rem}p{margin:0}a{color:var(--accent)}::selection{background:var(--accent-soft-strong)}.app-shell{min-height:100vh;display:flex}.app-sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;height:100vh;padding:1.35rem 1rem;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:.65rem;padding:.25rem .5rem 1.5rem;display:flex}.sidebar-brand-mark{background:linear-gradient(135deg, var(--accent), #47bfff);color:#fff;width:34px;height:34px;box-shadow:var(--shadow-sm);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex}.sidebar-brand-name{letter-spacing:-.01em;color:var(--text);font-size:1.02rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex}.sidebar-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);padding:.9rem .7rem .35rem;font-size:.68rem;font-weight:700}.sidebar-link{border-radius:var(--radius-sm);color:var(--text-muted);align-items:center;gap:.7rem;padding:.55rem .7rem;font-size:.88rem;font-weight:550;text-decoration:none;transition:background .12s,color .12s;display:flex}.sidebar-link svg{flex-shrink:0;width:17px;height:17px}.sidebar-link:hover{background:var(--surface-2);color:var(--text)}.sidebar-link.active{background:var(--accent-soft);color:var(--accent)}.sidebar-footer{border-top:1px solid var(--border);align-items:center;gap:.6rem;margin-top:.9rem;padding-top:.9rem;display:flex}.sidebar-user{flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.sidebar-user-avatar{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.sidebar-user-info{flex-direction:column;min-width:0;line-height:1.25;display:flex}.sidebar-user-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.sidebar-user-tag{color:var(--text-faint);font-size:.72rem}.icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn svg{width:16px;height:16px}.icon-btn:hover{background:var(--surface-2);color:var(--danger);border-color:var(--danger-soft)}.app-content{flex:1;width:100%;min-width:0;max-width:1180px;margin:0 auto;padding:2.25rem 2.75rem 3rem}.centered-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-page{background:radial-gradient(circle at 15% 15%, var(--accent-soft), transparent 45%), radial-gradient(circle at 85% 85%, #47bfff1f, transparent 45%), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-md);flex-direction:column;gap:1.35rem;padding:2.25rem 2rem;display:flex}.auth-brand{text-align:center;flex-direction:column;align-items:center;gap:.9rem;display:flex}.auth-brand-mark{background:linear-gradient(135deg, var(--accent), #47bfff);color:#fff;width:46px;height:46px;box-shadow:var(--shadow-md);border-radius:13px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.auth-brand h1{font-size:1.35rem}.auth-brand p{color:var(--text-muted);font-size:.88rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.75rem;display:flex}.page-subtitle{color:var(--text-muted);margin-top:.4rem;font-size:.92rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.75rem;overflow:hidden}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.4rem;display:flex}.panel-header h2{margin:0}.panel-header-hint{color:var(--text-faint);font-size:.82rem}.panel-body{padding:1.4rem}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.75rem;display:grid}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:.6rem;padding:1.25rem 1.4rem;display:flex}.stat-tile-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.stat-tile-icon{border-radius:var(--radius-sm);background:var(--accent-soft);width:32px;height:32px;color:var(--accent);justify-content:center;align-items:center;display:flex}.stat-tile-icon svg{width:17px;height:17px}.stat-tile-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:600}.stat-tile-value{color:var(--text);letter-spacing:-.01em;font-size:1.55rem;font-weight:700}.stat-tile-detail{color:var(--text-muted);font-size:.85rem}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.88rem}.data-table th{text-align:left;background:var(--surface-2);color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap;padding:.8rem 1.4rem;font-size:.7rem;font-weight:650}.data-table td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;padding:.8rem 1.4rem}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--surface-2)}.cell-muted{color:var(--text-muted)}.cell-actions{text-align:right;white-space:nowrap}.state-block{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2.75rem 1.5rem;display:flex}.state-block-icon{background:var(--surface-2);width:42px;height:42px;color:var(--text-faint);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.35rem;display:flex}.state-block-icon svg{width:20px;height:20px}.state-block-title{color:var(--text);font-size:.95rem;font-weight:600}.state-block-text{max-width:32ch;font-size:.87rem}.state-block.state-error .state-block-icon{background:var(--danger-soft);color:var(--danger)}.page-loading{color:var(--text-faint);padding:.5rem 0;font-size:.9rem}.form-error{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm);margin:0;padding:.55rem .75rem;font-size:.85rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:1rem;display:grid}.field{color:var(--text);flex-direction:column;gap:.4rem;min-width:0;font-size:.83rem;font-weight:600;display:flex}.field-wide{grid-column:1/-1}.field input,.field select,.field textarea{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg);color:var(--text);width:100%;padding:.55rem .7rem;font-size:.92rem;font-weight:400}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent-soft-strong);outline-offset:1px;border-color:var(--accent)}.field input:disabled,.field select:disabled{opacity:.6;cursor:not-allowed}.form-actions{align-items:center;gap:.75rem;margin-top:.35rem;display:flex}.auth-card .field,.auth-card input{width:100%}.btn{border-radius:var(--radius-sm);font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.05rem;font-size:.87rem;font-weight:600;transition:background .12s,border-color .12s,color .12s,opacity .12s;display:inline-flex}.btn svg{width:15px;height:15px}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--surface-2)}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-danger{color:var(--danger);border-color:var(--danger-soft);background:0 0}.btn-danger:hover{background:var(--danger-soft)}.btn-sm{border-radius:7px;padding:.4rem .75rem;font-size:.79rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-block{width:100%}.badge{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.22rem .62rem;font-size:.7rem;font-weight:700;display:inline-flex}.badge-accent{background:var(--accent-soft);color:var(--accent)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-neutral{background:var(--surface-2);color:var(--text-muted)}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.status-select{appearance:none;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;background-color:var(--surface-2);color:var(--text-muted);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .4rem center;background-repeat:no-repeat;background-size:13px;border:1px solid #0000;border-radius:999px;padding:.28rem 1.6rem .28rem .7rem;font-size:.72rem;font-weight:700}.status-select:disabled{cursor:default;opacity:.85}.status-select.status-active,.status-select.status-in_stock{background-color:var(--success-soft);color:var(--success)}.status-select.status-lead{background-color:var(--accent-soft);color:var(--accent)}.status-select.status-low_stock{background-color:var(--warning-soft);color:var(--warning)}.status-select.status-inactive,.status-select.status-out_of_stock{background-color:var(--danger-soft);color:var(--danger)}.role-toggle-list{flex-wrap:wrap;gap:.5rem;display:flex}.chip-toggle{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.32rem .75rem;font-size:.8rem;font-weight:550;display:inline-flex}.chip-toggle:has(input:checked){background:var(--accent-soft);border-color:var(--accent-soft-strong);color:var(--accent)}.chip-toggle input{accent-color:var(--accent)}.checklist{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.checklist li label{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.65rem;padding:.55rem .6rem;font-size:.87rem;display:flex}.checklist li label:has(input:checked){background:var(--accent-soft);color:var(--accent)}.checklist input{accent-color:var(--accent);flex-shrink:0;width:15px;height:15px}.checklist-module{color:var(--text-faint);font-weight:600}.meta-line{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.status-inline{text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:700}.status-ok{color:var(--success)}.status-checking{color:var(--text-faint)}.status-unreachable,.status-unknown{color:var(--danger)}