@import "https://fonts.googleapis.com/css2?family=Lexend:wght@600&family=Source+Sans+3:wght@400;600&display=swap";
:root{--color-coral-100:#fde5df;--color-coral-500:#f26b4f;--color-coral-700:#c94a2c;--color-coral-800:#9e3a20;--color-teal-100:#ddf3f0;--color-teal-500:#1fa394;--color-teal-700:#167f73;--color-teal-800:#0f5f56;--color-navy-100:#e3e9f3;--color-navy-700:#2e4f85;--color-navy-900:#1b3a6b;--color-ink-100:#eef0f3;--color-ink-300:#d9dde3;--color-ink-700:#5c6470;--color-surface-0:#fff;--color-surface-1:#f7f8fa;--color-amber-100:#fff4e0;--color-amber-800:#8a5a00;--color-red-100:#fde8e8;--color-red-700:#a32020;--coral-100:var(--color-coral-100);--coral-500:var(--color-coral-500);--coral-700:var(--color-coral-700);--coral-800:var(--color-coral-800);--teal-100:var(--color-teal-100);--teal-500:var(--color-teal-500);--teal-700:var(--color-teal-700);--teal-800:var(--color-teal-800);--navy-100:var(--color-navy-100);--navy-700:var(--color-navy-700);--navy-900:var(--color-navy-900);--ink-100:var(--color-ink-100);--ink-300:var(--color-ink-300);--ink-700:var(--color-ink-700);--surface-0:var(--color-surface-0);--surface-1:var(--color-surface-1);--amber-100:var(--color-amber-100);--amber-800:var(--color-amber-800);--red-100:var(--color-red-100);--red-700:var(--color-red-700);--color-primary-bg:var(--color-coral-700);--color-primary-text:var(--color-surface-0);--color-primary-pressed:var(--color-coral-800);--color-secondary-border:var(--color-navy-700);--color-text-primary:var(--color-navy-900);--color-text-secondary:var(--color-ink-700);--color-link:var(--color-navy-700);--color-success-text:var(--color-teal-700);--color-success-bg:var(--color-teal-100);--color-warning-text:var(--color-amber-800);--color-warning-bg:var(--color-amber-100);--color-danger-text:var(--color-red-700);--color-danger-bg:var(--color-red-100);--color-info-text:var(--color-navy-900);--color-info-bg:var(--color-navy-100);--color-neutral-text:var(--color-ink-700);--color-neutral-bg:var(--color-ink-100);--color-focus-ring:var(--color-navy-700);--font-heading:"Lexend", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body:"Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;--text-display-size:28px;--text-display-line:36px;--text-display-weight:600;--text-h1-size:22px;--text-h1-line:30px;--text-h1-weight:600;--text-h2-size:18px;--text-h2-line:26px;--text-h2-weight:600;--text-body-size:16px;--text-body-line:24px;--text-body-weight:400;--text-body-strong-size:16px;--text-body-strong-line:24px;--text-body-strong-weight:600;--text-secondary-size:14px;--text-secondary-line:20px;--text-secondary-weight:400;--text-caption-size:12px;--text-caption-line:16px;--text-caption-weight:600;--text-caption-letter-spacing:.4px;--text-button-size:16px;--text-button-line:24px;--text-button-weight:600;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-control:8px;--radius-card:12px;--radius-pill:999px;--shadow-card:0 1px 2px #1b3a6b14;--shadow-sheet:0 -4px 16px #1b3a6b1f;--control-height:52px;--sidebar-width:240px}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--surface-1);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-body-size);line-height:var(--text-body-line)}h1,h2,h3,button{font-family:var(--font-heading)}a{color:var(--color-link)}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.h1{font-size:var(--text-h1-size);line-height:var(--text-h1-line);margin:0 0 var(--space-4);font-weight:600}.login-page{min-height:100vh;padding:var(--space-5);justify-content:center;align-items:center;display:flex}.login-card{background:var(--surface-0);border:1px solid var(--ink-300);border-radius:var(--radius-card);width:100%;max-width:400px;box-shadow:var(--shadow-card);padding:var(--space-5)}.login-card form{gap:var(--space-2);flex-direction:column;display:flex}.login-card label{font-size:var(--text-secondary-size);margin-top:var(--space-3);font-weight:600}.login-card input{height:var(--control-height);border:1px solid var(--ink-300);border-radius:var(--radius-control);padding:0 var(--space-4);font-size:var(--text-body-size)}.field-error{color:var(--color-danger-text);background:var(--color-danger-bg);border-radius:var(--radius-control);padding:var(--space-3);font-size:var(--text-secondary-size);margin:0}.btn-primary{margin-top:var(--space-4);height:var(--control-height);background:var(--color-primary-bg);color:var(--color-primary-text);border-radius:var(--radius-control);font-size:var(--text-button-size);cursor:pointer;border:none;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--color-primary-pressed)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.dashboard-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--navy-900);color:var(--surface-0);padding:var(--space-4);flex-shrink:0}.sidebar-logo{font-family:var(--font-heading);margin-bottom:var(--space-5);font-weight:600}.sidebar ul{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sidebar li{padding:var(--space-2) var(--space-3);border-radius:var(--radius-control)}.dashboard-main{padding:var(--space-5);flex:1}.top-bar{justify-content:flex-end;gap:var(--space-3);margin-bottom:var(--space-5);font-size:var(--text-secondary-size);display:flex}.top-bar-name{font-weight:600}.top-bar-role{color:var(--color-text-secondary)}.tiles{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.tile{background:var(--surface-0);border:1px solid var(--ink-300);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-4)}.tile-label{font-size:var(--text-secondary-size);color:var(--color-text-secondary);margin:0 0 var(--space-2)}.tile-value{font-family:var(--font-heading);font-size:var(--text-h1-size);margin:0;font-weight:600}