:root{--font-ui:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,"SFMono-Regular","Cascadia Mono",Menlo,Consolas,monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:4px;--radius:6px;--radius-lg:10px;--z-header:20;--z-overlay:100;--z-toast:1000;--bg:#f6f7f9;--surface:#ffffff;--surface-sunken:#f0f2f5;--border:#dfe3e8;--border-strong:#c3cad3;--text:#14181d;--text-muted:#59636e;--text-faint:#7c8794;--danger:#b4232a;--danger-bg:#fdecec;--success:#146c43;--success-bg:#e6f4ec;--warning:#8a5300;--warning-bg:#fdf1de;--focus:#2f5bd7;--shadow-1:0 1px 2px rgba(16,22,30,0.06);--shadow-2:0 4px 16px rgba(16,22,30,0.1);--shadow-3:0 16px 48px rgba(16,22,30,0.18);--accent:#4a3aa8;--accent-soft:#ecebf9;--accent-text:#382a86}[data-role=supplier]{--accent:#8a5300;--accent-soft:#fdf1de;--accent-text:#6f4200}[data-role=seller]{--accent:#0f6b62;--accent-soft:#e2f3f0;--accent-text:#0b544d}@media (prefers-color-scheme:dark){:root{--bg:#0e1116;--surface:#171b22;--surface-sunken:#12161c;--border:#2a313b;--border-strong:#3c4653;--text:#e8ecf1;--text-muted:#9aa5b1;--text-faint:#7a8592;--danger:#ff8a8a;--danger-bg:#3a1c1e;--success:#6ede9f;--success-bg:#13301f;--warning:#f0bd6a;--warning-bg:#33260f;--focus:#7ea2ff;--shadow-1:0 1px 2px rgba(0,0,0,0.4);--shadow-2:0 4px 16px rgba(0,0,0,0.5);--shadow-3:0 16px 48px rgba(0,0,0,0.6);--accent:#a99cf5;--accent-soft:#211d3d;--accent-text:#c4baff}[data-role=supplier]{--accent:#eab764;--accent-soft:#33260f;--accent-text:#f3cd8d}[data-role=seller]{--accent:#5fd3c4;--accent-soft:#0e2c29;--accent-text:#8ae3d7}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}.num,input[type=number],td.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:var(--font-mono)}a{color:var(--accent-text)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app{display:grid;grid-template-columns:248px 1fr;min-height:100dvh}.sidebar{background:var(--surface);border-right:1px solid var(--border);border-left:3px solid var(--accent);display:flex;flex-direction:column;padding:var(--space-5) 0 var(--space-4);position:-webkit-sticky;position:sticky;top:0;height:100dvh;overflow-y:auto}.brand{padding:0 var(--space-5) var(--space-5);display:flex;align-items:center;gap:var(--space-3)}.brand-mark{width:30px;height:30px;border-radius:var(--radius);background:var(--accent-soft);color:var(--accent-text);display:grid;place-items:center;flex-shrink:0}.brand-name{font-weight:650;letter-spacing:-.01em;font-size:15px}.brand-area{font-size:11px;letter-spacing:.09em;color:var(--accent-text);font-weight:600}.brand-area,.nav-label{text-transform:uppercase}.nav-label{font-size:10.5px;letter-spacing:.11em;color:var(--text-faint);font-weight:650;padding:var(--space-4) var(--space-5) var(--space-2)}.nav{display:flex;flex-direction:column;gap:1px;padding:0 var(--space-3)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:9px var(--space-3);min-height:40px;border-radius:var(--radius);color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:500;transition:background .14s ease-out,color .14s ease-out}.nav-item:hover{background:var(--surface-sunken);color:var(--text)}.nav-item[aria-current=page]{background:var(--accent-soft);color:var(--accent-text);font-weight:600}.nav-item svg{flex-shrink:0}.sidebar-foot{margin-top:auto;padding:var(--space-4) var(--space-5) 0;border-top:1px solid var(--border)}.who{font-size:13px;color:var(--text-muted);margin-bottom:var(--space-3);word-break:break-word}.who strong{display:block;color:var(--text);font-weight:600}.main{display:flex;flex-direction:column;min-width:0}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-header);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.page-title{margin:0;font-size:19px;font-weight:650;letter-spacing:-.015em}.page-sub{margin:2px 0 0;font-size:13px;color:var(--text-muted)}.content{padding:var(--space-6);max-width:1280px;width:100%}@media (max-width:1023px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:column;border-right:none;border-bottom:1px solid var(--border);border-left:none;border-top:3px solid var(--accent);padding-bottom:var(--space-3)}.nav{flex-direction:row;overflow-x:auto;gap:var(--space-1);padding-bottom:var(--space-2)}.nav-item{white-space:nowrap}.nav-label,.sidebar-foot{display:none}.content,.topbar{padding:var(--space-4)}}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--accent-soft);color:var(--accent-text);white-space:nowrap}.chip-neutral{background:var(--surface-sunken);color:var(--text-muted)}.chip-success{background:var(--success-bg);color:var(--success)}.chip-danger{background:var(--danger-bg);color:var(--danger)}.chip-warning{background:var(--warning-bg);color:var(--warning)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.card-head{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.card-title{margin:0;font-size:14px;font-weight:650}.card-body{padding:var(--space-5)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-6)}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}.stat-label{font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--text-faint);font-weight:650}.stat-value{font-size:30px;font-weight:620;letter-spacing:-.03em;margin-top:var(--space-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.1}.stat-hint{font-size:12.5px;color:var(--text-muted);margin-top:2px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint);font-weight:650;background:var(--surface-sunken);white-space:nowrap}td,th{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border)}td{vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-sunken)}.cell-strong{font-weight:600}.cell-muted{font-size:13px}.cell-muted,.mono{color:var(--text-muted)}.mono{font-family:var(--font-mono);font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:38px;padding:0 var(--space-4);border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;font-size:14px;font-weight:550;cursor:pointer;transition:background .14s ease-out,border-color .14s ease-out}.btn:hover:not(:disabled){background:var(--surface-sunken)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}@media (prefers-color-scheme:dark){.btn-primary{color:#14181d}}.btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 86%,black)}.btn-danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.btn-danger:hover:not(:disabled){background:var(--danger-bg)}.btn-sm{min-height:32px;font-size:13px;padding:0 var(--space-3)}.field{margin-bottom:var(--space-4)}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.req{color:var(--danger);margin-left:2px}.field input,.field select,.field textarea{width:100%;min-height:40px;padding:8px var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;font-size:15px}.field textarea{min-height:78px;resize:vertical}.field-hint{color:var(--text-muted)}.field-error,.field-hint{font-size:12.5px;margin-top:5px}.field-error{color:var(--danger);display:flex;align-items:flex-start;gap:5px}.field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-4);gap:var(--space-4)}@media (max-width:640px){.field-row{grid-template-columns:1fr}}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:13.5px;margin-bottom:var(--space-4);display:flex;align-items:flex-start;gap:var(--space-2)}.alert-danger{background:var(--danger-bg);color:var(--danger)}.alert-success{background:var(--success-bg);color:var(--success)}.overlay{position:fixed;inset:0;z-index:var(--z-overlay);background:rgba(10,14,20,.5);display:grid;place-items:center;padding:var(--space-4)}.dialog{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);width:100%;max-width:520px;max-height:90dvh;overflow-y:auto;border:1px solid var(--border)}.dialog-head{padding:var(--space-5) var(--space-5) var(--space-3)}.dialog-title{margin:0;font-size:17px;font-weight:650;letter-spacing:-.01em}.dialog-sub{margin:4px 0 0;font-size:13px;color:var(--text-muted)}.dialog-body{padding:0 var(--space-5)}.dialog-foot{padding:var(--space-4) var(--space-5) var(--space-5);display:flex;justify-content:flex-end;gap:var(--space-3)}.empty{padding:var(--space-7) var(--space-5);text-align:center}.empty-title{font-weight:600;margin-bottom:var(--space-2)}.empty-text{color:var(--text-muted);font-size:13.5px;max-width:42ch;margin:0 auto var(--space-4)}.skeleton{height:14px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-sunken) 25%,var(--border) 37%,var(--surface-sunken) 63%);background-size:400% 100%;animation:shimmer 1.3s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.login-page{min-height:100dvh;display:grid;place-items:center;padding:var(--space-5);background:var(--bg)}.login-card{width:100%;max-width:400px}.login-brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.login-title{font-size:22px;font-weight:650;letter-spacing:-.02em;margin:0 0 4px}.login-door{font-size:13px;color:var(--text-muted);margin:0 0 var(--space-5)}.login-door b{color:var(--accent-text);font-family:var(--font-mono);font-size:12.5px}.login-foot{margin-top:var(--space-4);font-size:12.5px;color:var(--text-faint);text-align:center}.toolbar{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.spacer{flex:1 1}.stack{display:flex;flex-direction:column;gap:var(--space-5)}.row-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}