@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d1117;--bg2:#161b22;--bg3:#1c2330;--border:#ffffff14;--text:#e6edf3;--muted:#8b949e;--primary:#7c6af7;--primary-h:#6a59e0;--travel:#3b82f6;--travel-bg:#3b82f62e;--travel-pill:#3b82f647;--event:maroon;--event-bg:#8000002e;--event-pill:#80000047;--annual_leave:#10b981;--annual_leave-pill:#10b98147;--annual_leave-text:#6ee7b7;--sick_leave:#ef4444;--sick_leave-pill:#ef444447;--sick_leave-text:#fca5a5;--maternity_leave:#ec4899;--maternity_leave-pill:#ec489947;--maternity_leave-text:#f9a8d4;--paternal_leave:#0ea5e9;--paternal_leave-pill:#0ea5e947;--paternal_leave-text:#7dd3fc;--discretionary_leave:#8b5cf6;--discretionary_leave-pill:#8b5cf647;--discretionary_leave-text:#c4b5fd;--complimentary_leave:#06b6d4;--complimentary_leave-pill:#06b6d447;--complimentary_leave-text:#67e8f9;--leave:#10b981;--leave-bg:#10b9812e;--leave-pill:#10b98147}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,sans-serif;font-size:14px}.topnav{background:var(--bg2);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;height:52px;padding:0 1.5rem;display:flex;position:sticky;top:0}.topnav-brand{align-items:center;gap:1rem;display:flex}.brand-logo{align-items:center;gap:.6rem;display:flex}.brand-circle{background:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.1rem;display:flex}.brand-title{letter-spacing:.1em;color:var(--text);font-size:.7rem;font-weight:700}.brand-sub{color:var(--primary);letter-spacing:.05em;font-size:.65rem;font-weight:600}.topnav-links{align-items:center;gap:.75rem;display:flex}.user-welcome{color:var(--muted);border-right:1px solid var(--border);margin-right:.5rem;padding-right:1rem;font-size:.8rem}.user-welcome strong{color:var(--text)}.nav-link{color:var(--muted);border-radius:6px;padding:.4rem .9rem;font-size:.875rem;text-decoration:none;transition:all .15s}.nav-link:hover,.nav-link.active{color:var(--text);background:var(--bg3)}.logout-link{color:#ef4444!important}.logout-link:hover{background:#ef44441a!important}.main-content{max-width:1600px;margin:0 auto;padding:.75rem 1.5rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.page-title{color:var(--text);font-size:1.4rem;font-weight:700}.page-date{color:var(--muted);margin-left:.75rem;font-size:.85rem}.page-header-right{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.55rem;font-size:.75rem;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px;margin-right:.15rem;display:inline-block}.dot-travel{background:var(--travel)}.dot-event{background:var(--event)}.dot-annual_leave{background:var(--annual_leave)}.dot-sick_leave{background:var(--sick_leave)}.dot-maternity_leave{background:var(--maternity_leave)}.dot-paternal_leave{background:var(--paternal_leave)}.dot-discretionary_leave{background:var(--discretionary_leave)}.dot-complimentary_leave{background:var(--complimentary_leave)}.live-badge{color:#4ade80;background:#4ade801f;border:1px solid #4ade8040;border-radius:9999px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.75rem;font-weight:600;display:flex}.live-pulse{background:#4ade80;border-radius:50%;width:7px;height:7px;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.btn-add{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.5rem 1.1rem;font-size:.85rem;font-weight:600;transition:background .15s,transform .1s}.btn-add:hover{background:var(--primary-h);transform:translateY(-1px)}.btn-add:active{transform:translateY(0)}.stat-cards{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:.75rem;display:grid}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;align-items:center;gap:1.1rem;padding:.75rem 1.25rem;transition:transform .15s,box-shadow .15s;display:flex}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.stat-icon{font-size:2rem}.stat-number{font-size:2rem;font-weight:700;line-height:1}.stat-label{color:var(--muted);margin-top:.2rem;font-size:.8rem}.stat-travel .stat-number{color:var(--travel)}.stat-event .stat-number{color:var(--event)}.stat-leave .stat-number{color:var(--leave)}.calendar-layout{grid-template-columns:1fr 320px;align-items:start;gap:1.25rem;display:grid}@media (width<=960px){.calendar-layout,.stat-cards{grid-template-columns:1fr}}.calendar-panel{background:var(--bg2);border:1px solid var(--border);border-radius:14px;overflow:hidden}.calendar-nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.9rem 1.25rem;display:flex}.cal-month-title{font-size:1rem;font-weight:600}.cal-nav-btn{background:var(--bg3);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:.35rem .85rem;font-size:.8rem;transition:all .15s}.cal-nav-btn:hover{background:var(--bg);border-color:var(--primary);color:var(--primary)}.cal-grid{grid-template-columns:repeat(7,1fr);display:grid}.cal-header-row{background:var(--bg3);border-bottom:1px solid var(--border)}.cal-header-cell{text-align:center;letter-spacing:.05em;color:var(--muted);padding:.55rem 0;font-size:.7rem;font-weight:600}.cal-cell{border-right:1px solid var(--border);border-bottom:1px solid var(--border);vertical-align:top;cursor:pointer;flex-direction:column;min-height:85px;padding:.5rem;transition:background .15s,border-color .15s;display:flex;position:relative}.cal-cell:nth-child(7n){border-right:none}.cal-cell:hover{background:#ffffff0f}.cal-cell.other-month{opacity:.35}.cal-cell.weekend{background:#ff64640d}.weekend-header{color:#fca5a5!important}.cal-cell.today{background:#7c6af712}.cal-cell.selected-day{box-shadow:inset 0 0 0 2px var(--primary);background:#7c6af71f}.cal-cell.today .cal-day-number{background:var(--primary);color:#fff;border-radius:50%}.cal-day-number{color:var(--muted);justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:flex}.cal-event-pill{text-overflow:ellipsis;white-space:nowrap;cursor:default;border-radius:4px;margin-bottom:.2rem;padding:.15rem .35rem;font-size:.67rem;font-weight:500;overflow:hidden}.pill-travel{background:var(--travel-pill);color:#93c5fd}.pill-event{background:var(--event-pill);color:#ffbaba}.pill-annual_leave{background:var(--annual_leave-pill);color:var(--annual_leave-text)}.pill-sick_leave{background:var(--sick_leave-pill);color:var(--sick_leave-text)}.pill-maternity_leave{background:var(--maternity_leave-pill);color:var(--maternity_leave-text)}.pill-paternal_leave{background:var(--paternal_leave-pill);color:var(--paternal_leave-text)}.pill-discretionary_leave{background:var(--discretionary_leave-pill);color:var(--discretionary_leave-text)}.pill-complimentary_leave{background:var(--complimentary_leave-pill);color:var(--complimentary_leave-text)}.pill-leave{background:var(--leave-pill);color:#6ee7b7}.cal-extra{color:var(--muted);padding:0 .25rem;font-size:.65rem}.sidebar-panel{background:var(--bg2);border:1px solid var(--border);border-radius:14px;flex-direction:column;height:calc(100vh - 250px);min-height:400px;display:flex;position:sticky;top:1rem;overflow:hidden}.sidebar-content{flex:1;overflow-y:auto}.sidebar-content::-webkit-scrollbar{width:4px}.sidebar-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.sidebar-date-header{background:var(--bg3);border-bottom:1px solid var(--border);color:var(--text);padding:.85rem 1rem;font-size:.85rem;font-weight:600}.sidebar-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--border);background:#ffffff08;padding:.5rem 1rem;font-size:.72rem;font-weight:700}.sidebar-empty{text-align:center;color:var(--muted);padding:2.5rem 1rem;font-size:.85rem}.sidebar-empty-icon{margin-bottom:.5rem;font-size:2rem}.sidebar-event-card{border-bottom:1px solid var(--border);border-left:3px solid #0000;padding:.9rem 1rem;transition:background .1s}.sidebar-event-card:last-child{border-bottom:none}.sidebar-event-card:hover{background:#ffffff05}.sidebar-travel{border-left-color:var(--travel)}.sidebar-event{border-left-color:var(--event)}.sidebar-annual_leave{border-left-color:var(--annual_leave)}.sidebar-sick_leave{border-left-color:var(--sick_leave)}.sidebar-maternity_leave{border-left-color:var(--maternity_leave)}.sidebar-paternal_leave{border-left-color:var(--paternal_leave)}.sidebar-discretionary_leave{border-left-color:var(--discretionary_leave)}.sidebar-complimentary_leave{border-left-color:var(--complimentary_leave)}.sidebar-event-title{color:var(--text);margin-bottom:.5rem;font-size:.85rem;font-weight:600;line-height:1.4}.sidebar-detail-item{color:var(--muted);gap:.4rem;margin-bottom:.25rem;font-size:.75rem;display:flex}.detail-label{color:#fff6;min-width:65px;font-weight:600}.sidebar-event-location{color:var(--muted);margin-bottom:.3rem;font-size:.75rem}.sidebar-event-dates{color:var(--muted);margin-bottom:.5rem;font-size:.75rem}.sidebar-event-staff{flex-wrap:wrap;gap:.35rem;margin-bottom:.6rem;display:flex}.sidebar-staff-tag{color:var(--muted);background:var(--bg3);border:1px solid var(--border);border-radius:4px;padding:.15rem .45rem;font-size:.72rem}.sidebar-event-actions{gap:.5rem;display:flex}.btn-edit{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:5px;padding:.25rem .65rem;font-size:.75rem;transition:all .15s}.btn-edit:hover{border-color:var(--primary);color:var(--primary);background:#7c6af71a}.btn-delete{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:5px;padding:.25rem .5rem;font-size:.75rem;transition:all .15s}.btn-delete:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#000000a6;justify-content:center;align-items:center;padding:1rem;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--bg2);border:1px solid var(--border);border-radius:14px;width:100%;max-width:500px;max-height:90vh;animation:.2s slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border);background:var(--bg2);z-index:1;justify-content:space-between;align-items:center;padding:1.1rem 1.5rem;display:flex;position:sticky;top:0}.modal-header h3{font-size:1rem;font-weight:600}.modal-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;font-size:1rem;transition:color .15s,background .15s}.modal-close:hover{color:var(--text);background:var(--bg3)}form{padding:1.25rem 1.5rem}.form-group{margin-bottom:1.1rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}label{color:var(--muted);margin-bottom:.4rem;font-size:.8rem;font-weight:500;display:block}.form-hint{color:#8b949eb3;font-size:.72rem;font-weight:400}.form-control{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);appearance:auto;border-radius:7px;padding:.6rem .85rem;font-family:inherit;font-size:.85rem;transition:border-color .15s,box-shadow .15s}.form-control:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #7c6af726}.form-error{color:#f87171;margin-top:.25rem;font-size:.72rem;display:block}.category-tabs{gap:.5rem;display:flex}.cat-tab{background:var(--bg);border:1px solid var(--border);color:var(--muted);cursor:pointer;text-align:center;border-radius:7px;flex:1;padding:.5rem .75rem;font-family:inherit;font-size:.82rem;font-weight:500;transition:all .15s}.cat-tab:hover{color:var(--text);border-color:#fff3}.cat-tab-active{font-weight:600}.cat-tab-travel{border-color:var(--travel)!important;color:#93c5fd!important;background:var(--travel-bg)!important}.cat-tab-event{border-color:var(--event)!important;color:#ffbaba!important;background:var(--event-bg)!important}.cat-tab-leave{border-color:var(--leave)!important;color:#6ee7b7!important;background:var(--leave-bg)!important}.leave-type-preview{border-radius:6px;align-items:center;gap:.5rem;width:fit-content;margin-top:.5rem;padding:.35rem .6rem;font-size:.78rem;font-weight:500;display:flex}.leave-preview-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.leave-preview-annual_leave{background:var(--annual_leave-pill);color:var(--annual_leave-text)}.leave-preview-annual_leave .leave-preview-dot{background:var(--annual_leave)}.leave-preview-sick_leave{background:var(--sick_leave-pill);color:var(--sick_leave-text)}.leave-preview-sick_leave .leave-preview-dot{background:var(--sick_leave)}.leave-preview-maternity_leave{background:var(--maternity_leave-pill);color:var(--maternity_leave-text)}.leave-preview-maternity_leave .leave-preview-dot{background:var(--maternity_leave)}.leave-preview-paternal_leave{background:var(--paternal_leave-pill);color:var(--paternal_leave-text)}.leave-preview-paternal_leave .leave-preview-dot{background:var(--paternal_leave)}.leave-preview-discretionary_leave{background:var(--discretionary_leave-pill);color:var(--discretionary_leave-text)}.leave-preview-discretionary_leave .leave-preview-dot{background:var(--discretionary_leave)}.leave-preview-complimentary_leave{background:var(--complimentary_leave-pill);color:var(--complimentary_leave-text)}.leave-preview-complimentary_leave .leave-preview-dot{background:var(--complimentary_leave)}.modal-footer{justify-content:flex-end;gap:.75rem;padding-top:.5rem;display:flex}.btn-cancel{background:var(--bg3);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:7px;padding:.55rem 1.1rem;font-family:inherit;font-size:.85rem;transition:all .15s}.btn-cancel:hover{color:var(--text);border-color:#ffffff26}.btn-save{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:7px;padding:.55rem 1.4rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:background .15s}.btn-save:hover{background:var(--primary-h)}.btn-save:disabled{opacity:.65;cursor:not-allowed}.all-entries-panel{background:var(--bg2);border:1px solid var(--border);border-radius:14px;margin-top:2rem;margin-bottom:3rem;overflow:hidden}.panel-header{border-bottom:1px solid var(--border);background:#ffffff05;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.panel-title{font-size:1.1rem;font-weight:600}.table-container{overflow-x:auto}.entries-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.entries-table th{background:var(--bg3);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:1rem 1.5rem;font-size:.7rem;font-weight:600}.entries-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:1rem 1.5rem}.entries-table tr:hover{background:#ffffff05}.badge{border-radius:6px;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-travel{background:var(--travel-bg);color:#93c5fd}.badge-event{background:var(--event-bg);color:#ffbaba}.badge-annual_leave{background:var(--annual_leave-pill);color:var(--annual_leave-text)}.badge-sick_leave{background:var(--sick_leave-pill);color:var(--sick_leave-text)}.badge-maternity_leave{background:var(--maternity_leave-pill);color:var(--maternity_leave-text)}.badge-paternal_leave{background:var(--paternal_leave-pill);color:var(--paternal_leave-text)}.badge-discretionary_leave{background:var(--discretionary_leave-pill);color:var(--discretionary_leave-text)}.badge-complimentary_leave{background:var(--complimentary_leave-pill);color:var(--complimentary_leave-text)}.staff-list{flex-wrap:wrap;gap:.4rem;display:flex}.staff-tag{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:.15rem .5rem;font-size:.75rem}.date-range{color:var(--text);font-weight:500}.days-count{color:var(--muted);margin-top:.2rem;font-size:.72rem}.table-actions{gap:.5rem;display:flex}.text-muted{color:var(--muted);margin-top:.2rem;font-size:.75rem}.history-container{padding-bottom:5rem}.history-header{justify-content:space-between;align-items:flex-end;margin-bottom:2rem;display:flex}.history-title{letter-spacing:-.02em;margin-bottom:.5rem;font-size:2rem;font-weight:800}.history-subtitle{color:var(--muted);font-size:1rem}.btn-export{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:10px;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #10b98133}.btn-export:hover{background:#059669;transform:translateY(-1px);box-shadow:0 6px 16px #10b9814d}.filters-card{background:var(--bg2);border:1px solid var(--border);border-radius:16px;margin-bottom:2rem;padding:1.5rem}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.filter-group label{text-transform:uppercase;color:var(--muted);letter-spacing:.05em;margin-bottom:.6rem;font-size:.75rem;font-weight:700;display:block}.filter-control{background:var(--bg3);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;padding:.6rem .8rem;font-size:.9rem;transition:border-color .2s}.filter-control:focus{border-color:var(--primary);outline:none}.history-table-card{background:var(--bg2);border:1px solid var(--border);border-radius:16px;overflow:hidden}.history-table{border-collapse:collapse;text-align:left;width:100%}.history-table th{background:var(--bg3);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--border);padding:1.25rem 1.5rem;font-size:.7rem;font-weight:700}.history-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:1.25rem 1.5rem}.history-table tr:hover{background:#ffffff04}.entry-title{font-size:.95rem;font-weight:600}.staff-chips{flex-wrap:wrap;gap:.4rem;display:flex}.staff-chip{border:1px solid var(--border);color:var(--text);background:#ffffff0d;border-radius:6px;padding:.2rem .6rem;font-size:.8rem}.date-display{align-items:center;gap:.6rem;font-family:monospace;font-size:.9rem;display:flex}.date-sep{color:var(--muted);font-size:.8rem}.duration-tag{color:var(--muted);border:1px solid var(--border);background:#ffffff08;border-radius:6px;padding:.25rem .6rem;font-size:.8rem}.loc-text{color:var(--muted);font-size:.85rem}.loc-muted{color:#ffffff1a}.empty-state{text-align:center;padding:5rem 2rem}.empty-icon{opacity:.3;margin-bottom:1rem;font-size:3rem}.pagination-footer{border-top:1px solid var(--border);background:#0000001a;padding:1.5rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:3px}