: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);--control-height: 40px}*{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-holiday{background:var(--violet-100);color:var(--violet-600)}.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)}.badge-offline-sync{background:var(--violet-100);color:var(--violet-600)}.badge-saved{background:var(--paper-100);color:var(--text-secondary)}.badge-syncing{background:var(--amber-100);color:var(--amber-600)}.badge-synced{background:var(--teal-100);color:var(--teal-600)}.badge-failed{background:var(--red-100);color:var(--red-600)}.badge-syncing .spinner-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 1s ease-in-out infinite}.toast-stack{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{background:var(--text-primary);color:var(--paper-50);padding:10px 18px;border-radius:999px;font-size:13.5px;font-weight:600;box-shadow:var(--shadow-sm);animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:var(--radius-sm);padding:10px 16px;min-height:var(--control-height);font-weight:600;font-size:14px;line-height:1;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(--teal-600)}.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;min-height:0;font-size:13px}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background:var(--line);border-radius:999px;transition:background .15s ease}.toggle-switch .toggle-track:before{content:"";position:absolute;height:16px;width:16px;left:2px;top:2px;background:var(--paper-50);border-radius:50%;transition:transform .15s ease;box-shadow:var(--shadow-sm)}.toggle-switch input:checked+.toggle-track{background:var(--teal-600)}.toggle-switch input:checked+.toggle-track:before{transform:translate(16px)}.toggle-switch input:disabled+.toggle-track{opacity:.5;cursor:not-allowed}.toggle-switch input:focus-visible+.toggle-track{outline:2px solid var(--teal-600);outline-offset:2px}.card{background:var(--paper-50);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px}input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:var(--control-height)}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)}input[type=date],input[type=time],input[type=datetime-local]{min-width:0;max-width:100%}label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;min-width:max-content;border-collapse:collapse;font-size:13.5px}.chart-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}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;color:var(--teal-600)}code{font-family:var(--font-mono);font-size:.9em;background:var(--teal-100);color:var(--teal-600);padding:1px 6px;border-radius:4px;overflow-wrap:break-word}.app-header-left,.sidebar-backdrop{display:none}@media (max-width: 768px){.app-sidebar{position:fixed;left:0;top:0;transform:translate(-100%);box-shadow:var(--shadow-md);z-index:50}.app-sidebar.sidebar-open{transform:translate(0)}.app-header{justify-content:space-between!important;padding:0 16px!important;height:56px!important}.app-header-left{display:flex;align-items:center;gap:8px;flex-shrink:0}.sidebar-backdrop.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#16202a73;z-index:40}.app-main{padding:16px!important}.page-header-row,.filter-bar{flex-direction:column;align-items:stretch!important}.filter-bar-fields{flex-direction:column}.filter-bar-btn{width:100%}.form-grid{grid-template-columns:1fr!important}.page-header-title{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.btn-group-mobile-stack{flex-direction:column!important;align-items:stretch!important;width:100%}.card-header-row{flex-direction:column;align-items:flex-start!important}.desktop-only{display:none!important}.mobile-only{display:flex!important}}.mobile-only{display:none}.page-header-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.card-header-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.filter-bar{display:flex;gap:12px;align-items:flex-end}.filter-bar-fields{display:flex;gap:12px;flex:1}.filter-bar-fields>div{flex:1;min-width:0}.filter-bar-btn{flex-shrink:0}.form-grid>div{min-width:0}.leave-type-form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.leave-type-form-name{flex:2;min-width:0;max-width:260px}.leave-type-form-days{flex:1;min-width:0;max-width:140px}.leave-type-form-btn{flex-shrink:0}@media (max-width: 768px){.leave-type-form-name,.leave-type-form-days{max-width:none}.leave-type-form-btn{flex-basis:100%;width:100%}}.skeleton{display:inline-block;background:linear-gradient(90deg,var(--paper-100) 25%,var(--line) 37%,var(--paper-100) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.page-loader{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--paper-0)}.page-loader-mark{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;color:var(--ink-900);font-family:var(--font-ui)}.page-loader-dot{width:10px;height:10px;border-radius:50%;background:var(--teal-600);animation:pulse 1.2s ease-in-out infinite}.loader-container{display:flex;justify-content:center;align-items:center;min-height:200px}.pulse-loader{width:18px;height:18px;background:var(--teal-600);border-radius:50%;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%{transform:scale(.8);opacity:.5;box-shadow:0 0 #00a87599}70%{transform:scale(1.2);opacity:1;box-shadow:0 0 0 20px #00a87500}to{transform:scale(.8);opacity:.5;box-shadow:0 0 #00a87500}}.print-sheet{display:none}@media print{@page{size:landscape;margin:10mm}body *{visibility:hidden}.print-sheet,.print-sheet *{visibility:visible}.print-sheet{display:block;position:absolute;top:0;left:0;width:100%}.print-sheet-title{font-size:12px;font-weight:700;margin-bottom:6px}.print-table{width:100%;border-collapse:collapse;font-size:7px;table-layout:fixed}.print-table thead{display:table-header-group}.print-table th,.print-table td{border:.5px solid #999;padding:1.5px 3px;text-align:left;word-break:break-word;vertical-align:top}.print-table th{font-size:7.5px}}