:root{--color-background:#0b1326;--color-surface:#171f33;--color-surface-dim:#0b1326;--color-surface-bright:#31394d;--color-surface-lowest:#060e20;--color-surface-low:#131b2e;--color-surface-high:#222a3d;--color-surface-highest:#2d3449;--color-on-surface:#dae2fd;--color-on-surface-variant:#bec8d2;--color-outline:#88929b;--color-outline-variant:#3e4850;--color-primary:#89ceff;--color-primary-container:#0ea5e9;--color-on-primary:#00344d;--color-on-primary-container:#003751;--color-secondary:#4fdbc8;--color-secondary-container:#04b4a2;--color-on-secondary:#003731;--color-tertiary:#c0c1ff;--color-tertiary-container:#8d90ff;--color-error:#ffb4ab;--color-error-container:#93000a;--color-on-error:#690005;--font-display:"Hanken Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--text-display-lg-size:48px;--text-display-lg-weight:700;--text-display-lg-line:56px;--text-display-lg-spacing:-.02em;--text-headline-md-size:24px;--text-headline-md-weight:600;--text-headline-md-line:32px;--text-headline-md-spacing:-.01em;--text-title-sm-size:18px;--text-title-sm-weight:600;--text-title-sm-line:24px;--text-body-md-size:16px;--text-body-md-weight:400;--text-body-md-line:24px;--text-body-sm-size:14px;--text-body-sm-weight:400;--text-body-sm-line:20px;--text-label-size:12px;--text-label-weight:500;--text-label-line:16px;--text-label-spacing:.05em;--text-data-size:32px;--text-data-weight:700;--text-data-line:40px;--space-unit:4px;--space-container:24px;--space-gutter:16px;--space-stack-sm:8px;--space-stack-md:16px;--space-stack-lg:32px;--radius-sm:.25rem;--radius:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--border-subtle:1px solid #ffffff14;--border-outline:1px solid var(--color-outline-variant);--shadow-modal:0 12px 24px -6px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--text-body-md-size);font-weight:var(--text-body-md-weight);line-height:var(--text-body-md-line);background:var(--color-background);color:var(--color-on-surface);-webkit-font-smoothing:antialiased}.card{background:var(--color-surface);border:var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-stack-md);transition:border-color .15s}.card:hover{border-color:#0ea5e94d}.btn{border-radius:var(--radius);cursor:pointer;font-family:var(--font-body);font-size:var(--text-body-sm-size);font-weight:500;line-height:var(--text-body-sm-line);border:none;padding:8px 16px;transition:background .15s,opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary-container);color:#fff}.btn-primary:hover:not(:disabled){background:#0284c7}.btn-danger{background:var(--color-error-container);color:var(--color-error)}.btn-danger:hover:not(:disabled){background:#7f0007}.btn-ghost{border:var(--border-outline);color:var(--color-on-surface-variant);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-surface-high)}.badge{border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-label-size);font-weight:var(--text-label-weight);letter-spacing:var(--text-label-spacing);padding:2px 10px;display:inline-block}.badge-pending{color:var(--color-primary-container);background:#0ea5e926}.badge-confirmed{color:var(--color-secondary);background:#4fdbc826}.badge-rejected{color:var(--color-error);background:#ffb4ab26}.badge-ocr_failed{color:var(--color-tertiary);background:#c0c1ff26}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--color-outline-variant);font-size:var(--text-body-sm-size);padding:10px 12px}th{font-family:var(--font-mono);font-size:var(--text-label-size);font-weight:var(--text-label-weight);letter-spacing:var(--text-label-spacing);color:var(--color-on-surface-variant);background:var(--color-surface-low);text-transform:uppercase}tr:hover td{background:var(--color-surface-high)}.app{flex-direction:column;min-height:100vh;display:flex}.navbar{background:var(--color-surface-low);border-bottom:var(--border-subtle);padding:0 var(--space-container);z-index:100;justify-content:space-between;align-items:center;height:56px;display:flex;position:sticky;top:0}.logo{font-family:var(--font-display);font-size:var(--text-title-sm-size);font-weight:var(--text-title-sm-weight);color:var(--color-on-surface);letter-spacing:-.01em}.nav-links{gap:var(--space-container);display:flex}.nav-links a{color:var(--color-on-surface-variant);font-size:var(--text-body-sm-size);border-bottom:2px solid #0000;padding:4px 0;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s}.nav-links a:hover{color:var(--color-on-surface)}.nav-links a.router-link-active{color:var(--color-primary-container);border-bottom-color:var(--color-primary-container)}.content{padding:var(--space-container);flex:1;width:100%;max-width:1100px;margin:0 auto}