*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--coral:#f45d48;--gusto-green:#00a07d;--teal:#00a07d;--teal-light:#00a07d14;--white:#fff;--light-gray:#f7f7f7;--charcoal:#1a1a1a;--medium-gray:#666;--border:#e0e0e0;--hover-bg:#f5f5f5;--success:#2e7d32;--success-bg:#e8f5e9;--warning:#e65100;--warning-bg:#fff3e0;--error:#c62828;--error-bg:#ffebee;--blue:#1565c0;--blue-bg:#e3f2fd;--purple:#6a1b9a;--purple-bg:#f3e5f5;--sidebar-width:220px;--topbar-height:56px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--shadow-card:0 1px 3px #00000014;--shadow-modal:0 4px 24px #00000029}html,body{font-family:var(--font);color:var(--charcoal);background:var(--light-gray);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}#root{text-align:left;width:100%;min-height:100vh;display:flex}h1{font-size:28px;font-weight:700;line-height:1.2}h2{font-size:20px;font-weight:600;line-height:1.3}h3{font-size:16px;font-weight:600}h4{font-size:14px;font-weight:600}a{color:var(--teal);cursor:pointer;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:var(--font);border-radius:var(--radius-md);border:none;padding:8px 16px;font-size:14px;transition:background .15s,opacity .15s}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--teal);color:var(--white);font-weight:500}.btn-primary:hover:not(:disabled){background:#008a6b}.btn-outline{color:var(--charcoal);border:1px solid var(--border);background:0 0}.btn-outline:hover:not(:disabled){background:var(--hover-bg)}.btn-danger{color:var(--error);border:1px solid var(--error);background:0 0}.btn-danger:hover:not(:disabled){background:var(--error-bg)}.btn-success{background:var(--success);color:var(--white)}.btn-success:hover:not(:disabled){background:#1b5e20}.btn-sm{padding:5px 12px;font-size:13px}input,select,textarea{font-family:var(--font);color:var(--charcoal);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white);box-sizing:border-box;outline:none;width:100%;padding:8px 12px;font-size:14px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 2px #00a07d1a}label{color:var(--medium-gray);margin-bottom:4px;font-size:13px;font-weight:500;display:block}.badge{white-space:nowrap;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.badge-active{background:var(--success-bg);color:var(--success)}.badge-onboarding{background:var(--warning-bg);color:var(--warning)}.badge-terminated{color:#757575;background:#eee}.badge-complete{background:var(--success-bg);color:var(--success)}.badge-processing{background:var(--warning-bg);color:var(--warning)}.badge-draft{background:var(--blue-bg);color:var(--blue)}.badge-failed{background:var(--error-bg);color:var(--error)}.badge-pending{background:var(--warning-bg);color:var(--warning)}.badge-approved{background:var(--success-bg);color:var(--success)}.badge-denied{background:var(--error-bg);color:var(--error)}.badge-filed{background:var(--success-bg);color:var(--success)}.badge-upcoming,.badge-vacation{background:var(--blue-bg);color:var(--blue)}.badge-sick{background:var(--error-bg);color:var(--error)}.badge-personal{background:var(--purple-bg);color:var(--purple)}.badge-holiday{background:var(--success-bg);color:var(--success)}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border);padding:24px}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--medium-gray);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:10px 16px;font-size:12px;font-weight:600}.data-table th:hover{color:var(--charcoal)}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 16px}.data-table tr:hover td{background:var(--hover-bg)}.data-table tr:last-child td{border-bottom:none}.data-table tr.clickable{cursor:pointer}.avatar{color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.avatar-sm{width:32px;height:32px;font-size:12px}.avatar-md{width:40px;height:40px;font-size:15px}.avatar-lg{width:48px;height:48px;font-size:18px}.tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:24px;display:flex}.tab{color:var(--medium-gray);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:10px 20px;font-size:14px;font-weight:500;transition:color .15s,border-color .15s}.tab:hover:not(:disabled){color:var(--charcoal)}.tab.active{color:var(--teal);border-bottom-color:var(--teal)}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);max-height:90vh;overflow-y:auto}.form-field{margin-bottom:18px}.progress-bar-track{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.progress-bar-fill{background:var(--teal);border-radius:3px;height:100%;transition:width .3s}.divider{background:var(--border);height:1px;margin:16px 0}.toast{background:var(--charcoal);color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);z-index:9999;padding:12px 20px;font-size:14px;animation:.2s slideIn;position:fixed;bottom:24px;right:24px}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-container{width:100%;max-width:960px;padding:32px}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-title{color:var(--charcoal);font-size:24px;font-weight:700}.page-subtitle{color:var(--medium-gray);margin-top:2px;font-size:14px}.text-gray{color:var(--medium-gray)}.text-teal{color:var(--teal)}.text-coral{color:var(--coral)}.text-sm{font-size:12px}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.fw-600{font-weight:600}.fw-500{font-weight:500}