:root{--ink-900: #16202A;--ink-800: #1E2C39;--ink-700: #2A3B4C;--paper-0: #F5F6F4;--paper-50: #FFFFFF;--paper-100: #EDEFEC;--line: #DDE1DD;--teal-600: #00a875;--teal-500: #00a875;--teal-100: #E3EFEC;--amber-600: #C97A2B;--amber-100: #F7E9D8;--violet-600: #6E5B8A;--violet-100: #EAE5F2;--red-600: #B3453A;--red-100: #F6E3E1;--text-primary: #16202A;--text-secondary: #5B6B72;--text-inverse: #F5F6F4;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(22, 32, 42, .06);--shadow-md: 0 4px 16px rgba(22, 32, 42, .08)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);background:var(--paper-0);color:var(--text-primary);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit}:focus-visible{outline:2px solid var(--teal-600);outline-offset:2px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:12.5px;font-weight:600;letter-spacing:.01em}.badge-on-time,.badge-checked_in{background:var(--teal-100);color:var(--teal-600)}.badge-late,.badge-early_departure{background:var(--amber-100);color:var(--amber-600)}.badge-absent{background:var(--paper-100);color:var(--text-secondary)}.badge-on_leave{background:var(--teal-100);color:var(--teal-600)}.badge-on_break{background:var(--amber-100);color:var(--amber-600)}.badge-on_field{background:var(--violet-100);color:var(--violet-600)}.badge-matched{background:var(--teal-100);color:var(--teal-600)}.badge-mismatch{background:var(--red-100);color:var(--red-600)}.badge-exempted,.badge-unknown,.badge-checked_out{background:var(--paper-100);color:var(--text-secondary)}.badge-pending{background:var(--amber-100);color:var(--amber-600)}.badge-approved{background:var(--teal-100);color:var(--teal-600)}.badge-rejected{background:var(--red-100);color:var(--red-600)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:var(--radius-sm);padding:10px 16px;font-weight:600;font-size:14px;cursor:pointer;transition:transform .05s ease,opacity .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--teal-600);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--ink-800)}.btn-accent{background:var(--teal-600);color:#fff}.btn-accent:hover:not(:disabled){background:var(--teal-500)}.btn-danger{background:var(--red-600);color:#fff}.btn-ghost{background:transparent;color:var(--text-primary);border:1px solid var(--line)}.btn-ghost:hover:not(:disabled){background:var(--paper-100)}.btn-sm{padding:6px 12px;font-size:13px}.card{background:var(--paper-50);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px}input,select,textarea{font-family:inherit;font-size:14px;padding:9px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-50);color:var(--text-primary);width:100%}input:focus,select:focus,textarea:focus{border-color:var(--teal-600)}label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;color:var(--text-secondary);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:8px 12px;border-bottom:1px solid var(--line)}td{padding:10px 12px;border-bottom:1px solid var(--paper-100)}tr:last-child td{border-bottom:none}a{text-decoration:none!important}.loader-container{display:flex;justify-content:center;align-items:center;min-height:200px}.pulse-loader{width:18px;height:18px;background:#3e7c74;border-radius:50%;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%{transform:scale(.8);opacity:.5;box-shadow:0 0 #3e7c7499}70%{transform:scale(1.2);opacity:1;box-shadow:0 0 0 20px #2563eb00}to{transform:scale(.8);opacity:.5;box-shadow:0 0 #2563eb00}}