@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&family=Space+Grotesk:wght@600;700&display=swap);*{padding:0}*,body{margin:0}body{font-family:Poppins,sans-serif}#root{min-height:100vh;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar{background-color:#fff;border-right:1px solid #e2e8f0;bottom:0;display:flex;flex-direction:column;font-family:Space Grotesk,Manrope,sans-serif;font-size:14px;font-weight:500;gap:8px;height:100vh;left:0;padding:16px;position:fixed;top:0;transition:transform .2s ease;width:256px;z-index:1100}.sidebar-header{justify-content:space-between;margin-bottom:32px;margin-top:8px;padding:8px}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{gap:12px}.logo-icon{align-items:center;background:#dbeafe;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.logo-img{height:24px;object-fit:contain;width:24px}.logo-text{display:flex;flex-direction:column}.logo-name{color:#1d4ed8;font-size:18px;font-weight:900;line-height:1.2}.logo-tier{color:#64748b;font-size:12px;font-weight:500}.sidebar-close{background:#0000;border:none;color:#64748b;cursor:pointer;display:none;padding:4px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto}.nav-item{align-items:center;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 12px;position:relative;text-decoration:none;transition:all .15s ease}.nav-item:hover{background-color:#f8fafc;color:#0f172a}.nav-item.active{background-color:#eff6ff;border-right:4px solid #1d4ed8;color:#1d4ed8;font-weight:600}.nav-icon-material{font-size:22px;line-height:1}.nav-label{white-space:nowrap}.nav-badge{align-items:center;background:#ef4444;border-radius:8px;color:#fff;display:flex;font-size:9px;font-weight:700;height:16px;justify-content:center;left:28px;line-height:1;min-width:16px;padding:0 3px;position:absolute;top:6px}.sidebar-footer{border-top:1px solid #e2e8f0;padding-top:8px}.sidebar-backdrop{display:none}.sidebar-backdrop.open{background:#0000004d;display:block;inset:0;position:fixed;z-index:1050}@media (max-width:768px){.sidebar{box-shadow:4px 0 20px #0000001a;transform:translateX(-110%);width:260px}.sidebar.open{transform:translateX(0)}.sidebar-close,.sidebar-toggle{align-items:center;display:inline-flex;justify-content:center}}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:32px}.summary-card{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;padding:24px;transition:box-shadow .2s}.summary-card:hover{box-shadow:0 4px 6px #0000001a}.card-icon img{height:40px;width:40px}.card-content{flex:1 1}.card-label{color:#6b7280;font-size:14px;margin-bottom:8px}.card-value{color:#1f2937;font-size:32px;font-weight:700;margin-bottom:4px}.card-change{font-size:12px;font-weight:500}.card-change.green{color:#10b981}.card-change.orange{color:#f59e0b}.summary-card-loading .skeleton-icon{border-radius:8px;height:40px;width:40px}.summary-card-loading .skeleton-icon,.summary-card-loading .skeleton-label,.summary-card-loading .skeleton-value{animation:skeleton-shine 1.2s ease-in-out infinite;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%);background-size:200% 100%}.summary-card-loading .skeleton-label,.summary-card-loading .skeleton-value{border-radius:4px;height:14px}.summary-card-loading .skeleton-label{margin-bottom:8px;width:70%}.summary-card-loading .skeleton-value{height:28px;width:40%}@keyframes skeleton-shine{0%{background-position:200% 0}to{background-position:-200% 0}}.summary-cards-error{background:#fef2f2;border-radius:12px;color:#b91c1c;font-size:14px;grid-column:1/-1;padding:24px;text-align:center}@media (max-width:1400px){.summary-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.summary-cards{grid-template-columns:1fr}}.content-blocks{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.content-column{display:flex;flex-direction:column;gap:20px}.content-block{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;transition:box-shadow .2s}.content-block:hover{box-shadow:0 4px 6px #0000001a}.block-header{margin-bottom:20px}.block-header h3{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.block-header-icon{stroke-width:2;color:#6b7280;height:20px;width:20px}.block-content{min-height:200px}.status-display{flex-direction:column;padding:40px 20px}.status-display,.status-icon-large{align-items:center;display:flex;justify-content:center}.status-icon-large{background-color:#f3f4f6;border-radius:50%;margin-bottom:16px}.status-icon-large,.status-icon-large img{height:40px;width:40px}.status-text{text-align:center}.status-title{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:4px}.status-subtitle{color:#6b7280;font-size:10px}.empty-state{background-color:#fafafa;border:2px dashed #e5e7eb;border-radius:8px;min-height:200px;padding:60px 20px;text-align:center}.empty-state p{color:#6b7280;font-size:14px;font-weight:400;margin:0}.empty-state.on-leave-error p{color:#dc2626}.on-leave-list{gap:12px;list-style:none;margin:0;padding:0}.on-leave-item,.on-leave-list{display:flex;flex-direction:column}.on-leave-item{background-color:#f9fafb;border-left:3px solid #fd5b63;border-radius:8px;gap:4px;padding:12px}.on-leave-name{color:#1f2937;font-size:14px;font-weight:600}.on-leave-meta{color:#6b7280;font-size:12px}.updates-list{gap:12px;list-style:none;margin:0;padding:0}.update-item,.updates-list{display:flex;flex-direction:column}.update-item{background-color:#f9fafb;border-left:3px solid #3b82f6;border-radius:8px;gap:4px;padding:12px}.update-title{color:#1f2937;font-size:14px;font-weight:600}.update-content{color:#4b5563;font-size:13px;margin:0;white-space:pre-wrap}.update-meta{color:#6b7280;font-size:12px}.holidays-list{gap:10px;list-style:none;margin:0;padding:0}.holiday-item,.holidays-list{display:flex;flex-direction:column}.holiday-item{background-color:#f0fdf4;border-left:3px solid #22c55e;border-radius:8px;gap:2px;padding:12px}.holiday-name{color:#1f2937;font-size:14px;font-weight:600}.holiday-date{color:#6b7280;font-size:12px}.holiday-desc{color:#4b5563;font-size:12px}@media (max-width:1200px){.content-blocks{grid-template-columns:1fr}}.main-content{background-color:#f5f7fa;flex:1 1;min-height:100vh;padding:32px}.main-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.header-left{flex:1 1}.quote-label{color:#fe5c63;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.greeting{color:#1f2937;font-size:32px;font-weight:700;margin:0 0 8px}.tagline{color:#4b5563;font-size:16px;font-weight:400;margin:0}.header-right{text-align:right}.date-label{color:#9ca3af;font-size:14px;margin:0 0 4px}.date-value{color:#1f2937;font-size:18px;font-weight:700;margin:0}@media (max-width:768px){.main-content{padding:20px}.main-header{flex-direction:column;gap:14px}.header-right{text-align:left}}.overview-container{background-color:initial;flex:1 1;padding:32px;width:100%}.overview-header{margin-bottom:28px}.overview-header h1{color:#1f2937;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 4px}.overview-header p{color:#6b7280;font-size:15px;margin:0}.overview-message{border-radius:8px;font-size:14px;margin-bottom:16px;padding:10px 16px}.overview-message.success{background:#d1fae5;color:#047857}.overview-message.error{background:#fee2e2;color:#b91c1c}.overview-grid-top{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-bottom:20px}.overview-grid-bottom{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr}.overview-card{background:#fff;border:1px solid #e2e2e2;border-radius:12px;box-shadow:0 4px 20px #0000000a;padding:24px}.overview-card h3{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 16px}.punch-card{display:flex;flex-direction:column;gap:20px}.punch-status-row{align-items:flex-start;display:flex;justify-content:space-between}.punch-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:6px 14px}.punch-badge.active{background:#d1fae5;color:#047857}.punch-badge.inactive{background:#fee2e2;color:#b91c1c}.punch-badge.completed{background:#e1e0ff;color:#0e00b9}.punch-dot{background:currentColor;border-radius:50%;height:8px;width:8px}.punch-schedule{text-align:right}.schedule-label{color:#9ca3af;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:2px}.schedule-time{color:#374151;font-size:14px;font-weight:600}.punch-timer{border-top:1px solid #f3f4f6;display:flex;flex-direction:column;gap:4px;padding:16px 0}.timer-value{font-feature-settings:"tnum";color:#1f2937;font-size:48px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-1px}.timer-since{color:#6b7280;font-size:14px}.punch-actions{align-items:center;display:flex;gap:16px}.punch-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.punch-btn:disabled{cursor:not-allowed;opacity:.6}.punch-btn.punch-in{background:#1e13f3;color:#fff}.punch-btn.punch-in:hover:not(:disabled){background:#0e00b9}.punch-btn.punch-out{background:#1e13f3;color:#fff}.punch-btn.punch-out:hover:not(:disabled){background:#4338ca}.punch-completed-text{align-items:center;color:#047857;display:inline-flex;font-family:Manrope,sans-serif;font-size:16px;font-weight:600;gap:8px}.break-toggle{align-items:center;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:10px;margin-left:auto;padding:8px 16px}.break-label{color:#374151;font-size:14px;font-weight:500}.toggle-switch{display:inline-block;height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:#d1d5db;border-radius:12px;cursor:pointer;inset:0;position:absolute;transition:.2s}.toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.2s;width:18px}.toggle-switch input:checked+.toggle-slider{background:#4f46e5}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.leave-balance-card{display:flex;flex-direction:column}.leave-balance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.leave-balance-header h3{margin:0}.leave-request-link{color:#ef4444;font-size:14px;font-weight:600;text-decoration:none}.leave-request-link:hover{text-decoration:underline}.leave-balance-hero{padding:8px 0;text-align:center}.leave-hero-num{color:#1a1c1c;font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:700;line-height:1}.leave-hero-label{display:block;font-size:14px;margin-top:4px}.leave-hero-detail,.leave-hero-label{color:#767589;font-family:Manrope,sans-serif}.leave-hero-detail{font-size:13px;margin:12px 0 16px}.leave-hero-bar{background:#e8e8f0;border-radius:3px;height:6px;overflow:hidden;width:100%}.leave-hero-bar-fill{background:#0e00b9;border-radius:3px;height:100%;transition:width .3s}.week-card,.week-stat,.week-subcard{display:flex;flex-direction:column}.week-stat,.week-subcard{background:#f3f3f3;border:1px solid #e2e2e2;border-radius:10px;gap:6px;padding:16px}.week-stat-label{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.5px}.week-stat-value{align-items:baseline;display:flex;gap:4px}.week-hours{color:#1f2937;font-size:32px;font-weight:800}.week-hours-total{color:#9ca3af;font-size:16px;font-weight:500}.week-progress-bar{background:#e5e7eb;border-radius:3px;height:6px;margin-top:4px;overflow:hidden;width:100%}.week-progress-fill{background:#0e00b9;border-radius:9999px;height:100%;transition:width .5s ease}.overview-updates-list,.updates-card{display:flex;flex-direction:column}.overview-updates-list{gap:16px;list-style:none;margin:0;padding:0}.overview-update-item{align-items:flex-start;display:flex;gap:12px}.update-dot{background:#d1d5db;border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.update-dot.new{background:#4f46e5}.overview-update-title{color:#1f2937;display:block;font-size:14px;font-weight:600;margin-bottom:2px}.overview-update-desc{color:#6b7280;font-size:13px;line-height:1.4;margin:0}.holiday-card{display:flex;flex-direction:column}.holiday-highlight{align-items:center;background:#fef9c3;border-radius:10px;display:flex;gap:14px;margin-bottom:20px;padding:16px}.holiday-icon-big{flex-shrink:0;height:44px;width:44px}.holiday-icon-big img{height:100%;object-fit:contain;width:100%}.holiday-info{display:flex;flex-direction:column;gap:2px}.holiday-name-big{color:#1f2937;font-size:15px;font-weight:700}.holiday-date-big{color:#6b7280;font-size:13px}.team-on-leave{border-top:1px solid #f3f4f6;padding-top:16px}.team-leave-label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:10px}.team-leave-avatars{display:flex;gap:-4px}.team-avatar{align-items:center;background:#4f46e5;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;margin-left:-6px;width:36px}.team-avatar:first-child{margin-left:0}.team-avatar.more{background:#e5e7eb;color:#374151;font-size:12px}.empty-text{color:#9ca3af;font-size:14px}.empty-text.small{font-size:13px}@media (max-width:1024px){.overview-grid-top{grid-template-columns:1fr}.overview-grid-bottom{grid-template-columns:1fr 1fr}}@media (max-width:768px){.overview-container{padding:76px 16px 16px}.overview-header h1{font-size:22px}.overview-grid-bottom,.overview-grid-top{grid-template-columns:1fr}.timer-value{font-size:36px}.punch-status-row{flex-direction:column;gap:12px}.punch-schedule{text-align:left}}.att-container{flex:1 1;margin:0 auto;max-width:1400px;padding:32px;width:100%}.att-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:40px}.att-header h1{color:#1a1c1c;font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0}.att-header p{font-size:18px;line-height:1.6;margin:4px 0 0}.att-date-badge,.att-header p{color:#454557;font-family:Manrope,sans-serif}.att-date-badge{align-items:center;background:#e8e8e8;display:flex;font-weight:600;gap:8px;padding:8px 16px}.att-date-badge,.att-message{border-radius:8px;font-size:14px}.att-message{margin-bottom:16px;padding:10px 16px}.att-message.success{background:#d1fae5;color:#047857}.att-message.error{background:#fee2e2;color:#b91c1c}.att-card{background:#fff;border:1px solid #e2e2e2;border-radius:12px;box-shadow:0 4px 20px #0000000a;margin-bottom:24px;padding:24px}.att-card h3{color:#1a1c1c;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600;line-height:1.3;margin:0 0 24px}.att-top-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr;margin-bottom:24px}.att-status-card{display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.att-status-bg-shape{background:#1e13f308;border-radius:0 0 0 100%;height:256px;pointer-events:none;position:absolute;right:-64px;top:-64px;transition:transform .7s;width:256px}.att-status-card:hover .att-status-bg-shape{transform:scale(1.05)}.att-status-top{align-items:flex-start;display:flex;justify-content:space-between;position:relative;z-index:1}.att-current-status{align-items:center;display:flex;gap:12px;margin-bottom:8px}.att-status-dot{background:#d1d5db;border-radius:50%;height:12px;width:12px}.att-status-dot.active{animation:pulse-dot 2s infinite;background:#22c55e}.att-status-dot.completed{background:#0e00b9}.att-completed-text{align-items:center;color:#047857;display:inline-flex;font-size:16px;gap:8px}.att-completed-text,.att-status-label{font-family:Manrope,sans-serif;font-weight:600}.att-status-label{color:#454557;font-size:14px;letter-spacing:.05em;text-transform:uppercase}.att-status-text{color:#1a1c1c;font-family:Space Grotesk,sans-serif;font-size:40px;font-weight:700;line-height:1.1;margin:0}.att-status-since{color:#767589;font-family:Manrope,sans-serif;font-size:18px;margin:4px 0 0}.att-status-icon-circle{align-items:center;background:#e1e0ff;border-radius:50%;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.att-timer-icon{color:#0e00b9;font-size:32px;font-variation-settings:"FILL" 1}.att-status-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px;position:relative;z-index:1}.att-punch-btn{align-items:center;background:#1e13f3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;gap:8px;min-height:44px;padding:12px 24px;transition:background .15s}.att-punch-btn:hover:not(:disabled){background:#0e00b9}.att-punch-btn:disabled{cursor:not-allowed;opacity:.6}.att-break-btn{align-items:center;background:#0000;border:1px solid #c6c4da;border-radius:8px;color:#1a1c1c;cursor:pointer;display:inline-flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;gap:8px;min-height:44px;padding:12px 24px;transition:background .15s}.att-break-btn:hover{background:#e8e8e8}.att-summary-card,.att-summary-items{display:flex;flex-direction:column}.att-summary-items{flex:1 1}.att-summary-row{align-items:center;border-bottom:1px solid #e2e2e2;display:flex;justify-content:space-between;padding:16px 0}.att-summary-row.no-border{border-bottom:none}.att-summary-label{align-items:center;color:#454557;display:flex;font-family:Manrope,sans-serif;font-size:16px;gap:12px}.att-summary-label .material-symbols-outlined{color:#767589;font-size:22px}.att-summary-value{color:#1a1c1c;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600}.att-summary-value.muted{color:#767589}.att-weekly-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.att-weekly-header h3{margin-bottom:4px}.att-weekly-header p{color:#454557;font-family:Manrope,sans-serif;font-size:16px;margin:0}.att-weekly-chart{align-items:flex-end;display:flex;gap:16px;height:256px;justify-content:space-between;padding:0 32px}.att-bar-col{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;height:100%}.att-bar-track{align-items:flex-end;background:#eee;display:flex;height:100%;overflow:hidden}.att-bar-bg,.att-bar-track{border-radius:4px 4px 0 0;position:relative;width:100%}.att-bar-bg{background:#1e13f31f}.att-bar-fill{background:#1e13f3;border-radius:4px 4px 0 0;bottom:0;left:0;opacity:.7;position:absolute;right:0;transition:height .5s ease}.att-bar-fill.current{box-shadow:0 0 15px #1e13f34d;opacity:1}.att-bar-label{color:#767589;font-family:Manrope,sans-serif;font-size:14px;font-weight:600}.att-bar-label.today{color:#0e00b9;font-weight:700}.att-logs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.att-logs-header h3{margin:0}.att-filter-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#767589;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .15s;width:40px}.att-filter-btn:hover{background:#e8e8e8;color:#1a1c1c}.att-table-wrapper{overflow-x:auto}.att-table{border-collapse:collapse;min-width:800px;text-align:left;width:100%}.att-table thead tr{border-bottom:1px solid #e2e2e2}.att-table th{color:#454557;font-size:14px;font-weight:600;letter-spacing:.01em;padding:16px 8px}.att-table td,.att-table th{font-family:Manrope,sans-serif}.att-table td{border-bottom:1px solid #e2e2e2;color:#1a1c1c;font-size:16px;padding:12px 8px}.att-table tbody tr{height:56px;transition:background .15s}.att-table tbody tr:hover{background:#f3f3f3}.att-table tbody tr:last-child td{border-bottom:none}.font-medium{font-weight:500}.muted{color:#767589}.italic{font-style:italic}.att-status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px}.status-on-time{background:#0e00b91a;color:#0e00b9}.status-late{background:#ff60601a;color:#ff6060}.status-in-progress{background:#22c55e1a;color:#16a34a}.att-empty{color:#767589;font-size:16px;padding:40px 16px;text-align:center}@media (max-width:1024px){.att-top-grid{grid-template-columns:1fr}}@media (max-width:768px){.att-container{padding:76px 16px 16px}.att-header h1{font-size:32px}.att-header p{font-size:16px}.att-status-text{font-size:28px}.att-weekly-chart{gap:8px;height:180px;padding:0}.att-status-actions{flex-direction:column}.att-break-btn,.att-punch-btn{justify-content:center;width:100%}}.lv{flex:1 1;margin:0 auto;max-width:1400px;padding:32px;width:100%}.lv-title{color:#1a1c1c;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:600;letter-spacing:-.01em;line-height:1.2;margin:0}.lv-subtitle{color:#454557;font-family:Manrope,sans-serif;font-size:16px;margin:4px 0 0}.lv-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:40px}.lv-msg{border-radius:8px;font-size:14px;margin-bottom:16px;padding:10px 16px}.lv-msg.success{background:#d1fae5;color:#047857}.lv-msg.error{background:#fee2e2;color:#b91c1c}.lv-card{background:#fff;border:1px solid #e2e2e2;border-radius:12px;box-shadow:0 4px 20px #0000000a;padding:24px}.lv-btn-request{align-items:center;background:#1e13f3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;gap:8px;min-height:44px;padding:12px 24px;transition:opacity .15s}.lv-btn-request:hover{opacity:.9}.lv-balance-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:64px}.lv-balance-card{flex-direction:column}.lv-balance-card,.lv-bc-top{display:flex;justify-content:space-between}.lv-bc-top{align-items:center;margin-bottom:16px}.lv-bc-info{gap:8px}.lv-bc-icon,.lv-bc-info{align-items:center;display:flex}.lv-bc-icon{background:#eee;border-radius:50%;height:32px;justify-content:center;width:32px}.lv-bc-icon.primary{color:#0e00b9}.lv-bc-icon.secondary{color:#b3282f}.lv-bc-icon.tertiary-light{color:#c0c1ff}.lv-bc-icon.tertiary{color:#353535}.lv-bc-label{color:#1a1c1c;font-size:14px;font-weight:600}.lv-bc-label,.lv-bc-sub{font-family:Manrope,sans-serif}.lv-bc-sub{color:#454557;font-size:12px;font-weight:500}.lv-bc-bottom{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.lv-bc-num{color:#1a1c1c;font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.lv-bc-used{color:#454557;font-family:Manrope,sans-serif;font-size:16px}.lv-ring{height:64px;transform:rotate(-90deg);width:64px}.lv-ring-bg{stroke:#e2e2e2}.lv-ring-bg,.lv-ring-fill{fill:none;stroke-width:3.8}.lv-ring-fill{stroke-linecap:round;animation:lv-progress 1s ease-out forwards}.lv-ring.primary .lv-ring-fill{stroke:#0e00b9}.lv-ring.secondary .lv-ring-fill{stroke:#b3282f}.lv-ring.tertiary-light .lv-ring-fill{stroke:#c0c1ff}.lv-ring.tertiary .lv-ring-fill{stroke:#353535}@keyframes lv-progress{0%{stroke-dasharray:0 100}}.lv-history{margin-top:0}.lv-history-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.lv-history-head h3{color:#1a1c1c;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600;margin:0}.lv-filter-btn{align-items:center;background:#fff;border:1px solid #c6c4da;border-radius:8px;color:#1a1c1c;cursor:pointer;display:inline-flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:background .15s}.lv-filter-btn:hover{background:#f3f3f3}.lv-table-wrap{overflow-x:auto}.lv-table{border-collapse:collapse;min-width:800px;text-align:left;width:100%}.lv-table thead tr{background:#f3f3f380;border-bottom:1px solid #e2e2e2}.lv-table th{color:#454557;font-size:14px;font-weight:600}.lv-table td,.lv-table th{font-family:Manrope,sans-serif;padding:16px 24px}.lv-table td{border-bottom:1px solid #e2e2e2;color:#1a1c1c;font-size:16px}.lv-table tbody tr{transition:background .15s}.lv-table tbody tr:hover{background:#f3f3f34d}.lv-table tbody tr:last-child td{border-bottom:none}.text-muted{color:#454557}.lv-type-cell{gap:12px}.lv-type-cell,.lv-type-icon{align-items:center;display:flex}.lv-type-icon{border-radius:6px;height:32px;justify-content:center;width:32px}.lv-type-icon.type-casual{background:#e1e0ff4d;color:#c0c1ff}.lv-type-icon.type-emergency,.lv-type-icon.type-sick{background:#ffdad64d;color:#ba1a1a}.lv-type-icon.type-paid{background:#e1e0ff4d;color:#c0c1ff}.lv-type-name{font-weight:500}.lv-status,.lv-type-name{text-transform:capitalize}.lv-status{align-items:center;border-radius:9999px;display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px}.leave-status-approved{background:#e1e0ff;color:#04006d}.leave-status-pending{background:#e2e2e2;color:#454557}.leave-status-rejected{background:#ffdad6;color:#93000a}.lv-view-btn{background:none;border:none;color:#0e00b9;cursor:pointer;font-family:Manrope,sans-serif;font-size:14px;font-weight:600}.lv-view-btn:hover{text-decoration:underline}.lv-balance-hero{padding:32px 24px;text-align:center}.lv-hero-title{font-size:20px;font-weight:600;margin:0 0 16px}.lv-hero-num,.lv-hero-title{color:#1a1c1c;font-family:Space Grotesk,sans-serif}.lv-hero-num{font-size:56px;font-weight:700;line-height:1;margin-bottom:8px}.lv-hero-sub{color:#767589;font-family:Manrope,sans-serif;font-size:15px;margin:0 0 20px}.lv-hero-bar{background:#e8e8f0;border-radius:4px;height:8px;margin:0 auto;max-width:300px;overflow:hidden;width:100%}.lv-hero-bar-fill{background:#0e00b9;border-radius:4px;height:100%;transition:width .3s}.lv-empty{color:#767589;padding:40px;text-align:center}.lv-detail-row{padding:0!important}.lv-detail-box{background:#f8f8ff;border-left:3px solid #0e00b9;color:#454557;font-family:Manrope,sans-serif;font-size:13px;margin:4px 0;padding:16px 20px}.lv-detail-box p{margin:4px 0}.lv-detail-box strong{color:#1a1c1c}.lv-filter-group{display:flex;gap:6px}.lv-filter-chip{background:#0000;border:1px solid #c6c4da;border-radius:6px;color:#454557;cursor:pointer;font-family:Manrope,sans-serif;font-size:13px;font-weight:600;padding:5px 12px;transition:all .15s}.lv-filter-chip.active{background:#0e00b9;border-color:#0e00b9;color:#fff}.lv-filter-chip:hover:not(.active){background:#f3f3f3}.lv-duration-toggles{display:flex;gap:8px;margin-bottom:16px}.lv-duration-option{align-items:center;background:#fff;border:1px solid #c6c4da;border-radius:8px;color:#454557;cursor:pointer;display:flex;flex:1 1;font-family:Manrope,sans-serif;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .15s}.lv-duration-option input{display:none}.lv-duration-option.active{background:#0e00b9;border-color:#0e00b9;color:#fff}.lv-duration-option:hover:not(.active){background:#f3f3f3}.lv-break-hours{margin-bottom:16px}.lv-break-hours label{color:#454557;display:block;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;margin-bottom:8px}.lv-break-options{display:flex;gap:8px}.lv-break-btn{background:#fff;border:1px solid #c6c4da;border-radius:8px;color:#454557;cursor:pointer;flex:1 1;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;transition:all .15s}.lv-break-btn.active{background:#0e00b9;border-color:#0e00b9;color:#fff}.lv-break-btn:hover:not(.active){background:#f3f3f3}.lv-break-section{flex-direction:column;margin-bottom:16px}.lv-break-section,.lv-break-time-row{display:flex;gap:16px}.lv-break-time-row .lv-field{flex:1 1}.lv-break-time-row input[type=time]{border:1px solid #c6c4da;border-radius:8px;box-sizing:border-box;font-family:Manrope,sans-serif;font-size:14px;padding:10px 12px;width:100%}.lv-break-time-row input[type=time]:focus{border-color:#0e00b9;box-shadow:0 0 0 3px #0e00b91a;outline:none}.lv-apply-layout{display:flex;gap:24px}.lv-apply-main{flex:1 1}.lv-apply-main .lv-title{margin-bottom:8px}.lv-apply-main .lv-subtitle{margin-bottom:24px}.lv-apply-side{flex-shrink:0;gap:16px;width:320px}.lv-apply-side,.lv-form{display:flex;flex-direction:column}.lv-form{gap:24px}.lv-field{display:flex;flex-direction:column;gap:8px}.lv-field label{color:#1a1c1c;font-family:Manrope,sans-serif;font-size:14px;font-weight:600}.lv-field input,.lv-field select,.lv-field textarea{background:#f3f3f3;border:none;border-radius:8px;color:#1a1c1c;font-family:Manrope,sans-serif;font-size:16px;outline:none;padding:12px;transition:all .15s;width:100%}.lv-field input:focus,.lv-field select:focus,.lv-field textarea:focus{background:#fff;box-shadow:0 0 0 2px #0e00b9}.lv-field textarea{resize:none}.lv-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.lv-hint{color:#454557;font-family:Manrope,sans-serif;font-size:12px}.lv-halfday-toggle{display:flex;flex-direction:column;gap:12px}.lv-toggle-label{align-items:center;color:#1a1c1c;cursor:pointer;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;gap:10px}.lv-toggle-label input{accent-color:#0e00b9;cursor:pointer;height:18px;width:18px}.lv-halfday-options{display:flex;gap:8px}.lv-halfday-option{align-items:center;background:#0000;border:1px solid #c6c4da;border-radius:8px;color:#454557;cursor:pointer;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .15s}.lv-halfday-option input{display:none}.lv-halfday-option.active{background:#e1e0ff;border-color:#e1e0ff;color:#0e00b9;font-weight:600}.lv-uploaded-file{align-items:center;background:#f3f3f3;border-radius:8px;display:flex;gap:10px;padding:12px 16px}.lv-uploaded-name{color:#1a1c1c;flex:1 1;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lv-remove-file{align-items:center;background:none;border:none;border-radius:50%;color:#767589;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .15s}.lv-remove-file:hover{background:#fee2e2;color:#ba1a1a}.lv-upload{align-items:center;border:2px dashed #c6c4da;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:24px;text-align:center;transition:background .15s}.lv-upload:hover{background:#f3f3f3}.lv-upload-icon{color:#767589;font-size:30px;margin-bottom:8px}.lv-upload:hover .lv-upload-icon{color:#0e00b9}.lv-upload-text{color:#1a1c1c;font-family:Manrope,sans-serif;font-size:14px;font-weight:600}.lv-upload:hover .lv-upload-text{color:#0e00b9}.lv-upload-hint{color:#454557;font-family:Manrope,sans-serif;font-size:12px;margin-top:4px}.lv-form-actions{border-top:1px solid #e2e2e2;display:flex;gap:16px;justify-content:flex-end;margin-top:8px;padding-top:16px}.lv-btn-cancel{background:#0000;border:1px solid #c6c4da;border-radius:8px;color:#1a1c1c;cursor:pointer;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;min-width:120px;padding:12px 24px;transition:background .15s}.lv-btn-cancel:hover{background:#f3f3f3}.lv-btn-submit{background:#1e13f3;border:none;border-radius:8px;box-shadow:0 4px 20px #0000000a;color:#fff;cursor:pointer;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;min-width:120px;padding:12px 24px;transition:opacity .15s}.lv-btn-submit:hover:not(:disabled){opacity:.9}.lv-btn-submit:disabled{cursor:not-allowed;opacity:.6}.lv-side-balance h3{border-bottom:1px solid #e2e2e2;color:#1a1c1c;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.lv-side-list{display:flex;flex-direction:column;gap:16px}.lv-side-row{align-items:center;color:#454557;display:flex;font-family:Manrope,sans-serif;font-size:16px;gap:8px}.lv-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.lv-dot.primary{background:#0e00b9}.lv-dot.sick{background:#ff6060}.lv-dot.dark{background:#353535}.lv-days{color:#1a1c1c;font-size:14px;font-weight:600;margin-left:auto}.lv-policy{background:#e1e0ff33;border:1px solid #e1e0ff;border-radius:12px;padding:16px}.lv-policy-inner{align-items:flex-start;display:flex;gap:12px}.lv-policy-icon{color:#0e00b9;margin-top:2px}.lv-policy h4{color:#0e00b9;font-size:14px;font-weight:600;margin:0 0 4px}.lv-policy h4,.lv-policy p{font-family:Manrope,sans-serif}.lv-policy p{color:#454557;font-size:12px;line-height:1.4;margin:0}@media (max-width:1024px){.lv-balance-grid{grid-template-columns:repeat(2,1fr)}.lv-apply-layout{flex-direction:column}.lv-apply-side{width:100%}}@media (max-width:768px){.lv{padding:76px 16px 16px}.lv-title{font-size:24px}.lv-balance-grid,.lv-form-row{grid-template-columns:1fr}.lv-bc-num{font-size:36px}}.up{flex:1 1;margin:0 auto;max-width:1400px;padding:32px;width:100%}.up-title{color:#1a1c1c;font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0}.up-subtitle{color:#454557;font-family:Manrope,sans-serif;font-size:18px;line-height:1.6;margin:8px 0 0}.up-header{margin-bottom:40px}.up-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 320px}.up-feed,.up-sidebar{display:flex;flex-direction:column;gap:24px}.up-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000a;padding:24px}.up-article{transition:box-shadow .3s}.up-article:hover{box-shadow:0 10px 30px #00000014}.up-article.pinned{border-left:4px solid #0e00b9}.up-article-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.up-article-meta{align-items:center;display:flex;gap:8px}.up-pinned-badge{background:#e1e0ff;border-radius:9999px;color:#0e00b9;display:inline-flex;font-size:14px;font-weight:600;padding:4px 8px}.up-date,.up-pinned-badge{align-items:center;font-family:Manrope,sans-serif;gap:4px}.up-date{color:#454557;display:flex;font-size:12px}.up-tag{border-radius:9999px;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;padding:4px 8px}.up-article:first-child .up-tag{background:#ffdad6;color:#b3282f}.up-article:nth-child(2) .up-tag{background:#c0c1ff;color:#0e00b9}.up-article:nth-child(3) .up-tag{background:#e2e2e2;color:#353535}.up-article-title{color:#1a1c1c;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600;line-height:1.3;margin:0 0 8px}.up-article-title.large{font-size:32px;letter-spacing:-.01em;line-height:1.2}.up-article-body{color:#454557;font-family:Manrope,sans-serif;font-size:16px;line-height:1.5;margin:0 0 16px}.up-article-footer{border-top:1px solid #e2e2e2;justify-content:space-between;margin-top:40px;padding-top:16px}.up-article-footer,.up-author{align-items:center;display:flex}.up-author{gap:8px}.up-author-avatar{align-items:center;background:#e2e2e2;border-radius:50%;color:#454557;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;overflow:hidden;width:32px}.up-author-name{color:#1a1c1c}.up-author-name,.up-read-more{font-family:Manrope,sans-serif;font-size:14px;font-weight:600}.up-read-more{align-items:center;color:#0e00b9;display:inline-flex;gap:4px;text-decoration:none;transition:color .15s}.up-read-more:hover{color:#1e13f3}.up-article-action{margin-top:16px}.up-sidebar-title{align-items:center;color:#1a1c1c;display:flex;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600;gap:8px;margin:0 0 16px}.up-sidebar-title .material-symbols-outlined{color:#767589}.up-cat-list{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.up-cat-item{align-items:center;border-radius:8px;color:#454557;cursor:pointer;display:flex;font-family:Manrope,sans-serif;font-size:16px;justify-content:space-between;padding:8px;transition:background .15s}.up-cat-item:hover{background:#f3f3f3;color:#0e00b9}.up-cat-count{background:#e8e8e8;border-radius:9999px;color:#454557;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;padding:4px 8px}.up-archive-list{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.up-archive-item{align-items:center;border-radius:8px;color:#454557;cursor:pointer;display:flex;font-family:Manrope,sans-serif;font-size:16px;gap:8px;padding:8px;transition:all .15s}.up-archive-item:hover{background:#f3f3f3;color:#0e00b9}.up-view-older{background:#0000;border:1px solid #c6c4da;border-radius:8px;color:#0e00b9;cursor:pointer;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;margin-top:16px;padding:8px;text-align:center;transition:background .15s;width:100%}.up-view-older:hover{background:#f3f3f3}.up-empty{color:#767589;padding:40px;text-align:center}@media (max-width:1024px){.up-layout{grid-template-columns:1fr}}@media (max-width:768px){.up{padding:76px 16px 16px}.up-title{font-size:32px}}.tm{flex:1 1;margin:0 auto;max-width:1400px;padding:32px 64px;width:100%}.tm-title{color:#1a1c1c;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:600;letter-spacing:-.01em;line-height:1.2;margin:0 0 8px}.tm-subtitle{color:#767589;font-family:Manrope,sans-serif;font-size:16px;margin:0}.tm-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:40px}.tm-header-actions{display:flex;gap:8px}.tm-btn-outline{align-items:center;background:#0000;border:1px solid #c6c4da;border-radius:8px;color:#1a1c1c;cursor:pointer;display:inline-flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;gap:8px;height:44px;padding:0 24px;transition:background .15s}.tm-btn-outline:hover{background:#eee}.tm-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:280px 1fr}.tm-card{background:#fff;border:1px solid #e2e2e2;border-radius:12px;box-shadow:0 4px 20px #0000000a;padding:24px}.tm-card-title{color:#1a1c1c;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600;margin:0 0 16px}.tm-card-title-sm{font-size:18px}.tm-sidebar{gap:24px}.tm-filter-section,.tm-sidebar{display:flex;flex-direction:column}.tm-filter-section{gap:8px}.tm-filter-label{color:#767589;font-family:Manrope,sans-serif;font-size:14px;font-weight:600}.tm-filter-chips{display:flex;flex-wrap:wrap;gap:8px}.tm-chip{background:#f3f3f3;border:1px solid #c6c4da;border-radius:9999px;color:#454557;cursor:pointer;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;padding:6px 12px;transition:all .15s}.tm-chip:hover{background:#eee}.tm-chip.active{background:#e1e0ff;border-color:#e1e0ff;color:#04006d}.tm-upcoming-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.tm-upcoming-header .tm-card-title{margin:0}.tm-icon-muted{color:#767589;font-size:22px}.tm-upcoming-list{display:flex;flex-direction:column;gap:16px}.tm-upcoming-item{align-items:center;display:flex;gap:12px}.tm-upcoming-avatar{align-items:center;background:#4f46e5;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;overflow:hidden;width:40px}.tm-upcoming-avatar img{height:100%;object-fit:cover;width:100%}.tm-upcoming-info{display:flex;flex:1 1;flex-direction:column}.tm-upcoming-name{color:#1a1c1c;font-family:Manrope,sans-serif;font-size:14px;font-weight:600}.tm-upcoming-dates{color:#767589;font-family:Manrope,sans-serif;font-size:12px}.tm-upcoming-type{background:#e2e2e2;border-radius:4px;color:#454557;font-size:10px;font-weight:700;padding:4px 8px;text-transform:capitalize}.tm-view-all-btn{background:#0000;border:1px solid #c6c4da;border-radius:8px;color:#1a1c1c;cursor:pointer;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;margin-top:16px;padding:8px;transition:background .15s;width:100%}.tm-view-all-btn:hover{background:#f3f3f3}.tm-empty-text{color:#767589;font-family:Manrope,sans-serif;font-size:14px}.tm-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.tm-member-card{align-items:center;display:flex;flex-direction:column;overflow:hidden;position:relative;text-align:center}.tm-member-card.on-leave{opacity:.75}.tm-member-badge{align-items:center;border-radius:9999px;display:flex;font-family:Manrope,sans-serif;font-size:10px;font-weight:700;gap:4px;letter-spacing:.05em;padding:4px 8px;position:absolute;right:16px;text-transform:uppercase;top:16px}.tm-badge-available{background:#e1e0ff4d;color:#0e00b9}.tm-badge-leave{background:#ffdad7;color:#b3282f}.tm-badge-offline{background:#e2e2e2;color:#454557}.tm-badge-dot{animation:pulse-dot 2s infinite;background:#0e00b9;border-radius:50%;height:8px;width:8px}.tm-member-avatar{border:4px solid #e1e0ff33;border-radius:50%;height:80px;margin-bottom:16px;overflow:hidden;width:80px}.tm-member-avatar img{height:100%;object-fit:cover;width:100%}.tm-member-avatar img.grayscale{filter:grayscale(1)}.tm-avatar-initials{align-items:center;background:#4f46e5;color:#fff;display:flex;font-size:24px;font-weight:700;height:100%;justify-content:center;width:100%}.tm-avatar-initials.grayscale{filter:grayscale(1)}.tm-member-name{color:#1a1c1c;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:600;margin:0 0 4px}.tm-member-role{color:#767589;font-family:Manrope,sans-serif;font-size:12px;margin:0 0 16px}.tm-member-info{align-items:center;background:#f3f3f3;border-radius:8px;display:flex;justify-content:space-between;padding:12px;width:100%}.tm-info-center{text-align:center;width:100%}.tm-info-left{text-align:left}.tm-info-right{text-align:right}.tm-info-label{color:#767589;font-size:10px;font-weight:500;text-transform:uppercase}.tm-info-label,.tm-info-value{display:block;font-family:Manrope,sans-serif}.tm-info-value{color:#1a1c1c;font-size:14px;font-weight:600}.tm-empty-card{align-items:center;display:flex;grid-column:1/-1;justify-content:center;min-height:200px}@media (max-width:1024px){.tm-layout{grid-template-columns:1fr}.tm-grid{grid-template-columns:repeat(2,1fr)}.tm{padding:32px}}@media (max-width:768px){.tm{padding:76px 16px 16px}.tm-title{font-size:24px}.tm-grid{grid-template-columns:1fr}}.pf{flex:1 1;margin:0 auto;max-width:1000px;padding:32px;width:100%}.pf-title{color:#1a1c1c;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:600;margin:0 0 4px}.pf-subtitle{color:#454557;font-family:Manrope,sans-serif;font-size:16px;margin:0 0 32px}.pf-grid{display:flex;flex-direction:column;gap:24px}.pf-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000a;padding:24px}.pf-card-title{align-items:center;color:#1a1c1c;display:flex;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600;gap:8px;margin:0 0 20px}.pf-card-title .material-symbols-outlined{color:#767589}.pf-msg{border-radius:8px;font-family:Manrope,sans-serif;font-size:14px;margin-bottom:16px;padding:10px 16px}.pf-msg.success{background:#d1fae5;color:#047857}.pf-msg.error{background:#fee2e2;color:#b91c1c}.pf-avatar-section{align-items:center;border-bottom:1px solid #e2e2e2;display:flex;gap:20px;margin-bottom:24px;padding-bottom:24px}.pf-avatar-large{align-items:center;background:#e1e0ff;border-radius:50%;color:#0e00b9;display:flex;flex-shrink:0;font-size:28px;font-weight:700;height:80px;justify-content:center;overflow:hidden;width:80px}.pf-avatar-large img{height:100%;object-fit:cover;width:100%}.pf-avatar-info{display:flex;flex-direction:column}.pf-name{color:#1a1c1c;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600}.pf-email{color:#454557;font-family:Manrope,sans-serif;font-size:14px}.pf-form{gap:16px}.pf-field,.pf-form{display:flex;flex-direction:column}.pf-field{gap:6px}.pf-field label{font-size:14px;font-weight:600}.pf-field input,.pf-field label{color:#1a1c1c;font-family:Manrope,sans-serif}.pf-field input{background:#f3f3f3;border:none;border-radius:8px;font-size:16px;outline:none;padding:10px 16px;transition:box-shadow .15s;width:100%}.pf-field input:focus{background:#fff;box-shadow:0 0 0 2px #0e00b9}.pf-input-wrap{align-items:center;display:flex;position:relative}.pf-input-wrap input{padding-right:60px}.pf-pw-toggle{background:none;border:none;color:#0e00b9;font-size:13px;padding:4px 8px;position:absolute;right:12px}.pf-pw-toggle,.pf-upload-label{cursor:pointer;font-family:Manrope,sans-serif;font-weight:600}.pf-upload-label{align-items:center;border:1px solid #c6c4da;border-radius:8px;color:#1a1c1c;display:inline-flex;font-size:14px;gap:8px;padding:10px 20px;transition:background .15s}.pf-upload-label:hover{background:#f3f3f3}.pf-file-input{display:none}.pf-actions{display:flex;gap:12px}.pf-btn-outline{background:#0000;border:1px solid #c6c4da;border-radius:8px;color:#1a1c1c;cursor:pointer;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;padding:10px 24px;transition:background .15s}.pf-btn-outline:hover{background:#f3f3f3}.pf-btn-primary{background:#1e13f3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;padding:10px 24px;transition:background .15s}.pf-btn-primary:hover:not(:disabled){background:#0e00b9}.pf-btn-primary:disabled{cursor:not-allowed;opacity:.6}.pf-logout-text{color:#454557;font-family:Manrope,sans-serif;font-size:16px;margin:0 0 16px}.pf-btn-danger{align-items:center;background:#ba1a1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:10px 24px;transition:background .15s}.pf-btn-danger:hover{background:#93000a}@media (max-width:768px){.pf{padding:76px 16px 16px}.pf-title{font-size:24px}.pf-avatar-section{flex-direction:column;text-align:center}}.admin-leave-requests{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.admin-leave-requests{grid-template-columns:1fr}}.leave-card{background:#fff;border:none;border-radius:12px;box-shadow:0 4px 20px #0000000a;overflow:hidden}.card-header{border-bottom:1px solid #e5e7eb;gap:16px;padding:10px}.card-header,.card-icon{align-items:center;display:flex}.card-icon{border-radius:50%;flex-shrink:0;height:48px;justify-content:center;width:48px}.card-title-section{flex:1 1}.card-title{color:#1f2937;font-size:20px;font-weight:700;margin:0 0 4px}.card-subtitle{color:#6b7280;font-size:14px;margin:0}.card-content{padding:10px 24px}.empty-state{flex-direction:column;gap:16px}.empty-icon,.empty-state{align-items:center;display:flex;justify-content:center}.empty-icon{height:64px;width:64px}.empty-text{color:#6b7280;font-size:16px;margin:0}.card-icon-image{height:25px;width:25px}.empty-icon-image{height:40px;width:40px}.admin-leave-error,.admin-leave-loading{background:#fff;border-radius:12px;margin-bottom:24px;padding:24px;text-align:center}.admin-leave-error{background:#fee2e2;color:#b91c1c}.admin-leave-list{display:flex;flex-direction:column;gap:16px}.admin-leave-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.admin-leave-item-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px}.admin-leave-user{color:#1f2937;font-size:14px;font-weight:600}.admin-leave-status{border-radius:6px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:capitalize}.admin-leave-status-pending{background:#fef3c7;color:#b45309}.admin-leave-status-approved{background:#d1fae5;color:#047857}.admin-leave-status-rejected{background:#fee2e2;color:#b91c1c}.admin-leave-dates{color:#374151;font-size:14px;margin-bottom:4px}.admin-leave-meta{color:#6b7280;display:flex;font-size:14px;gap:12px;margin-bottom:4px}.admin-leave-type{text-transform:capitalize}.admin-leave-admin-note,.admin-leave-reason{color:#6b7280;font-size:14px;margin-top:8px}.admin-leave-admin-note{color:#b91c1c;font-style:italic}.admin-leave-actions{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:10px;margin-top:12px;padding-top:12px}.admin-leave-note-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;width:100%}.admin-leave-buttons{display:flex;flex-wrap:wrap;gap:8px}.admin-leave-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px}.admin-leave-btn:disabled{cursor:not-allowed;opacity:.6}.admin-leave-btn-approve{background:#10b981;color:#fff}.admin-leave-btn-approve:hover:not(:disabled){background:#059669}.admin-leave-btn-reject{background:#ef4444;color:#fff}.admin-leave-btn-reject:hover:not(:disabled){background:#dc2626}.admin-leave-header-right{align-items:center;display:flex;gap:8px}.admin-leave-btn-delete{background:#f3f4f6;color:#6b7280;font-size:12px;padding:4px 10px}.admin-leave-btn-delete:hover:not(:disabled){background:#ef4444;color:#fff}.admin-attendance{display:flex;flex-direction:column;gap:24px}.attendance-card{background:#fff;border:none;border-radius:12px;box-shadow:0 4px 20px #0000000a;padding:24px}.title-with-icon{align-items:center;display:flex;gap:8px}.section-title{color:#1a1c1c;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600}.filters{display:flex;gap:12px}.filter-select{background-color:#f3f3f3;border:none;color:#1a1c1c;font-family:Manrope,sans-serif;padding:10px 16px;transition:box-shadow .15s}.filter-select:focus{box-shadow:0 0 0 2px #0e00b9}.attendance-table{border-collapse:collapse;width:100%}.attendance-table thead{background:#f3f3f380}.attendance-table th{color:#454557;font-size:14px;font-weight:600;letter-spacing:.01em;text-align:left}.attendance-table td,.attendance-table th{border-bottom:1px solid #e2e2e2;font-family:Manrope,sans-serif;padding:16px 24px}.attendance-table td{color:#1a1c1c;font-size:16px}.attendance-table tbody tr{transition:background .15s}.attendance-table tbody tr:hover{background:#f3f3f34d}.attendance-table tbody tr:last-child td{border-bottom:none}.employee-cell{gap:12px}.avatar,.employee-cell{align-items:center;display:flex}.avatar{background-color:#e1e0ff;border-radius:50%;color:#0e00b9;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;overflow:hidden;width:40px}.avatar img{height:100%;object-fit:cover;width:100%}.admin-avatar{align-items:center;display:flex;font-size:16px;font-weight:600;justify-content:center}.status-badge{border-radius:9999px;font-family:Manrope,sans-serif;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.status-badge.late{background-color:#ff60601a;color:#ff6060}.late-text{color:#ff6060}.summary-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.summary-card-item{background-color:#f3f3f3;border-radius:12px;padding:20px;text-align:center}.summary-value{color:#1a1c1c;font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;margin-bottom:8px}.summary-label{color:#454557;font-family:Manrope,sans-serif;font-size:14px}.empty-break-records,.empty-late-arrivals{border:2px dashed #c6c4da;border-radius:8px;color:#767589;font-size:14px;padding:40px;text-align:center}.attendance-error{background:#fef2f2;border-radius:8px;color:#b91c1c;font-size:14px;margin-bottom:16px;padding:12px 16px}.attendance-edit-btn{background:#0e00b91a;border:none;border-radius:8px;color:#0e00b9;cursor:pointer;font-family:Manrope,sans-serif;font-size:13px;font-weight:600;padding:6px 16px;transition:background .15s}.attendance-edit-btn:hover{background:#0e00b933}.attendance-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.attendance-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;max-width:400px;padding:24px;width:100%}.attendance-modal-title{color:#1a1c1c;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;margin:0 0 4px}.attendance-modal-subtitle{color:#454557;font-family:Manrope,sans-serif;font-size:14px;margin:0 0 20px}.attendance-edit-form .form-group{margin-bottom:16px}.attendance-edit-form label{display:block;font-weight:600;margin-bottom:6px}.attendance-edit-form input,.attendance-edit-form label{color:#1a1c1c;font-family:Manrope,sans-serif;font-size:14px}.attendance-edit-form input{background:#f3f3f3;border:none;border-radius:8px;box-sizing:border-box;outline:none;padding:10px 12px;transition:box-shadow .15s;width:100%}.attendance-edit-form input:focus{box-shadow:0 0 0 2px #0e00b9}.attendance-modal-actions{border-top:1px solid #e2e2e2;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px}.attendance-btn-cancel{background:#0000;border:1px solid #c6c4da;border-radius:8px;color:#1a1c1c;cursor:pointer;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;transition:background .15s}.attendance-btn-cancel:hover{background:#f3f3f3}.attendance-btn-save{background:#1e13f3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;transition:background .15s}.attendance-btn-save:hover:not(:disabled){background:#0e00b9}.attendance-btn-save:disabled{cursor:not-allowed;opacity:.6}.empty-cell,.loading-cell{color:#767589;font-family:Manrope,sans-serif;padding:40px;text-align:center}@media (max-width:768px){.card-header-section{align-items:flex-start;flex-direction:column;gap:12px}.filters{flex-wrap:wrap;gap:8px;width:100%}.filter-select{flex:1 1;min-width:0}.attendance-card{padding:16px}.summary-cards-grid{grid-template-columns:repeat(2,1fr)}.attendance-modal{margin:16px;max-width:calc(100vw - 32px)}}.admin-employees{display:flex;flex-direction:column;gap:24px}.emp-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.emp-title{color:#1a1c1c;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:600;letter-spacing:-.01em;line-height:1.2;margin:0 0 4px}.emp-subtitle{color:#454557;font-size:16px;margin:0}.emp-create-btn,.emp-subtitle{font-family:Manrope,sans-serif}.emp-create-btn{align-items:center;background:#0e00b9;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:background .15s}.emp-create-btn:hover{background:#0b0093}.emp-stats{display:flex;gap:16px}.emp-stat-card{align-items:center;background:#fff;border:1px solid #c6c4da;border-radius:12px;box-shadow:0 4px 20px #0000000a;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:20px 24px}.emp-stat-num{color:#0e00b9;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:600}.emp-stat-label{color:#454557;font-family:Manrope,sans-serif;font-size:14px;font-weight:500}.emp-filters{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.emp-search{flex:1 1;min-width:200px;position:relative}.emp-search-icon{color:#767589;font-size:20px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.emp-search-input{background:#fff;border:1px solid #c6c4da;border-radius:8px;box-sizing:border-box;color:#1a1c1c;font-family:Manrope,sans-serif;font-size:14px;padding:10px 12px 10px 40px;transition:border-color .15s;width:100%}.emp-search-input:focus{border-color:#0e00b9;box-shadow:0 0 0 3px #0e00b91a;outline:none}.emp-role-chips{display:flex;gap:6px}.emp-chip{background:#0000;border:1px solid #c6c4da;border-radius:8px;color:#454557;cursor:pointer;font-family:Manrope,sans-serif;font-size:13px;font-weight:600;padding:8px 16px;transition:all .15s}.emp-chip.active{background:#0e00b9;border-color:#0e00b9;color:#fff}.emp-chip:hover:not(.active){background:#f3f3f3}.emp-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.emp-card{align-items:center;background:#fff;border:1px solid #c6c4da;border-radius:12px;box-shadow:0 4px 20px #0000000a;display:flex;flex-direction:column;padding:24px;position:relative;text-align:center;transition:box-shadow .15s,transform .15s}.emp-card:hover{box-shadow:0 8px 30px #00000014;transform:translateY(-2px)}.emp-role-badge{border-radius:6px;font-family:Manrope,sans-serif;font-size:11px;font-weight:600;letter-spacing:.05em;padding:4px 12px;position:absolute;right:12px;text-transform:uppercase;top:12px}.emp-role-badge.role-admin{background:#fef3c7;color:#b45309}.emp-role-badge.role-employee{background:#0e00b914;color:#0e00b9}.emp-card-avatar{border-radius:50%;flex-shrink:0;height:72px;margin-bottom:12px;overflow:hidden;width:72px}.emp-card-avatar img{height:100%;object-fit:cover;width:100%}.emp-avatar-initials{align-items:center;background:linear-gradient(135deg,#0e00b9,#1e13f3);border-radius:50%;color:#fff;display:flex;font-size:24px;height:72px;justify-content:center;width:72px}.emp-avatar-initials,.emp-card-name{font-family:Space Grotesk,sans-serif;font-weight:600}.emp-card-name{color:#1a1c1c;font-size:18px;margin:0 0 4px}.emp-card-email{color:#767589;font-family:Manrope,sans-serif;font-size:13px;margin:0 0 16px;word-break:break-all}.emp-card-footer{align-items:center;border-top:1px solid #e8e8f0;display:flex;justify-content:space-between;padding-top:16px;width:100%}.emp-status-badge{align-items:center;color:#059669;display:flex;font-family:Manrope,sans-serif;font-size:13px;font-weight:500;gap:6px}.emp-status-dot{background:#10b981;border-radius:50%;height:8px;width:8px}.emp-delete-btn{align-items:center;background:#fff5f5;border:1px solid #fecaca;border-radius:6px;color:#b91c1c;cursor:pointer;display:flex;font-family:Manrope,sans-serif;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;transition:all .15s}.emp-delete-btn:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}.emp-delete-btn:disabled{cursor:not-allowed;opacity:.6}.emp-empty-card{background:#fff;border:1px solid #c6c4da;border-radius:12px;color:#767589;font-family:Manrope,sans-serif;font-size:16px;padding:60px 24px;text-align:center}.admin-message{border-radius:8px;font-family:Manrope,sans-serif;font-size:14px;margin-bottom:0;padding:10px 14px}.admin-message.error{background-color:#fee2e2;color:#b91c1c}.admin-message.success{background-color:#d1fae5;color:#059669}.admin-loading{color:#767589;font-size:14px;padding:24px;text-align:center}.admin-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.admin-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:420px;overflow-y:auto;width:100%}.admin-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;padding:20px 20px 0}.admin-modal-header h3{color:#1a1c1c;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600;margin:0}.admin-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#767589;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background .15s}.admin-modal-close:hover{background:#f3f3f3;color:#1a1c1c}.admin-modal-hint{color:#767589;font-family:Manrope,sans-serif;font-size:13px;margin:0 20px 16px}.admin-modal-form{padding:0 20px 20px}.admin-modal-form .form-group{margin-bottom:16px}.admin-modal-form label{color:#454557;display:block;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;margin-bottom:6px}.admin-modal-form input,.admin-modal-form select{border:1px solid #c6c4da;border-radius:8px;box-sizing:border-box;font-family:Manrope,sans-serif;font-size:14px;padding:10px 12px;transition:border-color .15s;width:100%}.admin-modal-form input:focus,.admin-modal-form select:focus{border-color:#0e00b9;box-shadow:0 0 0 3px #0e00b91a;outline:none}.admin-modal-actions{border-top:1px solid #e8e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px}.admin-modal-btn{border:none;border-radius:8px;cursor:pointer;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;transition:all .15s}.admin-modal-btn.primary{background:#0e00b9;color:#fff}.admin-modal-btn.primary:hover:not(:disabled){background:#0b0093}.admin-modal-btn.primary:disabled{cursor:not-allowed;opacity:.7}.admin-modal-btn.secondary{background:#fff;border:1px solid #c6c4da;color:#454557}.admin-modal-btn.secondary:hover{background:#f3f3f3}@media (max-width:768px){.emp-header{flex-direction:column}.emp-title{font-size:24px}.emp-create-btn{justify-content:center;width:100%}.emp-stats{flex-direction:row}.emp-stat-card{padding:16px}.emp-stat-num{font-size:24px}.emp-filters{flex-direction:column}.emp-search{min-width:0;width:100%}.emp-grid{grid-template-columns:1fr}.admin-modal{margin:16px;max-width:calc(100vw - 32px)}}.admin-holidays{display:flex;flex-direction:column;gap:24px}.holidays-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.add-holiday-btn{background-color:#fe5c63;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.add-holiday-btn:hover{background-color:#fd5b63}.table-container{overflow-x:auto}.holidays-table{border-collapse:collapse;width:100%}.holidays-table thead{background-color:#f9fafb}.holidays-table th{color:#374151;font-weight:600;padding:12px 16px;text-align:left}.holidays-table td,.holidays-table th{border-bottom:1px solid #e5e7eb;font-size:14px}.holidays-table td{color:#1f2937;padding:16px}.holidays-header-actions{align-items:center;display:flex;gap:12px}.filter-select.year-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;padding:8px 12px}.holiday-actions{display:flex;gap:8px}.holiday-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:background-color .2s}.holiday-btn-edit{background:#eff6ff;color:#2563eb}.holiday-btn-edit:hover{background:#dbeafe}.holiday-btn-delete{background:#fef2f2;color:#dc2626}.holiday-btn-delete:hover{background:#fee2e2}.holiday-btn-cancel{background:#f3f4f6;color:#374151}.holiday-btn-cancel:hover{background:#e5e7eb}.holidays-error{background:#fef2f2;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:16px;padding:12px 16px}.holiday-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.holiday-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;max-width:420px;padding:24px;width:100%}.holiday-modal-title{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 20px}.holiday-form .form-group,.holiday-modal-error{margin-bottom:16px}.holiday-form label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.holiday-form input,.holiday-form textarea{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#1f2937;font-size:14px;padding:10px 12px;width:100%}.holiday-form input:focus,.holiday-form textarea:focus{border-color:#3b82f6;outline:none}.holiday-form textarea{min-height:60px;resize:vertical}.holiday-modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px}@media (max-width:768px){.admin-holidays .card-header-section{align-items:flex-start;flex-direction:column;gap:12px}.admin-holidays .section-title{font-size:18px}.holidays-header-actions{flex-wrap:wrap;gap:8px;width:100%}.holidays-header-actions .filter-select.year-select{flex:1 1;min-width:0}.holidays-header-actions .add-holiday-btn{flex:1 1;text-align:center;white-space:nowrap}.holidays-card{padding:16px}.holidays-table th{font-size:12px;padding:10px 8px}.holidays-table td{font-size:13px;padding:12px 8px}.holiday-modal{margin:16px;max-width:calc(100vw - 32px)}}.admin-updates{display:flex;flex-direction:column;gap:24px}.updates-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.card-header-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-title{color:#1f2937;font-size:20px;font-weight:700;margin:0}.add-update-btn{background-color:#fe5c63;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.add-update-btn:hover{background-color:#fd5b63}.add-update-btn:disabled{cursor:not-allowed;opacity:.7}.updates-table{border-collapse:collapse;width:100%}.updates-table thead{background-color:#f9fafb}.updates-table th{color:#374151;font-weight:600;padding:12px 16px;text-align:left}.updates-table td,.updates-table th{border-bottom:1px solid #e5e7eb;font-size:14px}.updates-table td{color:#1f2937;padding:16px}.update-title-cell{font-weight:600;max-width:200px}.update-content-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-table-cell{color:#6b7280;padding:40px!important;text-align:center}.update-actions{display:flex;gap:8px}.update-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:background-color .2s}.update-btn-edit{background:#eff6ff;color:#2563eb}.update-btn-edit:hover{background:#dbeafe}.update-btn-delete{background:#fef2f2;color:#dc2626}.update-btn-delete:hover{background:#fee2e2}.update-btn-cancel{background:#f3f4f6;color:#374151}.update-btn-cancel:hover{background:#e5e7eb}.updates-error{background:#fef2f2;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:16px;padding:12px 16px}.update-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.update-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;max-width:480px;padding:24px;width:100%}.update-modal-title{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 20px}.update-form .form-group{margin-bottom:16px}.update-form label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.update-form input,.update-form textarea{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#1f2937;font-size:14px;padding:10px 12px;width:100%}.update-form input:focus,.update-form textarea:focus{border-color:#3b82f6;outline:none}.update-form textarea{min-height:80px;resize:vertical}.update-modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px}.admin-panel-container{flex:1 1;padding:32px;width:100%}.admin-header{margin-bottom:24px}.admin-title{color:#1a1c1c;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:600;margin:0 0 4px}.admin-subtitle{color:#454557;font-family:Manrope,sans-serif;font-size:16px;margin:0}.admin-nav-tabs{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:4px;margin-bottom:24px;overflow-x:auto;padding:4px}.admin-nav-tab{align-items:center;border-radius:6px;color:#475569;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;text-decoration:none;transition:all .2s;white-space:nowrap}.admin-nav-tab:hover{background:#f8fafc;color:#0f172a}.admin-nav-tab.active{background:#1e13f3;color:#fff}.adm,.admin-content{width:100%}.adm-stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-bottom:64px}.adm-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000a;padding:24px}.adm-card-title{font-size:24px;margin:0 0 4px}.adm-card-title,.adm-card-title-sm{color:#1a1c1c;font-family:Space Grotesk,sans-serif;font-weight:600}.adm-card-title-sm{font-size:20px;margin:0}.adm-card-subtitle{color:#454557;font-family:Manrope,sans-serif;font-size:12px;margin:0 0 16px}.adm-stat-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000a;overflow:hidden;padding:24px;position:relative}.adm-stat-card.accent-left{border-left:4px solid #3a3bff}.adm-stat-card.accent-left-red{border-left:4px solid #ff6060}.adm-stat-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.adm-stat-icon{align-items:center;border-radius:8px;display:flex;justify-content:center;padding:8px}.adm-stat-icon.primary{background:#e1e0ff;color:#0e00b9}.adm-stat-icon.neutral{background:#eee;color:#1a1c1c}.adm-stat-icon.tertiary{background:#e2e2e2;color:#353535}.adm-stat-icon.error{background:#ffdad6;color:#ba1a1a}.adm-stat-badge{border-radius:9999px;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;padding:4px 8px}.adm-stat-badge.primary{background:#e1e0ff;color:#0e00b9}.adm-stat-badge.action{align-items:center;color:#454557;display:flex;gap:4px}.adm-stat-badge.error{background:#ffdad6;color:#ba1a1a}.adm-stat-meta{color:#454557;font-family:Manrope,sans-serif;font-size:12px}.adm-pulse-dot{animation:pulse-dot 2s infinite;background:#3a3bff;border-radius:50%;height:8px;width:8px}.adm-stat-label{color:#454557;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;margin:0 0 4px}.adm-stat-value{color:#1a1c1c;font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.adm-main-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr}.adm-leave-section{display:flex;flex-direction:column;overflow:hidden}.adm-leave-header{align-items:flex-start;border-bottom:1px solid #c6c4da;display:flex;justify-content:space-between;margin-bottom:0;padding:0 0 24px}.adm-view-all{align-items:center;color:#1e13f3;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;gap:4px;text-decoration:none;transition:color .15s}.adm-view-all:hover{color:#0e00b9}.adm-table-wrap{overflow-x:auto}.adm-table{border-collapse:collapse;width:100%}.adm-table thead tr{background:#f3f3f380;border-bottom:1px solid #c6c4da}.adm-table th{color:#454557;font-size:14px;font-weight:600;text-align:left}.adm-table td,.adm-table th{font-family:Manrope,sans-serif;padding:16px 24px}.adm-table td{border-bottom:1px solid #e2e2e2;color:#1a1c1c;font-size:16px}.adm-table tbody tr{transition:background .15s}.adm-table tbody tr:hover{background:#f3f3f380}.text-right{text-align:right}.adm-emp-cell{gap:12px}.adm-emp-avatar,.adm-emp-cell{align-items:center;display:flex}.adm-emp-avatar{background:#e2e2e2;border-radius:50%;color:#454557;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;overflow:hidden;width:40px}.adm-emp-avatar img{height:100%;object-fit:cover;width:100%}.adm-emp-name{color:#1a1c1c;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;margin:0}.adm-emp-dept{color:#454557;font-size:12px}.adm-emp-dept,.adm-leave-type{font-family:Manrope,sans-serif;margin:0;text-transform:capitalize}.adm-leave-type{color:#1a1c1c;font-size:16px}.adm-leave-dates{color:#454557;margin:0}.adm-duration-badge,.adm-leave-dates{font-family:Manrope,sans-serif;font-size:12px}.adm-duration-badge{background:#eee;border-radius:9999px;color:#1a1c1c;font-weight:500;padding:4px 10px}.adm-action-btns{align-items:center;display:flex;gap:8px;justify-content:flex-end;opacity:0;transition:opacity .15s}.adm-table tbody tr:hover .adm-action-btns{opacity:1}.adm-reject-btn{align-items:center;background:#0000;border:1px solid #767589;border-radius:50%;color:#767589;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s;width:36px}.adm-reject-btn:hover{border-color:#ba1a1a;color:#ba1a1a}.adm-approve-btn{align-items:center;background:#1e13f3;border:none;border-radius:50%;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .15s;width:36px}.adm-approve-btn:hover{background:#0e00b9}.adm-empty{color:#767589;padding:40px;text-align:center}.adm-right-col{display:flex;flex-direction:column;gap:24px}.adm-chart{align-items:flex-end;background:#f3f3f3;border-radius:8px;display:flex;gap:8px;height:192px;justify-content:space-between;padding:16px}.adm-chart-bar-col{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;height:100%}.adm-chart-track{align-items:flex-end;display:flex;height:100%;width:100%}.adm-chart-fill{background:#1e13f333;border-radius:2px 2px 0 0;transition:height .5s;width:100%}.adm-chart-fill.current{background:#3a3bff}.adm-chart-label{color:#454557;font-family:Manrope,sans-serif;font-size:10px}.adm-chart-label.current{color:#1a1c1c;font-weight:700}.adm-post-card{border:1px solid #c6c4da4d;display:flex;flex:1 1;flex-direction:column}.adm-post-header{align-items:center;display:flex;gap:8px;margin-bottom:16px}.adm-post-icon{color:#b3282f;font-size:24px}.adm-post-msg{border-radius:6px;font-size:13px;margin-bottom:12px;padding:8px 12px}.adm-post-msg.success{background:#d1fae5;color:#047857}.adm-post-msg.error{background:#fee2e2;color:#b91c1c}.adm-post-form{display:flex;flex:1 1;flex-direction:column;gap:8px}.adm-field{display:flex;flex-direction:column;gap:4px}.adm-field label{color:#1a1c1c;font-family:Manrope,sans-serif;font-size:14px;font-weight:600}.adm-field input,.adm-field textarea{background:#f3f3f3;border:none;border-radius:8px;color:#1a1c1c;font-family:Manrope,sans-serif;font-size:16px;outline:none;padding:10px 16px;resize:none;transition:box-shadow .15s;width:100%}.adm-field input:focus,.adm-field textarea:focus{box-shadow:0 0 0 2px #1e13f3}.adm-post-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto;padding-top:16px}.adm-urgent-check{align-items:center;color:#454557;cursor:pointer;display:flex;font-family:Manrope,sans-serif;font-size:12px;gap:8px}.adm-urgent-check input{accent-color:#b3282f;border-radius:4px;height:16px;width:16px}.adm-post-btn{align-items:center;background:#1e13f3;border:none;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:10px 24px;transition:background .15s}.adm-post-btn:hover:not(:disabled){background:#0e00b9}.adm-post-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1024px){.adm-stats-grid{grid-template-columns:repeat(2,1fr)}.adm-main-grid{grid-template-columns:1fr}}@media (max-width:768px){.admin-panel-container{padding:76px 16px 16px}.admin-title{font-size:24px}.adm-stats-grid{grid-template-columns:1fr}.adm-stat-value{font-size:36px}.admin-nav-tabs{gap:0;overflow-x:auto}.admin-nav-tab{font-size:13px;padding:8px 14px}}.cal{box-sizing:border-box;flex:1 1;overflow-x:hidden;padding:24px;width:100%}.cal-title{color:#1a1c1c;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:600;letter-spacing:-.01em;line-height:1.2;margin:0 0 4px}.cal-subtitle{color:#454557;font-family:Manrope,sans-serif;font-size:16px;margin:0}.cal-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:40px}.cal-view-toggle{background:#e2e2e2;border-radius:8px;display:flex;padding:4px}.cal-view-btn{background:#0000;border:none;border-radius:6px;color:#454557;cursor:pointer;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;padding:8px 16px}.cal-view-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1a1c1c}.cal-layout{align-items:flex-start;display:flex;gap:24px}.cal-main{background:#fff;border:1px solid #c6c4da;border-radius:12px;box-shadow:0 4px 20px #0000000a;flex:1 1;min-width:600px;overflow:hidden}.cal-nav{align-items:center;border-bottom:1px solid #c6c4da;display:flex;justify-content:space-between;padding:24px}.cal-month-title{color:#1a1c1c;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600;margin:0}.cal-nav-actions{align-items:center;display:flex;gap:8px}.cal-today-btn{background:#0000;border:1px solid #c6c4da;border-radius:8px;color:#1a1c1c;cursor:pointer;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;padding:8px 16px;transition:background .15s}.cal-today-btn:hover{background:#f3f3f3}.cal-arrows{border:1px solid #c6c4da;border-radius:8px;display:flex;overflow:hidden}.cal-arrow-btn{align-items:center;background:#0000;border:none;color:#454557;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background .15s;width:40px}.cal-arrow-btn:hover{background:#f3f3f3}.cal-arrow-btn+.cal-arrow-btn{border-left:1px solid #c6c4da}.cal-days-header{background:#fff;display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.cal-day-name{color:#454557;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;letter-spacing:.05em;padding:12px;text-transform:uppercase}.cal-grid{grid-gap:1px;background:#e2e2e2;display:grid;gap:1px;grid-auto-rows:minmax(120px,auto);grid-template-columns:repeat(7,1fr)}.cal-cell{background:#fff;display:flex;flex-direction:column;gap:4px;padding:8px}.cal-cell.other-month{opacity:.5}.cal-cell.weekend{background:#f5f5fa}.cal-cell.weekend .cal-day-num,.cal-day-name.weekend{color:#9a98b0}.cal-cell.today{border-radius:2px;box-shadow:inset 0 0 0 2px #0e00b9}.cal-day-num{color:#454557;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;padding:4px;text-align:right}.cal-day-num.today{color:#0e00b9;font-weight:700}.cal-event{border-radius:4px;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;white-space:nowrap}.cal-event-approved{background:#0e00b91a;border:1px solid #0e00b933;color:#0e00b9}.cal-event-pending{background:#e2e2e2;border:1px solid #c6c4da;color:#1a1c1c}.cal-event-holiday{background:#ff6060;color:#fff;font-weight:600}.cal-event-default{background:#1e13f3;color:#fff;font-weight:600}.cal-more{color:#767589;font-family:Manrope,sans-serif;font-size:11px;padding:0 4px}.cal-sidebar{display:flex;flex-direction:column;flex-shrink:0;gap:24px;width:320px}.cal-card{background:#fff;border:1px solid #c6c4da;border-radius:12px;box-shadow:0 4px 20px #0000000a;padding:24px}.cal-card-title{color:#1a1c1c;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600;margin:0 0 16px}.cal-legend-list{display:flex;flex-direction:column;gap:12px}.cal-legend-item{align-items:center;color:#454557;display:flex;font-family:Manrope,sans-serif;font-size:16px;gap:12px}.cal-legend-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.cal-legend-dot.approved{background:#0e00b9;box-shadow:0 0 0 3px #0e00b933}.cal-legend-dot.pending{background:#353535;box-shadow:0 0 0 3px #35353533}.cal-legend-dot.holiday{background:#ff6060;box-shadow:0 0 0 3px #ff606033}.cal-legend-dot.event{background:#1e13f3;box-shadow:0 0 0 3px #1e13f333}.cal-grid.week-view{grid-auto-rows:minmax(200px,auto)}.cal-detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.cal-detail-header .cal-card-title{margin:0}.cal-close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#454557;cursor:pointer;display:flex;height:28px;justify-content:center;transition:background .15s;width:28px}.cal-close-btn:hover{background:#f3f3f3}.cal-detail-list{display:flex;flex-direction:column;gap:8px}.cal-detail-item{align-items:center;border-radius:6px;display:flex;font-family:Manrope,sans-serif;font-size:13px;font-weight:500;justify-content:space-between;padding:8px 12px}.cal-detail-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-detail-status{border-radius:4px;flex-shrink:0;font-size:11px;font-weight:600;margin-left:8px;padding:2px 8px}.cal-detail-item.cal-event-approved .cal-detail-status{background:#0e00b91a;color:#0e00b9}.cal-detail-item.cal-event-pending .cal-detail-status{background:#e2e2e2;color:#1a1c1c}.cal-cell{cursor:pointer;transition:background .15s}.cal-cell:hover{background:#f8f8ff}.cal-cell.selected{border-radius:2px;box-shadow:inset 0 0 0 2px #1e13f3}.cal-events-card{flex:1 1}.cal-events-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.cal-events-header .cal-card-title{margin:0}.cal-add-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#0e00b9;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .15s;width:32px}.cal-add-btn:hover{background:#f3f3f3}.cal-events-list{display:flex;flex-direction:column;gap:16px}.cal-event-item{border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:16px;padding:12px;transition:all .15s}.cal-event-item:hover{background:#f3f3f3;border-color:#c6c4da}.cal-event-date-box{align-items:center;border-radius:8px;display:flex;flex-direction:column;flex-shrink:0;height:48px;justify-content:center;width:48px}.cal-event-date-box.holiday{background:#ff60601a;color:#b3282f}.cal-event-date-box.event{background:#1e13f31a;color:#b4b7ff}.cal-event-month{font-family:Manrope,sans-serif;font-size:14px;font-weight:600;line-height:1}.cal-event-day{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600;line-height:1;margin-top:2px}.cal-event-info{display:flex;flex-direction:column;justify-content:center}.cal-event-name{color:#1a1c1c;font-family:Manrope,sans-serif;font-size:14px;font-weight:600}.cal-event-type{color:#454557;font-size:12px}.cal-empty,.cal-event-type{font-family:Manrope,sans-serif}.cal-empty{color:#767589;font-size:14px}@media (max-width:1024px){.cal-layout{flex-direction:column}.cal-sidebar{width:100%}.cal-main{min-width:0}}@media (max-width:768px){.cal{padding:76px 12px 12px}.cal-title{font-size:24px}.cal-main{box-sizing:border-box;min-width:0;overflow:hidden;width:100%}.cal-nav{flex-wrap:wrap;gap:8px;padding:12px}.cal-month-title{font-size:18px}.cal-today-btn{font-size:12px;padding:6px 10px}.cal-arrow-btn{height:32px;width:32px}.cal-day-name{font-size:11px;letter-spacing:0;padding:8px 2px}.cal-grid{grid-auto-rows:minmax(60px,auto)}.cal-cell{padding:4px 2px}.cal-day-num{font-size:12px;padding:2px}.cal-event{font-size:9px;overflow:hidden;padding:1px 3px;text-overflow:ellipsis;white-space:nowrap}.cal-card-title{font-size:18px}}.analytics-page{background-color:#f5f5f5;flex:1 1;min-height:100vh;padding:32px}.analytics-title{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 24px}.analytics-error,.analytics-loading{color:#6b7280;font-size:16px;padding:40px;text-align:center}.analytics-error{color:#ef4444}.analytics-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.analytics-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:20px;text-align:center}.stat-value{color:#4f46e5;font-size:28px;font-weight:700;margin-bottom:4px}.stat-label{color:#6b7280;font-size:13px;font-weight:500}.analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.analytics-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:24px}.analytics-card h3{color:#374151;font-size:15px;font-weight:600;margin:0 0 16px}.analytics-source-toggle{background:#1f2937;border-radius:10px;display:flex;gap:4px;margin-bottom:24px;padding:4px;width:-webkit-fit-content;width:fit-content}.analytics-source-btn{background:#0000;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.analytics-source-btn.active{background:#fe5c63;box-shadow:0 2px 8px #fe5c634d;color:#fff}.analytics-source-btn:hover:not(.active){color:#e5e7eb}.analytics-filter{align-items:center;display:flex;gap:12px;margin-bottom:20px}.filter-label,.filter-select{color:#374151;font-size:14px;font-weight:600}.filter-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;min-width:180px;outline:none;padding:8px 16px}.filter-select:focus{border-color:#fe5c63}.analytics-card-full{grid-column:1/-1}@media (max-width:1024px){.analytics-stats{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}}@media (max-width:640px){.analytics-stats{gap:12px;grid-template-columns:1fr 1fr}.analytics-stat-card{padding:14px}.stat-value{font-size:22px}.analytics-card{padding:16px}.analytics-source-toggle{width:100%}.analytics-source-btn{flex:1 1;font-size:13px;padding:8px 12px}.analytics-filter{align-items:flex-start;flex-direction:column;gap:8px}.filter-select{width:100%}}.topnav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border-bottom:1px solid #e2e8f0;font-family:Space Grotesk,Manrope,sans-serif;justify-content:flex-end;padding:12px 24px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:40}.topnav,.topnav-right{align-items:center;display:flex}.topnav-right{gap:16px;margin-left:auto;overflow:visible}.topnav-icon-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .15s;width:40px}.topnav-icon-btn:hover{background:#f8fafc;color:#0f172a}.topnav-icon-btn:active{transform:scale(.95)}.topnav-icon-btn .material-symbols-outlined{font-size:22px}.topnav-notification-dot{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:8px;color:#fff;display:flex;font-family:Manrope,sans-serif;font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 3px;position:absolute;right:4px;top:4px}.topnav-dropdown-wrap{position:relative}.topnav-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #0000001f;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:320px;z-index:100}.topnav-dropdown-header{border-bottom:1px solid #e2e8f0;color:#1a1c1c;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600;padding:16px}.topnav-dropdown-empty{color:#94a3b8;font-family:Manrope,sans-serif;font-size:14px;padding:32px 16px;text-align:center}.topnav-dropdown-list{max-height:360px;overflow-y:auto}.topnav-notif-item{align-items:flex-start;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .15s}.topnav-notif-item:hover{background:#f8fafc}.topnav-notif-icon{flex-shrink:0;font-size:20px;margin-top:2px}.topnav-notif-icon.update{color:#0e00b9}.topnav-notif-icon.leave{color:#059669}.topnav-notif-content{display:flex;flex-direction:column;gap:2px;min-width:0}.topnav-notif-title{color:#1a1c1c;font-family:Manrope,sans-serif;font-size:13px;font-weight:500;white-space:normal;word-break:break-word}.topnav-notif-time{color:#94a3b8;font-family:Manrope,sans-serif;font-size:11px}.topnav-help-item{align-items:center;color:#454557;cursor:pointer;display:flex;font-family:Manrope,sans-serif;font-size:14px;gap:12px;padding:12px 16px;transition:background .15s}.topnav-help-item:hover{background:#f8fafc}.topnav-help-item .material-symbols-outlined{color:#0e00b9}.help-dropdown{width:260px}.topnav-separator{background:#e2e8f0;height:32px;margin:0 4px;width:1px}.topnav-user{align-items:center;background:#0000;border:none;border-radius:9999px;color:#334155;cursor:pointer;display:flex;gap:8px;padding:4px 12px 4px 4px;text-decoration:none;transition:all .15s}.topnav-user:hover{background:#f8fafc}.topnav-user:active{transform:scale(.95)}.topnav-avatar{border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.topnav-avatar img{height:100%;object-fit:cover;width:100%}.topnav-avatar-initials{align-items:center;background:#4f46e5;border-radius:50%;color:#fff;display:flex;font-size:13px;font-weight:600;height:32px;justify-content:center;width:32px}.topnav-username{color:#334155;font-size:14px;font-weight:500}.topnav-chevron{color:#94a3b8;font-size:18px}@media (max-width:768px){.topnav{overflow:visible;padding:12px 16px 12px 56px}.topnav-username{display:none}.topnav-dropdown-wrap{position:static}.topnav-dropdown{left:auto;margin-top:8px;max-width:340px;position:absolute;right:-16px;top:100%;width:calc(100vw - 16px)}.help-dropdown{max-width:280px;width:calc(100vw - 16px)}}.dashboard-container{background-color:#f9f9f9;display:flex;min-height:100vh;width:100%}.sidebar-toggle{background:#4f46e5;border:none;border-radius:8px;box-shadow:none;cursor:pointer;display:none;height:28px;left:16px;padding:4px;position:fixed;top:16px;width:34px;z-index:1101}.sidebar-toggle span{background:#fff;border-radius:2px;display:block;height:2px}.sidebar-toggle span+span{margin-top:5px}.sidebar-backdrop{background:#0000004d;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease;z-index:1050}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.dashboard-content{display:flex;flex:1 1;flex-direction:column;margin-left:256px;min-height:100vh}.welcome-banner{display:none}@media (max-width:768px){.sidebar-toggle{align-items:center;display:inline-flex;justify-content:center}.dashboard-content{margin-left:0;min-width:0}}.auth-container{align-items:center;background:#fd5b63;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:450px;padding:40px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{margin-bottom:30px;text-align:center}.auth-header h2{color:#333;font-size:28px;font-weight:600;margin-bottom:8px}.auth-header p{color:#666;font-size:14px}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#333;font-size:14px;font-weight:500}.form-group input,.form-group select{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input::placeholder{color:#999}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper input{padding-right:60px;width:100%}.password-toggle{background:none;border:none;color:#667eea;cursor:pointer;font-size:13px;font-weight:600;padding:4px 8px;position:absolute;right:12px}.role-select{background-color:#fff;cursor:pointer}.auth-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px 24px;transition:all .3s ease}.auth-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{cursor:not-allowed;opacity:.6}.error-message{animation:shake .3s ease-out;background-color:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:14px;margin-bottom:20px;padding:12px 16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.auth-footer{border-top:1px solid #e0e0e0;margin-top:24px;padding-top:24px;text-align:center}.auth-footer p{color:#666;font-size:14px}.auth-link{color:#667eea;font-weight:500;text-decoration:none;transition:color .3s ease}.auth-link:hover{color:#764ba2;text-decoration:underline}@media (max-width:480px){.auth-card{padding:30px 20px}.auth-header h2{font-size:24px}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.App{height:100%;width:100%}
/*# sourceMappingURL=main.4c2bcfde.css.map*/