@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box}:root{--accent:#3b82f6;--accent-pink:#ec4899;--accent-amber:#f59e0b;--bg:#f4f7f9;--surface:#fff;--surface-2:#f8fafc;--surface-3:#0f172a05;--surface-4:#0f172a08;--fg:#0f172a;--fg-2:#374151;--muted:#64748b;--muted-2:#475569;--muted-light:#94a3b8;--border:#0f172a0f;--border-2:#0f172a12;--border-md:#0f172a1a;--border-lg:#0f172a24;--alpha-04:#0f172a0a;--alpha-05:#0f172a0d;--alpha-08:#0f172a14;--alpha-12:#0f172a1f;--alpha-15:#0f172a26;--alpha-20:#0f172a33;--surface-nav:#fff;--modal-bg:#fff;--tab-active:#fff;--tab-shadow:0 1px 3px #0f172a1a, 0 0 0 1px #0f172a0f;--card-shadow:0 1px 2px #0f172a0a;--scrollbar-thumb:#0f172a26;--success:#22c55e;--success-bg:#f0fdf4;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--danger-strong:#dc2626;--flagged:#f97316;--flagged-bg:#fff7ed;--bg-card:var(--surface);--bg-hover:var(--surface-3);--bg-sidebar:var(--surface-nav);--text:var(--fg);--text-muted:var(--muted);--text-on-accent:#fff;--accent-hover:#2563eb;--accent-light:#eff6ff;--radius:10px;--radius-sm:6px;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-md:0 4px 12px #0000001a}[data-theme=dark]{--bg:#0d0f14;--surface-nav:#12151d;--surface:#181b25;--surface-2:#1d2030;--surface-3:#22263a;--surface-4:#282c40;--modal-bg:#161926;--fg:#e8eaf2;--fg-2:#b8bccc;--muted:#9196b2;--muted-2:#8289a8;--muted-light:#7e84a6;--border:#242739;--border-2:#1d2033;--border-md:#2c2f46;--border-lg:#34384f;--alpha-04:#ffffff0a;--alpha-05:#ffffff0d;--alpha-08:#ffffff12;--alpha-12:#ffffff1a;--alpha-15:#ffffff1f;--alpha-20:#ffffff29;--tab-active:#252839;--tab-shadow:0 1px 3px #0006, 0 0 0 1px #ffffff0f;--card-shadow:0 1px 3px #00000040, 0 0 0 1px #ffffff08;--scrollbar-thumb:#ffffff24;--success:#4ade80;--success-bg:#052e16;--warning:#fbbf24;--warning-bg:#1c1405;--danger:#f87171;--danger-bg:#1f0505;--danger-strong:#dc2626;--flagged:#fb923c;--flagged-bg:#1c0a00;--bg-card:var(--surface);--bg-hover:var(--surface-3);--bg-sidebar:var(--surface-nav);--text:var(--fg);--text-muted:var(--muted);--accent:#60a5fa;--accent-hover:#3b82f6;--accent-light:#1e3a5f}html,body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;width:100vw;height:100%;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}#root{width:100vw;height:100vh;overflow:hidden}@media (prefers-reduced-motion:no-preference){::view-transition-old(root){mix-blend-mode:normal;animation-duration:.4s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-new(root){mix-blend-mode:normal;animation-duration:.4s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(root){animation-name:vt-theme-out}::view-transition-new(root){animation-name:vt-theme-in}}@keyframes vt-theme-out{to{opacity:0}}@keyframes vt-theme-in{0%{opacity:0}}html[data-theme] button,html[data-theme] input,html[data-theme] textarea,html[data-theme] select,html[data-theme] a{transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,opacity .15s}img,video,iframe,canvas,svg{max-width:100%}button svg,.btn svg{flex-shrink:0;display:inline-block}*{min-width:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,pre,.mono{font-family:JetBrains Mono,ui-monospace,monospace}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.2s both fadeIn}.spin{animation:.8s linear infinite spin}.spinner{border:2px solid var(--border-md);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pending{background:var(--warning-bg);color:var(--warning)}.badge-flagged{background:var(--flagged-bg);color:var(--flagged)}.badge-approved{background:var(--success-bg);color:var(--success)}.badge-rejected{background:var(--danger-bg);color:var(--danger)}.badge-none{background:var(--surface-3);color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:1.5rem}.card-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.card-title{color:var(--fg);font-size:1rem;font-weight:600}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--surface-3);color:var(--fg);border:1px solid var(--border-md)}.btn-secondary:hover:not(:disabled){background:var(--surface-4)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){opacity:.85}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){opacity:.85}.btn-ghost{color:var(--muted);border:1px solid var(--border-md);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-3);color:var(--fg)}.btn-sm{padding:.35rem .7rem;font-size:.8rem}.btn-lg{padding:.7rem 1.5rem;font-size:1rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:.75rem 1rem}th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-md);font-size:.75rem;font-weight:600}td{border-bottom:1px solid var(--border);color:var(--fg);font-size:.875rem}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-3)}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-label{color:var(--muted);font-size:.8rem;font-weight:600}.form-input,.form-select,.form-textarea{border:1px solid var(--border-md);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);outline:none;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .15s}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;background-size:16px;padding-right:2.25rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent)}.form-textarea{resize:vertical;min-height:80px}.banner{border-radius:var(--radius);border:1px solid;margin-bottom:1.25rem;padding:1rem 1.25rem}.banner-warning{background:var(--warning-bg);border-color:var(--warning);color:var(--warning)}.banner-danger{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.banner-success{background:var(--success-bg);border-color:var(--success);color:var(--success)}.banner-info{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.banner-title{font-size:.9rem;font-weight:700}.banner-body{opacity:.9;margin-top:.25rem;font-size:.85rem}.btn-accent-outline{border-radius:var(--radius-sm);border:1.5px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:.3rem .85rem;font-size:.8rem;font-weight:600;transition:background .15s;display:inline-flex}.btn-accent-outline:hover{background:color-mix(in srgb, var(--accent) 12%, transparent)}.dropzone{border:2px dashed var(--border-md);border-radius:var(--radius);text-align:center;cursor:pointer;padding:2.5rem;transition:border-color .2s,background .2s}.dropzone:hover,.dropzone.dragover{border-color:var(--accent);background:var(--accent-light)}.dropzone-icon{color:var(--muted);margin-bottom:.5rem;font-size:2rem}.dropzone-text{color:var(--muted);font-size:.875rem}.dropzone-hint{color:var(--muted-light);margin-top:.25rem;font-size:.75rem}.dropzone-file{color:var(--fg);margin-top:.5rem;font-size:.875rem;font-weight:500}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--modal-bg);border-radius:var(--radius);width:100%;max-width:480px;box-shadow:var(--shadow-md);padding:1.75rem}.modal-title{margin-bottom:1rem;font-size:1.1rem;font-weight:700}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1.25rem;display:flex}.page-header{margin-bottom:1.5rem}.page-title{color:var(--fg);font-size:1.5rem;font-weight:700}.page-subtitle{color:var(--muted);margin-top:.25rem;font-size:.875rem}.empty-state{text-align:center;color:var(--muted);padding:3rem 1rem}.empty-state-icon{margin-bottom:.75rem;font-size:2.5rem}.empty-state-text{font-size:.9rem}.divider{background:var(--border);height:1px;margin:1rem 0}.text-muted{color:var(--muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-accent{color:var(--accent)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}