:root{--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", ui-monospace, Menlo, monospace;--bg-canvas:#0c0c10;--bg-surface:#141419;--bg-elevated:#18181f;--bg-overlay:#1e1e28;--bg-inset:#08080b;--border-subtle:#1e1e2e;--border-default:#27273a;--border-strong:#3a3a52;--border-focus:#6366f1;--text-primary:#e4e4ec;--text-secondary:#9898b0;--text-tertiary:#62627a;--text-disabled:#40405a;--accent:#6366f1;--accent-hover:#7c7ff5;--accent-press:#4f52e0;--accent-soft:#6366f124;--accent-border:#6366f166;--accent-text:#a5a7f7;--success:#22c55e;--success-soft:#22c55e24;--success-text:#4ade80;--warning:#f59e0b;--warning-soft:#f59e0b24;--warning-text:#fbbf24;--danger:#ef4444;--danger-soft:#ef444424;--danger-text:#f87171;--info:#3b82f6;--info-soft:#3b82f624;--info-text:#60a5fa;--shadow-2:0 4px 12px #00000059, 0 1px 2px #0000004d;--shadow-3:0 12px 40px #00000080, 0 2px 6px #00000059}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13px;line-height:1.5}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}input,textarea,select{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);border-radius:6px;width:100%;padding:9px 12px;font-size:13px;transition:border-color .12s,box-shadow .12s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}textarea{resize:vertical;min-height:70px;font-family:var(--font-mono)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);background-clip:padding-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--bg-surface);border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.topbar .brand{letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.topbar .brand-mark{background:var(--accent);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:flex}.topbar .user{color:var(--text-secondary);align-items:center;gap:12px;font-size:12px;display:flex}.main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:32px 24px}.login-shell{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--bg-surface);border:1px solid var(--border-default);width:100%;max-width:380px;box-shadow:var(--shadow-3);border-radius:12px;padding:36px 32px 28px}.login-card h1{text-align:center;margin:0 0 4px;font-size:20px;font-weight:700}.login-card .sub{text-align:center;color:var(--text-tertiary);margin-bottom:24px;font-size:12px}.btn{letter-spacing:.02em;cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:12px;font-weight:600;transition:background .12s,border-color .12s,transform 80ms;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{border-color:var(--border-default);color:var(--text-primary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-overlay);border-color:var(--border-strong)}.btn-block{width:100%}.field{margin-bottom:14px}.field label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:6px;font-size:11px;display:block}.field-row{gap:10px;display:flex}.field-row>.field{flex:1}.alert{border-radius:6px;margin-bottom:14px;padding:10px 12px;font-size:12px}.alert-error{background:var(--danger-soft);color:var(--danger-text);border:1px solid var(--danger-soft)}.alert-success{background:var(--success-soft);color:var(--success-text);border:1px solid var(--success-soft)}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin:0 0 12px;font-size:11px}.page-title{margin:0;font-size:20px;font-weight:700}.dash-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:10px;overflow:hidden}.tbl{border-collapse:collapse;width:100%;font-size:12px}.tbl th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);background:var(--bg-elevated);border-bottom:1px solid var(--border-default);padding:10px 14px;font-size:10px;font-weight:600}.tbl td{border-bottom:1px solid var(--border-subtle);padding:12px 14px}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:var(--bg-overlay)}.tbl .num{font-variant-numeric:tabular-nums;text-align:right}.tbl .mono{font-family:var(--font-mono)}.tbl .truncate{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.pill{text-transform:uppercase;letter-spacing:.04em;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.pill-pending{background:var(--warning-soft);color:var(--warning-text)}.pill-approved{background:var(--info-soft);color:var(--info-text)}.pill-processing{background:var(--accent-soft);color:var(--accent-text)}.pill-completed{background:var(--success-soft);color:var(--success-text)}.pill-rejected{background:var(--danger-soft);color:var(--danger-text)}.empty{text-align:center;color:var(--text-tertiary);padding:40px 20px;font-size:13px}.modal-back{z-index:100;background:#0000008c;justify-content:center;align-items:flex-start;padding:60px 20px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--bg-surface);border:1px solid var(--border-default);width:100%;max-width:520px;box-shadow:var(--shadow-3);border-radius:12px}.modal-head{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-head h2{margin:0;font-size:16px;font-weight:700}.modal-body{padding:20px 22px}.modal-foot{border-top:1px solid var(--border-default);justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.muted{color:var(--text-tertiary)}.spacer{flex:1}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-default);flex-direction:column;flex-shrink:0;width:220px;display:flex}.sidebar-brand{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding:18px 16px;display:flex}.sidebar-brand .brand-mark{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.sidebar-brand .brand-name{letter-spacing:.04em;font-size:13px;font-weight:700}.sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto}.nav-section{margin-bottom:16px}.nav-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:4px;padding:6px 10px;font-size:9px}.nav-item{cursor:pointer;color:var(--text-secondary);border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:12px;transition:background .12s,color .12s;display:flex}.nav-item:hover{background:var(--bg-overlay);color:var(--text-primary)}.nav-item.active{background:var(--accent-soft);color:var(--accent-text)}.nav-icon{text-align:center;width:16px;font-size:13px}.sidebar-footer{border-top:1px solid var(--border-subtle);padding:12px 14px}.user-card{margin-bottom:10px}.user-name{color:var(--text-primary);word-break:break-word;font-size:12px;font-weight:600}.user-company{color:var(--text-tertiary);margin-top:2px;font-size:11px}.main-area{flex:1;min-width:0;padding:32px;overflow-y:auto}@media (width<=768px){.app-shell{flex-direction:column}.sidebar{flex-direction:row;align-items:center;width:100%;padding:0 12px}.sidebar-brand{border-right:1px solid var(--border-subtle);border-bottom:none;padding:12px 14px}.sidebar-nav{display:none}.sidebar-footer{border-top:none;padding:8px 12px}.main-area{padding:16px}}