:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-page:#f6f5f1;--surface-1:#fdfcfa;--surface-2:#fff;--text-primary:#17160f;--text-secondary:#55534a;--text-muted:#8b8879;--gridline:#e6e3d8;--border:#17160f1a;--brand:#1a56c4;--brand-strong:#123f92;--brand-tint:#1a56c41a;--chrome:#0f1b34;--chrome-2:#16294d;--chrome-text:#e8ecf6;--chrome-text-muted:#9fabc7;--status-good:#0c8f3d;--status-good-tint:#0c8f3d1f;--status-warning:#b3730a;--status-warning-tint:#fab2192e;--status-critical:#c22e3a;--status-critical-tint:#c22e3a1c;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--shadow-card:0 1px 2px #17160f0d, 0 8px 24px -12px #17160f2e;--shadow-raised:0 2px 4px #17160f14, 0 16px 32px -16px #17160f47;--shadow-button:0 1px 2px #123f9226, 0 4px 10px -4px #123f9259;--font-display:"Sora", "Segoe UI", system-ui, sans-serif;--font-body:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "Cascadia Code", monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-page:#0b0d12;--surface-1:#14171e;--surface-2:#1a1e27;--text-primary:#f3f2ee;--text-secondary:#c1beb2;--text-muted:#8b8879;--gridline:#262b36;--border:#ffffff1a;--brand:#5b93ef;--brand-strong:#86b1f5;--brand-tint:#5b93ef29;--chrome:#05070c;--chrome-2:#0c101a;--chrome-text:#eef1fa;--chrome-text-muted:#8b93ab;--status-good:#3fcf7f;--status-good-tint:#3fcf7f24;--status-warning:#f0ad3a;--status-warning-tint:#f0ad3a29;--status-critical:#f0717c;--status-critical-tint:#f0717c24;--shadow-card:0 1px 2px #0006, 0 8px 24px -12px #0000008c;--shadow-raised:0 2px 4px #00000080, 0 16px 32px -16px #0009;--shadow-button:0 1px 2px #0006, 0 4px 12px -4px #5b93ef73}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-page:#0b0d12;--surface-1:#14171e;--surface-2:#1a1e27;--text-primary:#f3f2ee;--text-secondary:#c1beb2;--text-muted:#8b8879;--gridline:#262b36;--border:#ffffff1a;--brand:#5b93ef;--brand-strong:#86b1f5;--brand-tint:#5b93ef29;--chrome:#05070c;--chrome-2:#0c101a;--chrome-text:#eef1fa;--chrome-text-muted:#8b93ab;--status-good:#3fcf7f;--status-good-tint:#3fcf7f24;--status-warning:#f0ad3a;--status-warning-tint:#f0ad3a29;--status-critical:#f0717c;--status-critical-tint:#f0717c24;--shadow-card:0 1px 2px #0006, 0 8px 24px -12px #0000008c;--shadow-raised:0 2px 4px #00000080, 0 16px 32px -16px #0009;--shadow-button:0 1px 2px #0006, 0 4px 12px -4px #5b93ef73}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--surface-page);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:14px}button,input,select{font-family:inherit}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance}code,.mono{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.login-screen{background:radial-gradient(880px 480px at 15% -10%, var(--brand-tint), transparent 60%), radial-gradient(720px 420px at 100% 110%, #123f9214, transparent 55%), var(--surface-page);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:384px;box-shadow:var(--shadow-raised);flex-direction:column;gap:18px;padding:36px 32px;display:flex}.login-brand{align-items:center;gap:12px;margin-bottom:6px;display:flex}.login-brand h1{margin:0;font-size:19px;font-weight:700}.login-brand p{color:var(--text-secondary);margin:2px 0 0;font-size:13px}.brand-mark{background:linear-gradient(155deg, var(--brand), var(--brand-strong));color:#fff;width:42px;height:42px;box-shadow:var(--shadow-button);font-family:var(--font-display);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.field{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;display:flex}.field input,.field select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text-primary);padding:10px 12px;font-size:14px;font-weight:400;transition:border-color .15s,box-shadow .15s}.field input:hover,.field select:hover{border-color:var(--text-muted)}.field input:focus,.field select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint);outline:none}.field input:disabled,.field select:disabled{color:var(--text-muted);background:var(--surface-1);cursor:not-allowed}.form-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px;display:grid}.btn{border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;font-family:var(--font-body);cursor:pointer;letter-spacing:.01em;border:none;padding:10px 16px;transition:transform .12s,box-shadow .12s,background-color .12s,opacity .12s}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-primary{background:linear-gradient(155deg, var(--brand), var(--brand-strong));color:#fff;box-shadow:var(--shadow-button)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px -4px #123f9280}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary)}.btn-block{width:100%}.btn-small{padding:6px 10px;font-size:12px}.alert{border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:11px 14px;font-size:13px;font-weight:500;display:flex}.alert-error{background:var(--status-critical-tint);color:var(--status-critical);border:1px solid color-mix(in srgb, var(--status-critical) 30%, transparent)}.alert-success{background:var(--status-good-tint);color:var(--status-good);border:1px solid color-mix(in srgb, var(--status-good) 30%, transparent)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{background:linear-gradient(180deg, var(--chrome-2), var(--chrome));z-index:10;border-bottom:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:24px;padding:12px 24px;display:flex;position:sticky;top:0;box-shadow:inset 0 1px #ffffff0a,0 4px 16px -8px #00000080}.app-brand{font-family:var(--font-display);color:var(--chrome-text);align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.app-nav{flex:1;gap:4px;display:flex}.nav-link{color:var(--chrome-text-muted);border-radius:999px;padding:8px 13px;font-size:13px;font-weight:600;text-decoration:none;transition:background-color .12s,color .12s}.nav-link:hover:not(.nav-link-active){color:var(--chrome-text);background:#ffffff14}.nav-link-active,.nav-link-active:hover{background:var(--brand);color:#fff}.app-header-right{align-items:center;gap:14px;display:flex}.header-user{color:var(--chrome-text-muted);font-size:12.5px}.app-header .btn-ghost{color:var(--chrome-text-muted);border-color:#ffffff24}.app-header .btn-ghost:hover:not(:disabled){color:var(--chrome-text);background:#ffffff14}.app-main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:28px 24px 40px}.panel{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:26px}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.panel h2{margin:0 0 4px;font-size:18px;font-weight:700}.section-title{font-family:var(--font-display);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:24px 0 12px;font-size:12px;font-weight:600}.empty-note{color:var(--text-muted);text-align:center;padding:28px 0;font-size:13px}.inline-form{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:12px;display:flex}.inline-form input,.inline-form select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text-primary);padding:8px 11px;font-size:13px;transition:border-color .15s,box-shadow .15s}.inline-form input:focus,.inline-form select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint);outline:none}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:640px;font-size:13px}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--gridline);white-space:nowrap;padding:9px 10px;font-size:10.5px;font-weight:700}.data-table td{border-bottom:1px solid var(--gridline);padding:11px 10px}.data-table tbody tr{transition:background-color .1s}.clickable-row:hover{background:var(--brand-tint)}.row-link{color:inherit;text-decoration:none;display:block}.employee-cell{flex-direction:column;gap:1px;display:flex}.employee-name{font-weight:600}.employee-code{color:var(--text-muted);font-size:11px;font-family:var(--font-mono)}.status-pill{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;align-items:center;gap:5px;padding:3px 10px 3px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.status-pill:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-active{background:var(--status-good-tint);color:var(--status-good)}.status-inactive{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.status-onleave{background:var(--status-warning-tint);color:var(--status-warning)}.status-terminated{background:var(--status-critical-tint);color:var(--status-critical)}.stat-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat-tile{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);border-top:2px solid var(--brand);flex-direction:column;gap:3px;padding:12px 14px;display:flex}.stat-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.stat-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:10.5px;font-weight:600}.leaderboard-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.leaderboard-item{background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--border);padding:9px 11px;transition:border-color .12s}.leaderboard-item:hover{border-color:var(--brand)}.leaderboard-info{flex-direction:column;gap:1px;display:flex}.tab-list{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;display:flex;overflow-x:auto}.tab-button{font-size:13px;font-weight:600;font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 14px;transition:color .12s,border-color .12s}.tab-button:hover:not(.active){color:var(--text-primary)}.tab-button.active{color:var(--brand);border-bottom-color:var(--brand)}.note-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:10px;padding:12px 14px}.note-card.pinned{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand-tint)}.note-meta{color:var(--text-muted);justify-content:space-between;gap:12px;margin-bottom:6px;font-size:11px;display:flex}.note-category-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:2px 9px;font-size:10px;font-weight:700;display:inline-block}.note-category-general{background:var(--surface-1);color:var(--text-muted);border:1px solid var(--border)}.note-category-performance{background:var(--status-good-tint);color:var(--status-good)}.note-category-disciplinary{background:var(--status-critical-tint);color:var(--status-critical)}.note-category-onboarding{background:var(--brand-tint);color:var(--brand)}.timeline-list{flex-direction:column;margin-bottom:16px;display:flex}.timeline-item{border-left:2px solid var(--gridline);padding:0 0 18px 20px;font-size:13px;position:relative}.timeline-item:last-child{border-color:#0000;padding-bottom:4px}.timeline-dot{background:var(--brand);width:8px;height:8px;box-shadow:0 0 0 3px var(--brand-tint);border-radius:50%;position:absolute;top:2px;left:-5px}.timeline-meta{color:var(--text-muted);margin-bottom:2px;font-size:11px}.timeline-detail{color:var(--text-secondary);flex-direction:column;gap:2px;margin-top:6px;font-size:12px;display:flex}@media (width<=720px){.form-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.app-main{padding:16px 12px 32px}.header-user{display:none}}