:root{--navy:#1b2a4a;--red:#d93025;--light-red:#fee8e6;--white:#fff;--bg:#f7f8fa;--card:#fff;--border:#e2e5ea;--text:#1b2a4a;--text-light:#6b7280;--green:#16a34a;--light-green:#dcfce7;--amber:#f59e0b;--light-amber:#fef3c7;--blue:#3b82f6;--light-blue:#dbeafe;--font:"Segoe UI",system-ui,-apple-system,sans-serif;--radius:10px;--radius-sm:6px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.badge-green{background:var(--light-green);color:var(--green)}.badge-amber{background:var(--light-amber);color:#b45309}.badge-red{background:var(--light-red);color:var(--red)}.badge-blue{background:var(--light-blue);color:var(--blue)}.badge-gray{background:#f3f4f6;color:var(--text-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover:not(:disabled){background:#c12b20}.btn-secondary{background:#fff;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:#f9fafb}.btn-ghost{background:transparent;color:var(--text-light)}.btn-ghost:hover{background:#f3f4f6}.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover:not(:disabled){background:#0f1b33}.btn-green{background:var(--green);color:#fff}.btn-amber{background:var(--amber);color:#fff}.table{width:100%;border-collapse:separate;border-spacing:0}.table th{text-align:left;padding:8px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);border-bottom:1px solid var(--border)}.table td{padding:10px 12px;font-size:13px;border-bottom:1px solid #f3f4f6}.table tr:hover td{background:#fafbfc}.input,.select{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font);color:var(--text);background:#fff;transition:border-color .15s}.input:focus,.select:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(27,42,74,.08)}.label{display:block;font-size:12px;font-weight:600;color:var(--text-light);margin-bottom:4px}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .15s}.modal{background:#fff;border-radius:12px;padding:24px;width:90%;max-width:520px;max-height:90vh;overflow-y:auto;animation:slideUp .2s}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:20px}.tab{padding:10px 20px;font-size:13px;font-weight:600;color:var(--text-light);background:none;cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s}.tab:hover{color:var(--text)}.tab.active{color:var(--navy);border-bottom-color:var(--red)}.nav{background:var(--navy);padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:56px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.nav-links{display:flex;gap:4px}.nav-link{padding:6px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:hsla(0,0%,100%,.6);cursor:pointer;border:none;background:none;transition:all .15s}.nav-link:hover{color:#fff;background:hsla(0,0%,100%,.08)}.nav-link.active{color:#fff;background:hsla(0,0%,100%,.12)}.grid-2{grid-template-columns:1fr 1fr;grid-gap:16px}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:1px;gap:1px}.cal-header{font-size:10px;font-weight:600;color:var(--text-light);text-align:center;padding:4px}.cal-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:12px;border-radius:4px;cursor:default;position:relative}.cal-day.today{font-weight:700;box-shadow:inset 0 0 0 2px var(--navy)}.cal-day.holiday{background:var(--light-red);color:var(--red)}.cal-day.leave{background:var(--light-green);color:var(--green)}.cal-day.pending{background:var(--light-amber);color:#b45309}.cal-day.blackout{background:#1a1a1a;color:#fff}.cal-day.sick{background:#ede9fe;color:#7c3aed}.cal-day.weekend{color:#d1d5db}.cal-day.empty{visibility:hidden}.tooltip-wrap{position:relative;cursor:pointer}.tooltip-wrap .tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;padding:8px 12px;border-radius:6px;font-size:11px;z-index:100;pointer-events:none;text-align:left;line-height:1.5;box-shadow:0 4px 12px rgba(0,0,0,.2);max-width:280px;white-space:normal}.cal-grid,.card{overflow:visible}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.nav{padding:0 12px}.modal{width:95%;padding:16px}}