:root{--bg-base: #080C14;--bg-workspace: #0F1623;--bg-raised: #151E2C;--bg-input: #1B2636;--border-subtle: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .14);--text-primary: #F1F5F9;--text-secondary: #AAB6C7;--text-muted: #64748B;--text-on-amber: #1A1303;--action-amber: #F0BF5A;--action-amber-hover: #F6CE7A;--action-amber-pressed: #D6A437;--signal-teal: #64D2C8;--danger: #FF6B6B;--success: #36D399;--warning: #F59E0B;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-panel: 16px;--space-gap: 24px;--space-lg: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-panel: 8px;--font-ui: "Segoe UI", -apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;--font-data: "JetBrains Mono", Consolas, "Courier New", monospace;--type-utility: 11px;--type-control: 13px;--type-body: 14px;--type-body-lg: 15px;--type-panel-title: 16px;--type-screen-title: 20px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--type-body);line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--signal-teal);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font:inherit;color:inherit;background:transparent;border:0;padding:0}input,textarea,select{font:inherit;color:inherit;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px 10px}input:focus,textarea:focus,select:focus{outline:2px solid var(--action-amber);outline-offset:1px}::selection{background:#f0bf5a4d;color:var(--text-primary)}.app-shell{display:grid;grid-template-columns:220px 1fr;grid-template-rows:56px 1fr;height:100vh}.app-header{grid-column:1 / -1;display:flex;align-items:center;padding:0 var(--space-gap);background:var(--bg-workspace);border-bottom:1px solid var(--border-subtle);gap:var(--space-gap)}.app-header .brand{font-size:var(--type-panel-title);font-weight:600;color:var(--action-amber)}.app-header .spacer{flex:1}.app-side{background:var(--bg-workspace);border-right:1px solid var(--border-subtle);padding:var(--space-panel) 0;display:flex;flex-direction:column;gap:var(--space-xs)}.app-side a{display:block;padding:10px var(--space-gap);color:var(--text-secondary);font-size:var(--type-control);border-left:3px solid transparent}.app-side a:hover{color:var(--text-primary);text-decoration:none;background:var(--bg-raised)}.app-side a.active{color:var(--text-primary);border-left-color:var(--action-amber);background:var(--bg-raised)}.app-main{padding:var(--space-gap);overflow:auto}.card{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);padding:var(--space-panel);margin-bottom:var(--space-gap)}.card-title{font-size:var(--type-panel-title);font-weight:600;margin-bottom:var(--space-panel)}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-panel)}.stat{background:var(--bg-workspace);padding:var(--space-panel);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.stat-label{font-size:var(--type-utility);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:28px;font-weight:600;color:var(--action-amber);margin-top:4px;font-family:var(--font-data)}.btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:8px 14px;background:var(--action-amber);color:var(--text-on-amber);border-radius:var(--radius-sm);font-weight:600;font-size:var(--type-control)}.btn:hover{background:var(--action-amber-hover)}.btn.secondary{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-strong)}.btn.secondary:hover{background:var(--bg-raised)}.btn.danger{background:var(--danger);color:#fff}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border-subtle)}th{font-size:var(--type-utility);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}td{font-size:var(--type-control)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:var(--type-utility);font-family:var(--font-data);border:1px solid var(--border-strong)}.badge.pending{color:var(--warning);border-color:#f59e0b99}.badge.approved{color:var(--success);border-color:#36d39999}.badge.rejected{color:var(--danger);border-color:#ff6b6b99}.empty{padding:var(--space-gap);color:var(--text-muted);text-align:center}.login-frame{display:grid;place-items:center;height:100vh;background:var(--bg-base)}.login-card{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);padding:var(--space-lg);width:420px;max-width:calc(100vw - 32px)}.login-card h1{font-size:var(--type-screen-title);margin-bottom:var(--space-panel);color:var(--action-amber)}.login-card label{display:block;margin-bottom:var(--space-md);font-size:var(--type-control);color:var(--text-secondary)}.login-card input{width:100%;margin-top:var(--space-xs)}.login-card .actions{display:flex;gap:var(--space-sm);margin-top:var(--space-panel)}.error-text{color:var(--danger);font-size:var(--type-control);margin-top:var(--space-sm)}