:root{--color-bg-base:#f8f4ef;--color-bg-surface:#fff;--color-bg-subtle:#f1ebe4;--color-bg-overlay:#1c191780;--color-text-primary:#1c1917;--color-text-secondary:#6b6360;--color-text-disabled:#a8a09c;--color-text-inverse:#fff;--color-text-link:#c4622d;--color-border-default:#e5ddd6;--color-border-strong:#c4b8b0;--color-accent:#c4622d;--color-accent-hover:#a8511f;--color-accent-subtle:#f5e6dc;--color-accent-text:#fff;--color-success:#16a34a;--color-success-subtle:#dcfce7;--color-warning:#d97706;--color-warning-subtle:#fef3c7;--color-danger:#b91c1c;--color-danger-subtle:#fee2e2;--color-danger-text:#fff;--color-status-approved:var(--color-success);--color-status-pending:var(--color-warning);--color-status-rejected:var(--color-danger);--color-status-flagged:#7c3aed;--font-family-base:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-mono:"SF Mono", "Fira Code", "Consolas", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--layout-feed-width:1200px;--layout-narrow-width:640px;--layout-nav-height:56px;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-full:9999px;--shadow-sm:0 1px 2px #1c19170f;--shadow-md:0 2px 8px #1c191714;--shadow-lg:0 4px 16px #1c19171a;--transition-fast:.1s ease;--transition-base:.15s ease;--transition-slow:.25s ease;--z-base:0;--z-raised:10;--z-nav:100;--z-drawer:150;--z-modal:200;--z-toast:300;--z-tooltip:400}
.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border:1px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover);text-decoration:none}.btn-secondary{background:var(--color-bg-surface);color:var(--color-text-primary);border-color:var(--color-border-default)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-subtle);border-color:var(--color-border-strong);text-decoration:none}.btn-ghost{color:var(--color-text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-bg-subtle);color:var(--color-text-primary);text-decoration:none}.btn-danger-text{color:var(--color-danger);font-weight:var(--font-weight-medium);background:0 0;border-color:#0000}.btn-danger-text:hover:not(:disabled){background:var(--color-danger-subtle);text-decoration:none}.btn-sm{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3)}.btn-full{width:100%}.field{gap:var(--space-1);flex-direction:column;display:flex}.field-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.field-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-surface);transition:border-color var(--transition-fast);-webkit-appearance:none;outline:none}.input:focus{border-color:var(--color-border-strong)}.input::placeholder{color:var(--color-text-disabled)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin:0}.alert-error{color:var(--color-danger);background:var(--color-danger-subtle)}.alert-success{color:var(--color-success);background:var(--color-success-subtle)}.alert-warning{color:var(--color-text-primary);background:var(--color-warning-subtle);border:1px solid var(--color-warning)}.alert-info{color:var(--color-text-primary);background:#eff6ff;border:1px solid #93c5fd}.card{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.badge{padding:.15rem var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.03em;text-transform:uppercase;background:var(--color-accent-subtle);color:var(--color-accent);display:inline-block}.divider{border:none;border-top:1px solid var(--color-border-default);margin:0}.nav-link{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:background var(--transition-fast);text-decoration:none;display:block}.nav-link:hover{background:var(--color-bg-subtle);text-decoration:none}.page-centered{min-height:100vh;padding:var(--space-8) var(--space-4);background:var(--color-bg-base);flex-direction:column;justify-content:center;align-items:center;display:flex}.page-centered-content{width:100%;max-width:var(--layout-narrow-width)}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:clip}body{background-color:var(--color-bg-base);min-height:100vh;color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-text-link);text-decoration:none}a:hover{text-decoration:underline}