@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&family=DM+Sans:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ahm-backdrop,.attendance-history-modal,.attendance-modal-overlay,.celeb-detail-overlay,.ceo-modal-overlay,.cmdk-overlay,.confirm-overlay,.lms-overlay,.modal,.modal-overlay,.mts-modal-overlay,.nbell-popup,.pmo-modal-overlay,.popup,.popup-overlay,.print-portal,.qs-modal-overlay,.rop-modal-overlay,.tl-modal,.tl-modal-overlay,.tlp-modal,.tlp-modal-overlay,[id^=print-portal]{z-index:2147483646!important}.app-top-layer{position:relative;z-index:2147483647!important}.login-container{display:flex;font-family:Inter,Segoe UI,sans-serif;height:100vh}.left-section{background-position:50%;background-size:cover;flex:1 1;position:relative}.overlay-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-radius:20px;box-shadow:0 15px 40px #00000040;left:50%;padding:40px 30px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:320px}.logo-img{margin-bottom:15px;width:170px}.overlay-card p{color:#555;font-size:14px;margin-bottom:15px}.features{color:#333;display:flex;font-size:13px;justify-content:space-between}.right-section{align-items:center;background:#f7f9fc;display:flex;flex:1 1;justify-content:center}.login-form{width:380px}.login-form h2{color:#111;font-size:34px;font-weight:700;margin-bottom:8px}.subtitle{color:#777;font-size:15px;margin-bottom:30px}.login-form label{color:#333;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.input-group{align-items:center;border-radius:16px;box-shadow:0 2px 8px #0f172a0a;display:flex;height:62px;margin-top:10px;position:relative;transition:all .25s ease;width:100%}.input-group:hover{border-color:#93c5fd}.input-group:focus-within{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.input-icon{color:#64748b;font-size:18px;margin-right:14px;min-width:18px}.input-group input{background:#0000;border:none;color:#0f172a;flex:1 1;font-size:15px;font-weight:500;height:100%;outline:none}.input-group input::placeholder{color:#94a3b8;font-weight:400}.input-group input:-webkit-autofill,.input-group input:-webkit-autofill:focus,.input-group input:-webkit-autofill:hover{-webkit-text-fill-color:#0f172a;-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}.eye-icon{color:#64748b;font-size:18px;transition:.2s ease}.eye-icon:hover{color:#2563eb}.input-group input[type=password]::-ms-clear,.input-group input[type=password]::-ms-reveal{display:none}.input-group input::-webkit-textfield-decoration-container{visibility:hidden}.input-group input::-webkit-credentials-auto-fill-button,.input-group input::-webkit-strong-password-auto-fill-button{display:none!important;pointer-events:none;position:absolute;right:0;visibility:hidden}.login-form button{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;height:52px;transition:all .3s ease;width:100%}.login-form button:hover{box-shadow:0 10px 25px #dc262659;transform:translateY(-2px)}.error{background:#ffecec;border-radius:8px;color:#d63031;font-size:13px;margin-bottom:15px;padding:10px}*{font-family:Poppins,sans-serif}.admin-container{--bg-page:#eef1f6;--bg-page-2:#f8fafc;--bg-surface:#fff;--bg-sidebar:#fff;--bg-sidebar-2:#f8fafc;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#94a3b8;--border-color:#e5e7eb;--border-color-2:#eef0f4;--accent:#6366f1;--accent-2:#4f46e5;--shadow-color:#0f172a14}.admin-container[data-theme=dark]{--bg-page:#0f1420;--bg-page-2:#131826;--bg-surface:#1a2030;--bg-sidebar:#161b28;--bg-sidebar-2:#1a2030;--text-primary:#e7ebf3;--text-secondary:#a3adc2;--text-muted:#6b7690;--border-color:#2b3244;--border-color-2:#262c3d;--accent:#818cf8;--accent-2:#6366f1;--shadow-color:#00000059}.admin-container{background:var(--bg-page);display:flex;height:100vh;overflow:hidden;transition:background .25s ease}.admin-container .sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-color);box-shadow:4px 0 16px var(--shadow-color);color:#374151;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;padding-top:0;transition:background .25s ease,border-color .25s ease;width:240px}.admin-container .logo-container{background:var(--bg-sidebar-2);border-bottom:1px solid var(--border-color);padding:20px 16px 16px;text-align:center;transition:opacity .2s ease}.admin-container .logo-container:hover{opacity:.82}.admin-container .logo-container img{border-radius:8px;height:56px;object-fit:contain;width:140px}.admin-container .sidebar-role{background:linear-gradient(90deg,#eef2ff,#f5f3ff);border-radius:8px;color:#6366f1;font-size:10.5px;font-weight:700;letter-spacing:1.5px;margin:12px 16px 8px;padding:7px 0;text-align:center;text-transform:uppercase}.admin-container .sidebar-nav{flex:1 1;overflow-y:auto;padding:8px 0}.admin-container .sidebar ul{list-style:none;margin:0;padding:0}.admin-container .sidebar-section{background:#0000!important;border-left:none!important;color:#9ca3af;cursor:default;font-size:10px;font-weight:700;letter-spacing:1.2px;padding:14px 20px 4px;pointer-events:none;text-transform:uppercase}.admin-container .sidebar ul li{align-items:center;border-left:3px solid #0000;border-radius:0 24px 24px 0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:11px;margin:2px 12px 2px 0;padding:10px 20px;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .12s ease}.admin-container .sidebar ul li svg{flex-shrink:0;font-size:15px;opacity:.8;transition:opacity .18s ease}.admin-container .sidebar ul li:hover{background:#6366f112;border-left-color:#6366f166;color:#1e293b}.admin-container .sidebar ul li:hover svg{opacity:1}.admin-container .sidebar ul li:active{transform:scale(.98)}.admin-container .sidebar ul li.active{background:linear-gradient(90deg,#6366f124,#6366f108);border-left:3px solid #6366f1;color:#4f46e5;font-weight:650}.admin-container .sidebar ul li.active svg{color:#4f46e5;opacity:1}.admin-container .main-content{background:radial-gradient(circle at top left,var(--bg-page-2),var(--bg-page) 55%);display:flex;flex:1 1;flex-direction:column;overflow:hidden;transition:background .25s ease}.admin-container .topbar{align-items:center;background:var(--bg-surface);box-shadow:0 2px 6px var(--shadow-color);display:flex;gap:16px;height:70px;justify-content:space-between;padding:0 20px;transition:background .25s ease}.admin-container .topbar h3{color:var(--text-primary);font-size:16px;white-space:nowrap}.admin-container .topbar-right{align-items:center;display:flex;gap:15px}.admin-container .topbar-avatar,.admin-container .topbar-img{border-radius:50%;box-shadow:0 0 0 3px #6366f124;height:40px;width:40px}.admin-container .topbar-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#2563eb);color:#fff;display:flex;font-weight:700;justify-content:center}.admin-container .topbar-name{color:var(--text-primary);font-size:14px;font-weight:500}.admin-container .logout-btn{background:#ef4444;border:none;border-radius:8px;box-shadow:0 2px 8px #ef444440;color:#fff;cursor:pointer;font-weight:600;padding:8px 14px;transition:background .2s ease,box-shadow .2s ease,transform .12s ease}.admin-container .logout-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef444452}.admin-container .logout-btn:active{transform:scale(.97)}.admin-container .content{flex:1 1;overflow-y:auto;padding:20px}.admin-container .theme-toggle-btn{align-items:center;background:var(--bg-page-2);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:15px;height:38px;justify-content:center;transition:background .18s ease,transform .18s ease,color .18s ease;width:38px}.admin-container .theme-toggle-btn:hover{background:var(--border-color);color:var(--accent);transform:rotate(18deg)}@media (max-width:1024px){.admin-container .sidebar{width:200px}.admin-container .sidebar ul li{font-size:14px;padding:12px 15px}.admin-container .topbar h3{font-size:14px}}@media (max-width:768px){.admin-container{flex-direction:column}.admin-container .sidebar{flex-direction:row;height:auto;overflow-x:auto;width:100%}.admin-container .logo-container{display:none}.admin-container .sidebar ul{display:flex;flex-direction:row}.admin-container .sidebar ul li{border-radius:10px;flex:1 1;font-size:12px;justify-content:center;margin:3px;padding:10px}.admin-container .sidebar ul li span{display:none}.admin-container .topbar{flex-direction:column;gap:10px;height:auto;padding:10px;text-align:center}.admin-container .topbar-right{flex-wrap:wrap;justify-content:center}.admin-container .content{padding:10px}}@media (max-width:480px){.admin-container .topbar h3{font-size:12px}.admin-container .logout-btn{font-size:12px;padding:6px 10px}.admin-container .topbar-name{font-size:12px}}.services-home{padding:4px}.admin-container .services-home .service-card{background:#fff}.services-heading{color:#111827;font-size:22px;font-weight:800;letter-spacing:-.2px;margin:0 0 4px;padding-left:14px;position:relative}.services-heading:before{background:linear-gradient(180deg,#6366f1,#a855f7);border-radius:4px;bottom:2px;content:"";left:0;position:absolute;top:2px;width:5px}.services-subtext{color:#94a3b8;font-size:13px;margin:4px 0 26px 14px}.services-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(4,minmax(0,1fr))}.service-card{align-items:center;animation:card-in .45s ease forwards;animation-delay:0ms;animation-delay:calc(var(--i, 0)*45ms);border:1px solid #f1f2f6;border-radius:18px;box-shadow:0 1px 2px #0f172a0a,0 1px 3px #0f172a08;gap:16px;opacity:0;overflow:hidden;padding:32px 18px 26px;position:relative;text-align:center;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.service-card:after{background:#6366f1;background:var(--accent,#6366f1);border-radius:18px;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .22s ease}.service-card:hover{border-color:#0000;box-shadow:0 16px 28px -8px #0f172a29,0 4px 10px #0f172a0d;transform:translateY(-5px)}.service-card:hover:after{opacity:.035}.service-card:active{transform:translateY(-2px) scale(.99)}.service-card:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--accent,#6366f1);outline-offset:3px}.service-icon{background:#6366f11a;background:var(--accent-bg,#6366f11a);transition:transform .22s ease}.admin-container .services-home .service-icon,.service-icon{align-items:center;border-radius:16px;color:#6366f1;color:var(--accent,#6366f1);display:flex;font-size:24px;height:58px;justify-content:center;width:58px}.admin-container .services-home .service-icon{background:#e0e7ff;background:var(--accent-bg,#e0e7ff);flex:0 0 58px}.admin-container .services-home .service-icon svg{height:1em;width:1em}.service-card:hover .service-icon{transform:scale(1.08) rotate(-2deg)}.service-label{color:#374151;font-size:13.5px;font-weight:650;letter-spacing:.1px}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.service-card{animation:none;opacity:1}}.service-card[data-key=performanceManagement]{--accent:#2563eb;--accent-bg:#dbeafe}.service-card[data-key=help]{--accent:#0f766e;--accent-bg:#ccfbf1}.service-card[data-key=coreHR],.service-card[data-key=hr]{--accent:#6366f1;--accent-bg:#e0e7ff}.service-card[data-key=organization]{--accent:#4f6fe5;--accent-bg:#e1e9ff}.service-card[data-key=recruitment]{--accent:#f97316;--accent-bg:#ffedd5}.service-card[data-key=onboarding]{--accent:#3b82f6;--accent-bg:#dbeafe}.service-card[data-key=employeesCat]{--accent:#6366f1;--accent-bg:#e0e7ff}.service-card[data-key=leaveTimesheets]{--accent:#ef4444;--accent-bg:#fee2e2}.service-card[data-key=allowanceCat]{--accent:#14b8a6;--accent-bg:#ccfbf1}.service-card[data-key=lms]{--accent:#8b5cf6;--accent-bg:#ede9fe}.service-card[data-key=payrollCat]{--accent:#16a34a;--accent-bg:#dcfce7}.service-card[data-key=offboarding]{--accent:#e11d48;--accent-bg:#ffe4e6}.service-card[data-key=reportsAnalytics]{--accent:#eab308;--accent-bg:#fef9c3}.service-card[data-key=profileCat]{--accent:#06b6d4;--accent-bg:#cffafe}@media (max-width:768px){.services-grid{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.services-grid{gap:12px;grid-template-columns:1fr}.service-card{padding:22px 10px 18px}.service-icon{font-size:20px;height:50px;width:50px}}.service-card[data-key=employeeDirectory]{--accent:#6366f1;--accent-bg:#e0e7ff}.service-card[data-key=leaveTime]{--accent:#ef4444;--accent-bg:#fee2e2}.service-card[data-key=allowanceBenefits]{--accent:#14b8a6;--accent-bg:#ccfbf1}.service-card[data-key=documents]{--accent:#0ea5e9;--accent-bg:#e0f2fe}.service-card[data-key=payroll]{--accent:#16a34a;--accent-bg:#dcfce7}.service-card[data-key=others]{--accent:#64748b;--accent-bg:#e2e8f0}.celeb-highlights{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 26px}.celeb-highlight-card{align-items:center;background:#fff;border:1px solid #e8ebf1;border-radius:15px;box-shadow:0 8px 20px #1f293712;display:flex;gap:16px;min-height:92px;padding:18px 20px}.admin-container .celeb-highlight-card{background:#fff}.celeb-highlight-icon{flex:0 0 auto;place-items:center}.admin-container .celeb-highlight-icon,.celeb-highlight-icon{border-radius:14px;display:grid;font-size:21px;height:48px;width:48px}.admin-container .celeb-highlight-icon{flex:0 0 48px;place-items:center}.admin-container .celeb-highlight-icon svg{height:1em;width:1em}.celeb-highlight-copy{flex:1 1;min-width:0}.celeb-highlight-heading{align-items:center;display:flex;gap:8px;justify-content:space-between}.celeb-highlight-heading h3{color:#30394c;font-size:15px;font-weight:800;margin:0}.celeb-highlight-heading span{color:#202938;font-size:22px;font-weight:850;line-height:1}.celeb-highlight-copy p{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#8b94a4;display:-webkit-box;font-size:11px;font-weight:600;line-height:1.35;margin:5px 0 0;overflow:hidden}.celeb-highlight-birthday .celeb-highlight-icon{background:#fff1d7;color:#f28d1a}.celeb-highlight-anniversary .celeb-highlight-icon{background:#edeaff;color:#7c5ce4}.celeb-highlight-events .celeb-highlight-icon{background:#dcf7ee;color:#159565}@media (max-width:900px){.celeb-highlights{gap:12px;grid-template-columns:1fr}}.celeb-highlight-clickable{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.celeb-highlight-clickable:hover{box-shadow:0 14px 28px #1f29371f;transform:translateY(-3px)}.celeb-highlight-clickable:focus-visible{outline:3px solid #6366f16b;outline-offset:3px}.celeb-detail-overlay{animation:celeb-detail-fade .18s ease;background:#0f172a6b;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:100000}@keyframes celeb-detail-fade{0%{opacity:0}to{opacity:1}}.celeb-detail-modal{animation:celeb-detail-rise .22s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 26px 70px #0f172a4d;max-height:min(620px,calc(100vh - 40px));overflow:hidden;width:min(560px,100%)}@keyframes celeb-detail-rise{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.celeb-detail-header{align-items:center;border-bottom:1px solid #edf0f4;display:flex;gap:16px;justify-content:space-between;padding:18px 20px}.celeb-detail-title{align-items:center;display:flex;gap:12px}.celeb-detail-title-icon{border-radius:12px;display:grid;font-size:18px;height:42px;place-items:center;width:42px}.celeb-detail-title-icon.celeb-highlight-birthday{background:#fff1d7;color:#f28d1a}.celeb-detail-title-icon.celeb-highlight-anniversary{background:#edeaff;color:#7c5ce4}.celeb-detail-title-icon.celeb-highlight-events{background:#dcf7ee;color:#159565}.celeb-detail-title h3{color:#1f2937;font-size:17px;font-weight:800;margin:0}.celeb-detail-title p{color:#94a3b8;font-size:12px;font-weight:600;margin:3px 0 0}.celeb-detail-close{background:#f1f5f9;border:0;border-radius:9px;color:#64748b;cursor:pointer;display:grid;height:32px;place-items:center;width:32px}.celeb-detail-close:hover{background:#e2e8f0;color:#334155}.celeb-detail-list{max-height:460px;overflow-y:auto;padding:8px}.celeb-detail-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;min-height:65px;padding:10px 12px}.celeb-detail-item:last-child{border-bottom:0}.celeb-detail-avatar{background:#eef2ff;border-radius:50%;color:#4f46e5;display:grid;flex:0 0 auto;font-size:14px;font-weight:800;height:36px;place-items:center;width:36px}.celeb-detail-copy{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.celeb-detail-copy strong{color:#334155;font-size:13px}.celeb-detail-copy span,.celeb-detail-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.celeb-detail-copy span{color:#94a3b8;font-size:12px}.celeb-detail-badge{background:#f1f5f9;border-radius:999px;color:#64748b;flex:0 0 auto;font-size:11px;font-weight:700;max-width:120px;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.celeb-detail-empty{color:#94a3b8;font-size:13px;padding:30px 20px;text-align:center}[data-theme=dark] .celeb-detail-modal{background:#1a2030;background:var(--bg-surface,#1a2030)}[data-theme=dark] .celeb-detail-header,[data-theme=dark] .celeb-detail-item,[data-theme=dark] .celeb-detail-modal{border-color:#2b3244;border-color:var(--border-color,#2b3244)}[data-theme=dark] .celeb-detail-copy strong,[data-theme=dark] .celeb-detail-title h3{color:#e7ebf3;color:var(--text-primary,#e7ebf3)}[data-theme=dark] .celeb-detail-badge,[data-theme=dark] .celeb-detail-close{background:#ffffff14;color:#a3adc2}@media (max-width:520px){.celeb-detail-overlay{padding:12px}.celeb-detail-header{padding:15px}.celeb-detail-badge{max-width:92px}}:root{--primary-light:#eff6ff;--primary-glow:#2563eb26;--error-light:#fef2f2;--success-light:#f0fdf4;--border-focus:#2563eb;--radius-card:24px;--radius-field:14px;--shadow-card:0 4px 6px -1px #0f172a0f,0 20px 50px -10px #0f172a1a;--transition:0.22s ease}.cu-container{align-items:flex-start;background:radial-gradient(ellipse 70% 50% at 0 0,#dbeafe 0,#0000 55%),radial-gradient(ellipse 60% 40% at 100% 100%,#dcfce7 0,#0000 55%),#f1f5f9;background:radial-gradient(ellipse 70% 50% at 0 0,#dbeafe 0,#0000 55%),radial-gradient(ellipse 60% 40% at 100% 100%,#dcfce7 0,#0000 55%),var(--bg-page);display:flex;font-family:DM Sans,sans-serif;justify-content:center;min-height:100vh;padding:48px 20px;width:100%}.cu-form{animation:cu-fadeUp .35s ease both;background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:24px;border-radius:var(--radius-card);box-shadow:0 4px 6px -1px #0f172a0f,0 20px 50px -10px #0f172a1a;box-shadow:var(--shadow-card);max-width:780px;padding:44px 48px 48px;width:100%}.cu-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);margin-bottom:32px;padding-bottom:24px}.cu-header h2{color:#0f172a;color:var(--text-dark);font-family:Sora,sans-serif;font-size:26px;font-weight:800;letter-spacing:-.5px;margin-bottom:4px}.cu-header p{color:#475569;color:var(--text-mid);font-size:14px;font-weight:400}.cu-banner{align-items:center;animation:cu-fadeUp .3s ease both;border-radius:12px;display:flex;font-size:14px;font-weight:500;gap:10px;margin-bottom:24px;padding:13px 16px}.cu-banner--success{background:#f0fdf4;background:var(--success-light);border:1px solid #bbf7d0;color:#16a34a;color:var(--success)}.cu-banner--error{background:#fef2f2;background:var(--error-light);border:1px solid #fecaca;color:#dc2626;color:var(--error)}.cu-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.cu-field-wrap{display:flex;flex-direction:column;gap:8px}.cu-field-wrap--full{grid-column:span 2}.cu-field-label{color:#475569;color:var(--text-mid);font-size:13px;font-weight:600;letter-spacing:.2px}.cu-field-label span{margin-left:2px}.cu-field--error .cu-field-label,.cu-field-label span{color:#dc2626;color:var(--error)}.cu-input-box{position:relative}.cu-input-box input,.cu-input-box select{background:#fafbfc;border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:14px;border-radius:var(--radius-field);box-sizing:border-box!important;color:#0f172a;color:var(--text-dark);font-family:DM Sans,sans-serif;font-size:14.5px;font-weight:500;height:56px;outline:none;padding:0 44px 0 60px!important;transition:border-color .22s ease,box-shadow .22s ease,background .22s ease;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition);width:100%}.cu-input-box select{-webkit-appearance:none;appearance:none;cursor:pointer}.cu-input-box input:hover,.cu-input-box select:hover{background:#fff;border-color:#93c5fd}.cu-input-box input:focus,.cu-input-box select:focus{background:#fff;border-color:#2563eb;border-color:var(--border-focus);box-shadow:0 0 0 3px #2563eb26;box-shadow:var(--shadow-focus)}.cu-field--error .cu-input-box input,.cu-field--error .cu-input-box select{background:#fef2f2;background:var(--error-light);border-color:#dc2626;border-color:var(--error)}.cu-field--error .cu-input-box input:focus,.cu-field--error .cu-input-box select:focus{box-shadow:0 0 0 3px #dc26261f}.cu-field__icon{color:#94a3b8;color:var(--text-soft);font-size:16px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .22s ease;transition:color var(--transition);z-index:10}.cu-input-box input:focus~.cu-field__icon,.cu-input-box select:focus~.cu-field__icon{color:#2563eb;color:var(--primary)}.cu-field__eye{background:none;border:none;color:#94a3b8;color:var(--text-soft);cursor:pointer;font-size:15px;padding:4px;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:color .22s ease;transition:color var(--transition);z-index:10}.cu-field__eye:hover{color:#2563eb;color:var(--primary)}.cu-field__msg{color:#dc2626;color:var(--error);display:block;font-size:12px;font-weight:500;margin-left:4px;margin-top:5px}.cu-input-box--select:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #94a3b8;border-top:5px solid var(--text-soft);content:"";height:0;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:0}.cu-submit{align-items:center;background:#2563eb;background:var(--primary);border:none;border-radius:14px;border-radius:var(--radius-field);box-shadow:0 4px 14px #2563eb4d;color:#fff;cursor:pointer;display:flex;font-family:Sora,sans-serif;font-size:15px;font-weight:700;gap:10px;height:58px;justify-content:center;letter-spacing:.3px;margin-top:28px;transition:background .22s ease,transform .22s ease,box-shadow .22s ease;transition:background var(--transition),transform var(--transition),box-shadow var(--transition);width:100%}.cu-submit:hover:not(:disabled){background:#1d4ed8;box-shadow:0 8px 22px #2563eb59;transform:translateY(-1px)}.cu-submit:active:not(:disabled){transform:scale(.98)}.cu-submit:disabled{cursor:not-allowed;opacity:.65}.cu-spinner{animation:cu-spin .7s linear infinite;border:2.5px solid #ffffff59;border-radius:50%;border-top-color:#fff;flex-shrink:0;height:18px;width:18px}.cu-input-box input::placeholder{color:#94a3b8;color:var(--text-soft);font-weight:400}@keyframes cu-fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes cu-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.cu-form{padding:32px 28px 36px}}@media (max-width:600px){.cu-container{align-items:flex-start;padding:24px 14px}.cu-form{border-radius:18px;padding:26px 20px 30px}.cu-header h2{font-size:22px}.cu-grid{grid-template-columns:1fr}.cu-field-wrap--full{grid-column:span 1}.cu-input-box input,.cu-input-box select,.cu-submit{height:52px}.cu-submit{font-size:14px}}.tab-btn:hover{background:#e2e8f0}.tab-btn.tab-exit.tab-active{background:#f59e0b;border-color:#f59e0b}.tab-btn.tab-deleted.tab-active{background:#ef4444;border-color:#ef4444}.tab-btn:not(.tab-active) .tab-count{background:#e2e8f0;color:#64748b}.btn-top-delete{background-color:#ef4444}.btn-top-delete,.btn-top-exit-sel{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px}.btn-top-exit-sel{background-color:#f59e0b}.status-banner{border-radius:8px;font-size:14px;font-weight:500;margin-bottom:14px;padding:10px 20px}.banner-exit{background:#fef3c7;border-left:4px solid #f59e0b;color:#92400e}.banner-deleted{background:#fee2e2;border-left:4px solid #ef4444;color:#991b1b}.employee-table{min-width:1255px}.row-exited td{opacity:.85}.row-deleted td{opacity:.75}.clickable-name{color:#3b82f6;cursor:pointer;font-weight:600}.clickable-name:hover{text-decoration:underline}.status-badge{padding:3px 10px}.badge-exited{background:#fef3c7;color:#92400e}.badge-deleted{background:#fee2e2;color:#991b1b}.modal-overlay{background:#00000073}.biodata-modal-card{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column;max-height:90vh;max-width:94vw;overflow-y:auto;width:640px}.modal-header{border-bottom:1px solid #e2e8f0;padding:20px 24px 16px}.modal-header h2{color:#1e293b;margin:0 0 4px}.modal-emp-id{color:#64748b;font-size:13px;font-weight:500}.close-x-btn{background:#0000;border:none;color:#94a3b8;cursor:pointer;font-size:26px;line-height:1;padding:0}.close-x-btn:hover{color:#334155}.modal-body{padding:20px 24px}.biodata-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.bio-field{display:flex;flex-direction:column;gap:3px}.bio-field-full{grid-column:1/-1}.bio-label{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.bio-value{color:#1e293b;font-size:14px;font-weight:500}.biodata-grid-edit{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.biodata-grid-edit label{color:#64748b;display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:5px;letter-spacing:.4px;text-transform:uppercase}.biodata-grid-edit input{border:1px solid #cbd5e1;border-radius:6px;color:#1e293b;font-size:14px;outline:none;padding:8px 10px}.biodata-grid-edit input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.label-full{grid-column:1/-1}.modal-footer-actions{border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding:16px 24px}.btn-action-edit{background:#3b82f6}.btn-action-edit,.btn-action-exit-emp{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 18px}.btn-action-exit-emp{background:#f59e0b}.btn-action-delete{background:#ef4444;color:#fff}.btn-action-close,.btn-action-delete{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 18px}.btn-action-close{background:#e2e8f0;color:#475569}.btn-action-save{background:#22c55e;border:none;border-radius:6px;color:#fff}.btn-action-cancel,.btn-action-save{cursor:pointer;font-size:14px;font-weight:500;padding:8px 18px}.btn-action-cancel{background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;color:#475569}.action-btns{align-items:center;display:flex;gap:6px}.act-btn{background:#0000;border:none;border-radius:5px;cursor:pointer;font-size:15px;line-height:1;padding:4px 7px;transition:background .15s}.act-btn:hover{background:#f1f5f9}.act-view:hover{background:#dbeafe}.act-edit:hover{background:#dcfce7}.act-exit:hover{background:#fef3c7}.act-del:hover{background:#fee2e2}.act-revert:hover{background:#e0f2fe}.btn-action-edit:hover{background:#2563eb}.btn-action-exit-emp:hover{background:#d97706}.btn-action-delete:hover{background:#dc2626}.btn-action-save:hover{background:#16a34a}.exit-reason-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column;max-width:94vw;width:480px}.exit-modal-desc{color:#64748b;font-size:14px;margin:0 0 14px}.exit-reason-label{color:#475569;display:block;font-size:12px;font-weight:600;letter-spacing:.4px;margin-bottom:6px;text-transform:uppercase}.required-star{color:#ef4444;margin-left:2px}.exit-reason-textarea{border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:14px;margin-bottom:12px;outline:none;padding:10px 12px;resize:vertical;width:100%}.exit-reason-textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1f}.fnf-label{margin-top:14px}.fnf-status-group{display:flex;gap:10px;margin-bottom:12px}.fnf-option{align-items:center;border:1.5px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 10px;text-transform:none;transition:all .15s}.fnf-option input{cursor:pointer;margin:0}.fnf-option-selected{background:#fffbeb;border-color:#f59e0b;color:#92400e}.fnf-date-input{border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:14px;margin-bottom:12px;outline:none;padding:9px 12px;width:100%}.fnf-date-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1f}.fnf-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.3px;padding:2px 9px;text-transform:uppercase}.fnf-yes{background:#dcfce7;color:#166534}.fnf-no{background:#fee2e2;color:#991b1b}.fnf-pending{background:#fef3c7;color:#92400e}.fnf-sub-text{color:#94a3b8;font-size:11px;line-height:1.3;margin-top:3px;white-space:normal}.toast-stack{display:flex;flex-direction:column;gap:10px;max-width:360px;position:fixed;right:20px;top:20px;z-index:100000}.toast-item{align-items:flex-start;animation:toast-in .22s ease;background:#fff;border-left:4px solid #6366f1;border-radius:12px;box-shadow:0 10px 30px #0f172a29;display:flex;font-size:13px;gap:10px;padding:13px 14px}@keyframes toast-in{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}.toast-success{border-left-color:#16a34a}.toast-error{border-left-color:#dc2626}.toast-info{border-left-color:#6366f1}.toast-icon{flex-shrink:0;font-size:15px;margin-top:1px}.toast-success .toast-icon{color:#16a34a}.toast-error .toast-icon{color:#dc2626}.toast-info .toast-icon{color:#6366f1}.toast-msg{color:#1e293b;flex:1 1;font-weight:500;line-height:1.4}.toast-close{background:none;border:none;color:#cbd5e1;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;padding:2px}.toast-close:hover{color:#64748b}@media (max-width:480px){.toast-stack{left:12px;max-width:none;right:12px;top:12px}}.confirm-overlay{align-items:center;animation:confirm-fade .15s ease;background:#0f172a7a;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100001}@keyframes confirm-fade{0%{opacity:0}to{opacity:1}}.confirm-box{animation:confirm-pop .18s ease;background:#fff;border-radius:16px;border-top:4px solid #6366f1;box-shadow:0 24px 60px #0f172a4d;max-width:380px;padding:22px 22px 18px;width:100%}.confirm-box.confirm-danger{border-top-color:#dc2626}@keyframes confirm-pop{0%{opacity:0;transform:scale(.94) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-box h4{color:#0f172a;font-size:15.5px;font-weight:700;margin:0 0 8px}.confirm-box p{color:#475569;font-size:13.5px;line-height:1.5;margin:0}.confirm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.confirm-btn{border:none;border-radius:9px;cursor:pointer;font-size:13px;font-weight:650;padding:9px 16px;transition:transform .12s ease,box-shadow .15s ease,background .15s ease}.confirm-btn:active{transform:scale(.97)}.confirm-cancel{background:#f1f5f9;color:#475569}.confirm-cancel:hover{background:#e2e8f0}.confirm-ok{background:#6366f1;box-shadow:0 4px 12px #6366f14d;color:#fff}.confirm-ok:hover{background:#4f46e5}.confirm-danger .confirm-ok{background:#dc2626;box-shadow:0 4px 12px #dc26264d}.confirm-danger .confirm-ok:hover{background:#b91c1c}:root{--color-primary:#4f46e5;--color-primary-dark:#4338ca;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-dark:#1e293b;--color-light:#f4f6fb;--color-white:#fff;--color-gray:#64748b;--color-gray-light:#e5e7eb;--color-gray-lighter:#eee;--color-border:#ddd;--color-bg-hover:#f9fafb;--color-overlay:#0006;--shadow-sm:0 2px 6px #0000000d;--shadow-md:0 4px 10px #0000000d;--radius:8px;--radius-lg:12px;--transition:0.3s}.projects-container{background:var(--color-light)}.projects-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.projects-header h2{color:#1e293b;color:var(--color-dark);font-size:24px;font-weight:600;margin:0}.projects-container button{font-family:inherit}.create-btn{align-items:center;background:#4f46e5;background:var(--color-primary);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;color:var(--color-white);cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 18px;transition:background .3s;transition:background var(--transition)}.create-btn:hover{background:#4338ca;background:var(--color-primary-dark)}.stats-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:25px}.stat-card{background:var(--color-white);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 10px #0000000d;box-shadow:var(--shadow-md);transition:transform .3s,box-shadow .3s;transition:transform var(--transition),box-shadow var(--transition)}.stat-card:hover{box-shadow:0 6px 14px #00000014;transform:translateY(-2px)}.stat-icon{color:#4f46e5;color:var(--color-primary);flex-shrink:0;font-size:28px}.stat-icon.ongoing{color:#f59e0b;color:var(--color-warning)}.stat-icon.completed{color:#10b981;color:var(--color-success)}.stat-icon.onhold{color:#dc2626}.stat-card h4{color:#64748b;color:var(--color-gray);font-size:13px;font-weight:500;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.stat-card p{color:#1e293b;color:var(--color-dark);font-size:24px;font-weight:700;margin:0}.toolbar{flex-wrap:nowrap;gap:15px;justify-content:space-between;margin-bottom:20px}.search-bar,.toolbar{align-items:center;display:flex}.search-bar{background:#fff;background:var(--color-white);border-radius:8px;border-radius:var(--radius);box-shadow:0 2px 6px #0000000d;box-shadow:var(--shadow-sm);flex:1 1;gap:10px;max-width:420px;padding:10px 14px}.search-bar input{background:#0000;border:none}.search-bar input::placeholder{color:#64748b;color:var(--color-gray)}.toolbar select{background:#fff;background:var(--color-white);border:1px solid #ddd;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius);cursor:pointer;font-size:14px;min-width:150px;padding:10px 12px;transition:border-color .3s;transition:border-color var(--transition)}.toolbar select:focus,.toolbar select:hover{border-color:#4f46e5;border-color:var(--color-primary);outline:none}.table-wrapper{border-radius:var(--radius-lg);box-shadow:0 4px 10px #0000000d;box-shadow:var(--shadow-md)}.projects-table,.table-wrapper{background:#fff;background:var(--color-white)}.projects-table{min-width:980px}.projects-table th{background:#1e293b;background:var(--color-dark);color:var(--color-white);letter-spacing:.7px;overflow:hidden;padding:14px 20px;white-space:nowrap}.projects-table td{border-bottom:1px solid #eee;border-bottom:1px solid var(--color-gray-lighter);color:#334155;overflow:hidden;padding:16px 20px;text-overflow:ellipsis;white-space:nowrap}.projects-table td:first-child{color:#1e293b;color:var(--color-dark);font-weight:700}.projects-table td:nth-child(5){overflow:visible;text-align:center;white-space:normal}.projects-table tbody tr:hover{background:#f9fafb;background:var(--color-bg-hover)}.status-badge{font-size:12px;font-weight:600;letter-spacing:.3px;padding:6px 12px}.status-badge.ongoing{background:#fef3c7;color:#b45309}.status-badge.completed{background:#d1fae5;color:#065f46}.status-badge.on-hold{background:#fee2e2;color:#b91c1c}.actions{text-align:center}.actions-group{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:center}.action-btn{align-items:center;border:none;border-radius:6px;color:#fff;color:var(--color-white);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:5px;padding:7px 13px;transition:all .3s;transition:all var(--transition);white-space:nowrap}.action-btn:hover{box-shadow:0 3px 8px #0000002e;transform:translateY(-1px)}.view-btn{background:#10b981}.view-btn:hover{background:#059669}.edit-btn{background:#f59e0b}.edit-btn:hover{background:#d97706}.delete-btn{background:var(--color-danger)}.type-badge{background:#ede9fe;border-radius:20px;color:#5b21b6;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.3px;padding:4px 12px}.no-type{font-style:italic}.no-data,.no-type{color:#64748b;color:var(--color-gray)}.no-data{padding:40px 20px}.modal-overlay{animation:fadeIn .2s ease;background:var(--color-overlay)}.modal-box{animation:slideUp .3s ease;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026}.modal-box h3{color:var(--color-dark);font-size:18px;font-weight:600;margin:0 0 20px}.modal-box input,.modal-box select,.modal-box textarea{border:1px solid #ddd;border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:14px;transition:border-color .3s;transition:border-color var(--transition)}.modal-box input:focus,.modal-box select:focus,.modal-box textarea:focus{border-color:var(--color-primary)}.modal-box textarea{min-height:100px}.modal-actions{gap:10px;justify-content:flex-end}.primary-btn,.secondary-btn{border:none;border-radius:8px;border-radius:var(--radius);cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .3s;transition:all var(--transition)}.primary-btn{background:#4f46e5;background:var(--color-primary);color:#fff;color:var(--color-white)}.primary-btn:hover{background:#4338ca;background:var(--color-primary-dark);box-shadow:0 4px 10px #4f46e54d;transform:translateY(-1px)}.secondary-btn{background:#e5e7eb;background:var(--color-gray-light);color:#1e293b;color:var(--color-dark)}.secondary-btn:hover{background:#d1d5db}.form-label{color:#64748b;color:var(--color-gray);display:block;font-size:13px;font-weight:600;letter-spacing:.4px;margin-bottom:4px;text-transform:uppercase}.view-modal-box{max-height:90vh!important;max-width:1400px!important;overflow-y:auto!important;padding:48px 60px!important;width:98%!important}.view-modal-box .detail-label{font-size:14px;min-width:160px}.view-modal-box .detail-value{font-size:16px}.view-modal-box h3{font-size:22px}.view-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.view-modal-header h3{margin:0}.close-x{background:none;border:none;border-radius:4px;color:#64748b;color:var(--color-gray);cursor:pointer;font-size:18px;padding:4px 8px;transition:background .3s;transition:background var(--transition)}.close-x:hover{background:#e5e7eb;background:var(--color-gray-light);color:#1e293b;color:var(--color-dark)}.details-content{margin-bottom:20px}.detail-row{align-items:flex-start;border-bottom:1px solid #eee;border-bottom:1px solid var(--color-gray-lighter);display:flex;gap:12px;justify-content:space-between;padding:10px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#64748b;color:var(--color-gray);flex-shrink:0;font-size:13px;font-weight:600;letter-spacing:.4px;min-width:120px;text-transform:uppercase}.detail-value{color:#1e293b;color:var(--color-dark);font-size:14px;text-align:right}@media (max-width:768px){.projects-header{align-items:flex-start;flex-direction:column;gap:15px}.stats-grid{grid-template-columns:1fr}.toolbar{flex-direction:column;gap:12px}.search-bar{min-width:auto;width:100%}.toolbar select{width:100%}.projects-table{font-size:12px}.projects-table td,.projects-table th{padding:10px 8px}.modal-box{max-width:95%;padding:20px}.create-btn{justify-content:center;width:100%}}@media (max-width:480px){.projects-container{padding:12px}.projects-header h2{font-size:18px}.stat-card{flex-direction:column;text-align:center}.stat-icon{font-size:24px}.modal-actions{flex-direction:column}.primary-btn,.secondary-btn{width:100%}.projects-table th{font-size:12px;padding:8px 4px}}.calendar-container{background:#f4f7fb;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.calendar-header{flex-wrap:wrap;gap:15px;margin-bottom:30px}.calendar-header h2{font-size:28px;font-weight:700;margin:0}.nav-btns{display:flex;gap:8px}.nav-btns button{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:8px;box-shadow:0 4px 8px #4f46e533;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease}.nav-btns button:hover{background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 6px 12px #4f46e54d;transform:translateY(-2px)}.nav-btns button:active{transform:translateY(0)}.calendar-days{grid-gap:10px;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;color:#334155;font-weight:700;gap:10px;margin-bottom:15px;padding:12px}.calendar-days div{font-size:14px;padding:10px}.calendar-cell{border:2px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;min-height:120px;overflow:hidden;transition:all .3s ease}.calendar-cell:hover{border-color:#4f46e5;box-shadow:0 8px 16px #0000001f;transform:translateY(-6px)}.calendar-cell.today{background:linear-gradient(135deg,#4f46e51a,#7c3aed0d);border:2px solid #4f46e5}.calendar-cell.today .date{color:#4f46e5;font-weight:700}.calendar-cell.weekend{background:linear-gradient(135deg,#94a3b814,#cbd5e10d)}.calendar-cell.empty{background:#0000;border:none;box-shadow:none;cursor:default}.date{color:#1e293b;font-size:16px;font-weight:700;line-height:1;margin-bottom:8px}.event-dots{display:flex;flex-direction:column;gap:4px}.event-dot{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:6px;box-shadow:0 2px 4px #4f46e533;color:#fff;font-size:11px;font-weight:500;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.modal-overlay{animation:fadeInOverlay .3s ease-in-out}.modal-box{animation:slideUp .3s ease-in-out;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:450px;overflow-y:auto;padding:28px;width:100%}.modal-box h3{font-size:22px;font-weight:700;margin:0 0 8px}.modal-date{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:13px;margin-bottom:16px;padding-bottom:12px}.modal-box input,.modal-box select,.modal-box textarea{background:#f8fafc;border:1px solid #e2e8f0;color:#1e293b;font-family:inherit;padding:10px 12px;transition:all .2s ease}.modal-box input:focus,.modal-box select:focus,.modal-box textarea:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.modal-box textarea{min-height:80px;resize:vertical}.time-row{display:flex;gap:12px;margin-bottom:12px}.time-row input{flex:1 1}.modal-actions{border-top:1px solid #e2e8f0;gap:12px;margin-top:20px;padding-top:16px}.modal-actions button{flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease}.modal-actions .save{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 8px #10b98133;color:#fff}.modal-actions .save:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 12px #10b9814d;transform:translateY(-2px)}.modal-actions .save:active{transform:translateY(0)}.modal-actions .cancel{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 8px #ef444433;color:#fff}.modal-actions .cancel:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 12px #ef44444d;transform:translateY(-2px)}.modal-actions .cancel:active{transform:translateY(0)}.modal-event-list{border-top:1px solid #e2e8f0;margin-top:20px;max-height:300px;overflow-y:auto;padding-top:16px}.event-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px;transition:all .2s ease}.event-item:hover{background:#f1f5f9;border-color:#cbd5e1}.event-info strong{color:#1e293b;display:block;font-size:14px;margin-bottom:4px}.event-info p{color:#64748b;font-size:12px;margin:0}.event-btns{display:flex;gap:6px}.event-btns button{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.edit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 4px #3b82f633}.edit-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 4px #ef444433}.delete-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.modal-box::-webkit-scrollbar,.modal-event-list::-webkit-scrollbar{width:6px}.modal-box::-webkit-scrollbar-track,.modal-event-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.modal-box::-webkit-scrollbar-thumb,.modal-event-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.modal-box::-webkit-scrollbar-thumb:hover,.modal-event-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@media (max-width:1024px){.calendar-container{padding:16px}.calendar-header{align-items:flex-start;flex-direction:column;gap:12px}.calendar-header h2{font-size:24px}.calendar-cell{min-height:100px;padding:10px}.date{font-size:14px}.event-dot{font-size:10px;padding:3px 6px}}@media (max-width:768px){.calendar-container{padding:12px}.calendar-header h2{font-size:20px}.nav-btns button{font-size:13px;padding:8px 12px}.calendar-grid{gap:8px;grid-template-columns:repeat(7,1fr)}.calendar-cell{min-height:80px;padding:8px}.date{font-size:13px;margin-bottom:6px}.event-dot{font-size:9px;padding:2px 4px}.modal-box{max-width:90%;padding:20px}.modal-box h3{font-size:18px}.modal-box input,.modal-box select,.modal-box textarea{font-size:13px;padding:8px 10px}.modal-actions button{font-size:13px;padding:8px 12px}.event-item{align-items:flex-start;flex-direction:column;gap:8px}.event-btns{gap:4px;width:100%}.event-btns button{flex:1 1}}@media (max-width:480px){.calendar-container{padding:8px}.calendar-header h2{font-size:18px}.nav-btns{justify-content:space-between;width:100%}.nav-btns button{flex:1 1;font-size:12px;padding:6px 10px}.calendar-days{gap:4px;grid-template-columns:repeat(7,1fr);padding:8px}.calendar-days div{font-size:11px;padding:6px 2px}.calendar-grid{gap:6px}.calendar-cell{min-height:70px;padding:6px}.date{font-size:12px;margin-bottom:4px}.event-dot{font-size:8px;padding:2px 3px}.modal-box{max-width:95%;padding:16px}.modal-box h3{font-size:16px}.modal-box input,.modal-box textarea{font-size:12px;margin-bottom:10px;padding:8px}.modal-actions,.time-row{gap:8px}.modal-actions button{font-size:12px;padding:8px}.event-item{margin-bottom:6px;padding:10px}.event-info strong{font-size:12px}.event-info p{font-size:11px}.event-btns button{font-size:11px;padding:4px 8px}}.admin-approval-container{background:linear-gradient(135deg,#f4f7fb,#e9ecef);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:30px}.admin-approval-container h2{color:#1e293b;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 30px}.approval-table{animation:slideIn .4s ease-in-out;background:#fff;border:1px solid #e2e8f0;border-collapse:collapse;border-radius:14px;box-shadow:0 4px 12px #00000014;overflow:hidden;width:100%}.approval-table thead{background:#1e293b;border-bottom:2px solid #0f172a}.approval-table th{color:#f1f5f9;font-size:13px;font-weight:700;letter-spacing:.5px;padding:16px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.approval-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.approval-table td{color:#475569;font-size:14px;font-weight:500;padding:16px 14px;text-align:left}.approval-table tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);box-shadow:inset 0 0 8px #00000005}.approval-table tbody tr:hover td{color:#1e293b}.role-badge{background:linear-gradient(135deg,#e0f2fe,#bfdbfe);border:1px solid #7dd3fc;border-radius:8px;box-shadow:0 2px 4px #0369a11a;color:#0369a1;display:inline-block;font-size:12px;font-weight:600;padding:6px 10px}.status-pending{background:#ea580c1a;color:#ea580c}.status-approved,.status-pending{border-radius:6px;display:inline-block;font-weight:700;padding:4px 8px}.status-approved{background:#15803d1a;color:#15803d}.status-rejected{background:#dc26261a;color:#dc2626}.status-rejected,.status-tl-approved{border-radius:6px;display:inline-block;font-weight:700;padding:4px 8px}.status-tl-approved{background:#7c3aed1a;color:#7c3aed}.reason-cell{max-width:260px;overflow:visible;text-overflow:clip;white-space:normal;word-break:break-word}.btn-group{display:flex;flex-wrap:wrap;gap:8px}.approve-btn{border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;padding:8px 14px;transition:all .3s ease;white-space:nowrap}.approve-btn:active{box-shadow:0 2px 8px #10b98133}.approve-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.reject-btn{border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;padding:8px 14px;transition:all .3s ease;white-space:nowrap}.reject-btn:active{box-shadow:0 2px 8px #ef444433}.reject-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.processed{font-size:12px}.loading,.processed{color:#64748b;font-weight:600}.loading{font-size:16px;padding:60px 20px;text-align:center}.approval-table::-webkit-scrollbar{height:8px}.approval-table::-webkit-scrollbar-track{background:#f1f5f9}.approval-table::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.approval-table::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:1200px){.admin-approval-container{padding:24px}.approval-table td,.approval-table th{padding:14px 12px}.approval-table th{font-size:12px}.approval-table td{font-size:13px}.approve-btn,.reject-btn{font-size:11px;padding:7px 12px}}@media (max-width:1024px){.admin-approval-container{padding:20px}.admin-approval-container h2{font-size:24px;margin-bottom:24px}.approval-table{font-size:12px}.approval-table th{font-size:11px;padding:12px 10px}.approval-table td{font-size:12px;padding:12px 10px}.reason-cell{max-width:120px}.btn-group{gap:6px}.approve-btn,.reject-btn{font-size:10px;padding:6px 10px}}@media (max-width:768px){.admin-approval-container{padding:16px}.admin-approval-container h2{font-size:20px;margin-bottom:20px}.approval-table{border-radius:10px;overflow-x:auto}.approval-table th{font-size:10px;padding:11px 8px;white-space:nowrap}.approval-table td{font-size:11px;padding:11px 8px}.role-badge{font-size:10px;padding:4px 6px}.reason-cell{max-width:100px}.btn-group{gap:4px}.approve-btn,.reject-btn{font-size:9px;padding:6px 8px}.approval-table td:nth-child(6),.approval-table th:nth-child(6){display:none}}@media (max-width:600px){.admin-approval-container{padding:12px}.admin-approval-container h2{font-size:18px;margin-bottom:16px}.approval-table{border-radius:8px;display:block;overflow-x:auto}.approval-table tbody,.approval-table td,.approval-table th,.approval-table thead,.approval-table tr{display:block}.approval-table th{background:#1e293b;border-bottom:1px solid #0f172a;font-size:9px;padding:10px 8px}.approval-table tbody tr{border-bottom:2px solid #e2e8f0;margin-bottom:12px}.approval-table td{font-size:12px;padding:8px 8px 8px 120px;position:relative}.approval-table td:before{color:#334155;content:attr(data-label);font-size:10px;font-weight:700;left:8px;position:absolute}.btn-group{flex-direction:column;gap:6px}.approve-btn,.reject-btn{font-size:11px;padding:8px 10px;width:100%}}@media (max-width:480px){.admin-approval-container{padding:10px}.admin-approval-container h2{font-size:16px;margin-bottom:14px}.approval-table{border-radius:8px}.approval-table th{font-size:8px;padding:8px 6px}.approval-table td{font-size:11px;padding:8px 6px 8px 100px}.role-badge{font-size:9px;padding:3px 5px}.approve-btn,.reject-btn{font-size:10px;padding:6px 8px}.reason-cell{max-width:80px}}@media (max-width:360px){.admin-approval-container{padding:8px}.admin-approval-container h2{font-size:14px;margin-bottom:12px}.approval-table td{font-size:10px;padding:6px 4px 6px 80px}.approve-btn,.reject-btn{font-size:9px;padding:5px 6px}}.bulk-toolbar{align-items:center;animation:slideIn .2s ease-in-out;background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;display:flex;gap:10px;margin-bottom:12px;padding:10px 14px}.bulk-toolbar-count{color:#4338ca;font-size:13px;font-weight:700;margin-right:4px}.bulk-btn{border:none;border-radius:8px;cursor:pointer;font-size:12.5px;font-weight:650;padding:8px 16px;transition:transform .12s ease,box-shadow .15s ease}.bulk-btn:active{transform:scale(.97)}.bulk-approve{background:#16a34a;box-shadow:0 2px 8px #16a34a40;color:#fff}.bulk-approve:hover{background:#15803d}.bulk-reject{background:#ef4444;box-shadow:0 2px 8px #ef444440;color:#fff}.bulk-reject:hover{background:#dc2626}.bulk-clear{background:#0000;color:#64748b;margin-left:auto}.bulk-clear:hover{color:#1e293b}.approval-table td input[type=checkbox],.approval-table th input[type=checkbox]{cursor:pointer;height:16px;width:16px}*{margin:0;padding:0}.page-container{background:linear-gradient(135deg,#f0f4f8,#d9e2ec);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;padding:20px}.admin-timesheets-page h2{color:#1a202c;font-size:32px;font-weight:700;letter-spacing:-.5px;margin-bottom:30px;text-align:center}.admin-timesheets-page h3{color:#1a202c;font-size:18px;font-weight:700;margin:0}.tabs{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px}.tabs button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbf;border:2px solid #0f172a1f;border-radius:12px;color:#334155;cursor:pointer;font-size:15px;font-weight:600;padding:12px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.tabs button:hover{background:#fffffff2;border-color:#2563eb66;color:#1d4ed8;transform:translateY(-2px)}.tabs button.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;box-shadow:0 4px 15px #3b82f666;color:#fff}.table-card{animation:slideIn .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #3b82f61a;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:30px;overflow:hidden;padding:28px}.card-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.card-header h3{flex:1 1;margin:0;min-width:200px}.search-container{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;display:flex;gap:10px;margin-bottom:20px;padding:10px 14px;transition:all .3s ease}.search-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.search-icon{color:#94a3b8;flex-shrink:0;font-size:16px}.search-input{background:#0000;border:none;color:#1a202c;font-family:inherit;font-size:14px;outline:none;padding:0;width:100%}.search-input::placeholder{color:#cbd5e1}.table-wrapper{border-radius:10px}.table{border-collapse:collapse;font-size:14px;width:100%}.table thead{background:#000040;border-bottom:2px solid #000040}.table th{color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:14px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.table tbody tr{border-bottom:1px solid #f0f4f8;transition:all .2s ease}.table tbody tr:hover{background:linear-gradient(90deg,#f8fafc,#f1f5f9);box-shadow:0 2px 8px #0000000a}.table td{color:#475569;font-size:14px;padding:14px 12px}.table td:first-child{color:#1a202c;font-weight:600}.status-with-icon{align-items:center;display:flex;gap:8px;white-space:nowrap}.status-with-icon span{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;padding:6px 12px;text-transform:capitalize}.status-with-icon span.pending{background:#fef3c7;color:#92400e}.status-with-icon span.approved{background:#d1fae5;color:#065f46}.status-with-icon span.rejected{background:#fee2e2;color:#7f1d1d}.eye-icon{align-items:center;border-radius:6px;color:#3b82f6;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;justify-content:center;padding:4px 8px;transition:all .2s ease}.eye-icon:hover{background:#3b82f61a;color:#1e40af;transform:scale(1.2)}.action-buttons{flex-wrap:wrap;gap:6px}.action-buttons,.approve-btn,.reject-btn{align-items:center;display:flex;justify-content:center}.approve-btn,.reject-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;min-width:40px;padding:6px 10px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.approve-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98133;color:#fff}.approve-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.approve-btn:active{transform:translateY(0)}.reject-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef444433;color:#fff}.reject-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.reject-btn:active{transform:translateY(0)}.status-done{font-weight:600;min-width:40px}.no-data,.status-done{color:#94a3b8;text-align:center}.no-data{font-size:14px;font-weight:500;padding:40px 20px!important}.download-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;box-shadow:0 2px 8px #ef444433;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.download-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.download-btn:active{transform:translateY(0)}.modal{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;padding:20px;right:0;z-index:1000}.modal-content{animation:slideUp .3s cubic-bezier(.4,0,.2,1);border:1px solid #3b82f61a;padding:32px}.modal-content h3{color:#1a202c;font-size:20px;font-weight:700;margin:0 0 16px}.modal-content p{word-wrap:break-word;color:#475569;font-size:14px;line-height:1.6;margin:0 0 20px;white-space:pre-wrap}.modal-close-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 2px 8px #3b82f633;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-close-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.modal-close-btn:active{transform:translateY(0)}.table-wrapper::-webkit-scrollbar{height:8px}@media (max-width:1400px){.page-container{padding:16px}}@media (max-width:1200px){.card-header{align-items:stretch;flex-direction:column}.download-btn{justify-content:center;width:100%}.table{font-size:13px}.table td,.table th{padding:10px 8px}.status-with-icon span{font-size:11px;padding:5px 10px}.eye-icon{padding:3px 6px}}@media (max-width:1024px){.page-container{padding:14px}.admin-timesheets-page h2{font-size:28px;margin-bottom:20px}.table-card{padding:20px}.table{font-size:12px}.table td,.table th{padding:10px 8px}.approve-btn,.reject-btn{font-size:13px;min-width:36px;padding:6px 10px}.action-buttons{gap:4px}}@media (max-width:768px){.page-container{padding:12px}.admin-timesheets-page h2{font-size:24px;margin-bottom:18px}.admin-timesheets-page h3{font-size:16px}.tabs{gap:8px}.tabs button{font-size:13px;padding:10px 16px}.table-card{border-radius:12px;padding:16px}.card-header{align-items:stretch;flex-direction:column;margin-bottom:15px}.download-btn{justify-content:center;margin-bottom:0;padding:10px;width:100%}.search-container{margin-bottom:16px}.table{font-size:11px}.table td,.table th{font-size:11px;padding:10px 6px}.table th{font-size:10px}.status-with-icon{flex-direction:row;gap:6px}.status-with-icon span{font-size:10px;padding:4px 8px}.approve-btn,.reject-btn{font-size:11px;min-width:32px;padding:5px 8px}.eye-icon{font-size:14px;padding:2px 4px}.modal-content{max-width:90%;padding:20px}.modal-content h3{font-size:18px}.modal-content p{font-size:13px}.modal-close-btn{font-size:13px;padding:8px 16px}}@media (max-width:600px){.page-container{padding:10px}.admin-timesheets-page h2{font-size:22px;margin-bottom:16px}.admin-timesheets-page h3{font-size:14px}.tabs button{font-size:12px;padding:10px 14px}.table-card{padding:12px}.search-container{margin-bottom:12px;padding:8px 10px}.search-input{font-size:12px}.table{font-size:10px}.table td,.table th{padding:8px 4px}.table th{font-size:9px}.status-with-icon span{font-size:9px;padding:3px 6px}.approve-btn,.reject-btn{font-size:10px;min-width:28px;padding:5px 6px}.eye-icon{font-size:12px;padding:2px 3px}.download-btn{font-size:12px;padding:8px 16px}.status-done{min-width:30px}.table td:nth-child(n+5),.table th:nth-child(n+5){display:none}.modal-content{padding:16px;width:95%}.modal-content h3{font-size:16px}.modal-content p{font-size:12px}.modal-close-btn{padding:10px;width:100%}}@media (max-width:480px){.page-container{padding:8px}.admin-timesheets-page h2{font-size:18px;margin-bottom:12px}.tabs button{font-size:11px;padding:8px 12px}.table{font-size:9px}.table td,.table th{padding:6px 3px}.status-with-icon{flex-direction:column;gap:3px}.status-with-icon span{font-size:8px;padding:3px 6px}.approve-btn,.reject-btn{font-size:9px;min-width:25px;padding:4px 6px}.download-btn,.eye-icon{font-size:11px}.download-btn{padding:8px 12px}.modal-content{padding:12px;width:98%}}@media (max-width:360px){.admin-timesheets-page h2{font-size:16px}.table{font-size:8px}.table td,.table th{padding:5px 2px}.status-with-icon span{font-size:7px;padding:2px 4px}.approve-btn,.reject-btn{font-size:8px;padding:3px 4px}.modal-content{padding:10px}.modal-close-btn{font-size:11px;padding:6px 10px}}.dept-container{background:linear-gradient(135deg,#f4f7fb,#e9ecef);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:30px}.dept-container h2{color:#1e293b;font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:30px}.dept-add{animation:slideIn .4s ease-in-out;display:flex;gap:14px;margin-bottom:30px;max-width:600px}.dept-add input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;flex:1 1;font-family:inherit;font-size:14px;font-weight:500;padding:12px 16px;transition:all .3s ease}.dept-add input::placeholder{color:#94a3b8}.dept-add input:focus{background:#fafbff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.dept-add input:hover:not(:focus){border-color:#cbd5e1}.dept-add button{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:10px;box-shadow:0 4px 12px #4f46e540;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:12px 28px;transition:all .3s ease;white-space:nowrap}.dept-add button:hover{background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 6px 16px #4f46e559;transform:translateY(-2px)}.dept-add button:active{box-shadow:0 4px 12px #4f46e540;transform:translateY(0)}.dept-add button:disabled{cursor:not-allowed;opacity:.6;transform:none}.dept-list{display:flex;flex-direction:column;gap:12px;max-width:600px}.dept-item{align-items:center;animation:fadeIn .3s ease-in-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;justify-content:space-between;padding:16px 20px;transition:all .3s ease}.dept-item:hover{border-color:#cbd5e1;box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.dept-item span{color:#1e293b;flex:1 1;font-size:15px;font-weight:600;word-break:break-word}.dept-item button{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;box-shadow:0 2px 8px #ef444426;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;margin-left:12px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.dept-item button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.dept-item button:active{box-shadow:0 2px 8px #ef444426;transform:translateY(0)}.dept-message{border-radius:8px;font-size:14px;font-weight:500;margin-bottom:16px;max-width:600px;padding:10px 16px}.dept-error{background:#fee2e2;border-left:4px solid #ef4444;color:#991b1b}.dept-success{background:#dcfce7;border-left:4px solid #22c55e;color:#166534}.dept-empty{color:#94a3b8;font-size:14px;padding:40px;text-align:center}.dept-list:empty+.empty-state,.empty-state{padding:60px 20px;text-align:center}.empty-state{color:#64748b;display:none;font-size:15px;font-weight:500}.dept-list:empty~.empty-state{display:block}.dept-item:nth-child(0){display:none}@media (max-width:768px){.dept-container{padding:20px}.dept-container h2{font-size:24px;margin-bottom:24px}.dept-add{gap:12px;margin-bottom:24px}.dept-add input{font-size:13px;padding:11px 14px}.dept-add button{font-size:13px;padding:11px 24px}.dept-item{padding:14px 16px}.dept-item span{font-size:14px}.dept-item button{font-size:12px;margin-left:10px;padding:7px 14px}}@media (max-width:600px){.dept-container{padding:16px}.dept-container h2{font-size:20px;margin-bottom:20px}.dept-add{flex-direction:column;gap:10px;margin-bottom:20px;max-width:100%}.dept-add input{font-size:14px;padding:12px 14px;width:100%}.dept-add button{font-size:14px;padding:12px 18px;width:100%}.dept-list{gap:10px;max-width:100%}.dept-item{flex-direction:row;gap:10px;padding:14px}.dept-item span{font-size:13px;min-width:0}.dept-item button{font-size:12px;margin-left:8px;padding:7px 12px}.empty-state{font-size:14px;padding:50px 20px}}@media (max-width:480px){.dept-container{padding:12px}.dept-container h2{font-size:18px;margin-bottom:18px}.dept-add{flex-direction:column;gap:8px}.dept-add input{border-radius:8px;font-size:13px;padding:11px 12px}.dept-add input::placeholder{font-size:12px}.dept-add button{border-radius:8px;font-size:13px;padding:11px 16px}.dept-list{gap:8px}.dept-item{border-radius:10px;padding:12px}.dept-item span{font-size:13px}.dept-item button{font-size:11px;margin-left:6px;padding:6px 10px}.empty-state{font-size:13px;padding:40px 16px}}@media (max-width:360px){.dept-container{padding:10px}.dept-container h2{font-size:16px;margin-bottom:16px}.dept-add input{font-size:12px;padding:10px}.dept-add button{font-size:12px;padding:10px 12px}.dept-item span{font-size:12px}.dept-item button{font-size:10px;padding:5px 8px}}.desig-container{background:linear-gradient(135deg,#f4f7fb,#e9ecef);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:30px}.desig-container h2{color:#1e293b;font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:30px}.desig-add{animation:slideIn .4s ease-in-out;display:flex;gap:14px;margin-bottom:20px;max-width:600px}.desig-add input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;flex:1 1;font-family:inherit;font-size:14px;font-weight:500;padding:12px 16px;transition:all .3s ease}.desig-add input::placeholder{color:#94a3b8}.desig-add input:focus{background:#f0fdff;border-color:#0891b2;box-shadow:0 0 0 3px #0891b21a;outline:none}.desig-add input:hover:not(:focus){border-color:#cbd5e1}.desig-add button{background:linear-gradient(135deg,#0891b2,#0e7490);border:none;border-radius:10px;box-shadow:0 4px 12px #0891b240;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:12px 28px;transition:all .3s ease;white-space:nowrap}.desig-add button:hover:not(:disabled){background:linear-gradient(135deg,#0e7490,#155e75);box-shadow:0 6px 16px #0891b259;transform:translateY(-2px)}.desig-add button:active{transform:translateY(0)}.desig-add button:disabled{cursor:not-allowed;opacity:.6;transform:none}.desig-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:16px;max-width:600px;padding:10px 16px}.desig-list{display:flex;flex-direction:column;gap:12px;max-width:600px}.desig-item{align-items:center;animation:fadeIn .3s ease-in-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;justify-content:space-between;padding:16px 20px;transition:all .3s ease}.desig-item:hover{border-color:#cbd5e1;box-shadow:0 8px 20px #0000001a;transform:translateY(-3px)}.desig-left{flex:1 1;gap:14px;min-width:0}.desig-index,.desig-left{align-items:center;display:flex}.desig-index{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-radius:50%;color:#0369a1;flex-shrink:0;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.desig-name{color:#1e293b;font-size:15px;font-weight:600;word-break:break-word}.desig-delete{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;box-shadow:0 2px 8px #ef444426;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;margin-left:12px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.desig-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.desig-delete:active{transform:translateY(0)}.desig-empty{color:#64748b;padding:60px 20px;text-align:center}.desig-empty span{display:block;font-size:48px;margin-bottom:16px}.desig-empty p{font-size:15px;font-weight:500;margin:4px 0}.desig-empty p:last-child{color:#94a3b8;font-size:13px}@media (max-width:600px){.desig-container{padding:16px}.desig-container h2{font-size:22px;margin-bottom:20px}.desig-add{flex-direction:column;max-width:100%}.desig-add button{width:100%}.desig-list{max-width:100%}}@media (max-width:480px){.desig-container{padding:12px}.desig-container h2{font-size:18px}.desig-name{font-size:13px}.desig-delete{font-size:12px;padding:6px 12px}}.atl-container{font-family:Segoe UI,sans-serif;padding:4px 0;position:relative}.atl-toast{animation:slideInToast .25s ease;border-radius:8px;box-shadow:0 4px 16px #00000026;font-size:14px;font-weight:500;padding:12px 20px;position:fixed;right:24px;top:20px;z-index:9999}.atl-toast-success{background:#22c55e;color:#fff}.atl-toast-error{background:#ef4444;color:#fff}@keyframes slideInToast{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.atl-header{margin-bottom:24px}.atl-header h2{color:#1e293b;font-size:22px;font-weight:700;margin:0 0 4px}.atl-header p{color:#64748b;font-size:13px;margin:0}.atl-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:380px 1fr}.atl-assignments-card,.atl-form-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000012;padding:22px}.atl-card-title{border-bottom:2px solid #f1f5f9;color:#1e293b;font-size:15px;font-weight:700;gap:10px;margin-bottom:20px;padding-bottom:14px}.atl-card-title,.atl-label{align-items:center;display:flex}.atl-label{color:#475569;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.atl-sel-count{background:#3b82f6;border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.atl-select{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;font-size:14px;outline:none;padding:10px 12px;width:100%}.atl-select:focus{background:#fff;border-color:#3b82f6}.atl-emp-list{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;margin-bottom:18px;max-height:300px;overflow-y:auto}.atl-emp-item{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;gap:12px;padding:10px 14px;transition:background .15s}.atl-emp-item:last-child{border-bottom:none}.atl-emp-item:hover{background:#eff6ff}.atl-emp-checked{background:#eff6ff!important}.atl-emp-item input[type=checkbox]{accent-color:#3b82f6;flex-shrink:0;height:16px;width:16px}.atl-emp-info{display:flex;flex-direction:column;gap:2px}.atl-emp-name{color:#1e293b;font-size:14px;font-weight:600}.atl-emp-meta{color:#64748b;font-size:12px}.atl-already-assigned{color:#f59e0b;font-size:11px;font-weight:600}.atl-assign-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:background .2s;width:100%}.atl-assign-btn:hover:not(:disabled){background:#2563eb}.atl-assign-btn:disabled{background:#93c5fd;cursor:not-allowed}.atl-group{border:1.5px solid #e2e8f0;border-radius:10px;margin-bottom:14px;overflow:hidden}.atl-group-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;padding:12px 16px}.atl-tl-icon{color:#3b82f6;flex-shrink:0;font-size:16px}.atl-tl-name{color:#1e293b;display:block;font-size:14px;font-weight:700}.atl-tl-meta{color:#64748b;display:block;font-size:12px}.atl-member-count{background:#3b82f6;border-radius:12px;color:#fff;font-size:12px;font-weight:600;margin-left:auto;padding:3px 10px;white-space:nowrap}.atl-members{padding:4px 0}.atl-member-row{align-items:center;border-bottom:1px solid #f8fafc;display:flex;justify-content:space-between;padding:10px 16px}.atl-member-row:last-child{border-bottom:none}.atl-member-row:hover{background:#fafafa}.atl-member-info{display:flex;flex-direction:column;gap:2px}.atl-member-name{color:#1e293b;font-size:14px;font-weight:600}.atl-member-meta{color:#64748b;font-size:12px}.atl-remove-btn{background:#fee2e2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;flex-shrink:0;font-size:12px;padding:6px 9px;transition:background .15s}.atl-remove-btn:hover{background:#fecaca}.atl-unassigned-group .atl-group-header{background:#f8fafc}.atl-unassigned-group .atl-member-count{background:#94a3b8}.atl-empty{color:#94a3b8;font-size:14px;padding:24px;text-align:center}@media (max-width:900px){.atl-layout{grid-template-columns:1fr}}.allowance-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.allowance-filter-bar input,.allowance-filter-bar select{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:13.5px;outline:none;padding:9px 12px}.allowance-filter-bar input[type=text]{min-width:220px}.allowance-filter-bar input[type=date]{min-width:0;width:150px}.allowance-table{min-width:900px}.allowance-tier-badge{background:#e0f2fe;border-radius:6px;color:#075985;display:inline-block;font-size:11.5px;font-weight:600;padding:2px 10px;white-space:nowrap}@media (max-width:768px){.allowance-filter-bar input{min-width:100%}}.allowance-payment-check{align-items:center;color:#64748b;cursor:pointer;display:inline-flex;font-size:12.5px;font-weight:600;gap:6px}.allowance-payment-check input[type=checkbox]{accent-color:#16a34a;cursor:pointer;height:15px;width:15px}.allowance-paid-date-input{border:1px solid #e2e8f0;border-radius:6px;color:#334155;cursor:pointer;font-family:inherit;font-size:12.5px;padding:5px 8px}.allowance-paid-date-input:focus,.allowance-paid-date-input:hover{border-color:#16a34a;outline:none}.all-loans-toolbar{display:block}.all-loans-toolbar h3{margin:0 0 14px}.all-loans-actions-top{justify-content:flex-end;margin-bottom:16px}.all-loans-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.all-loans-actions button{white-space:nowrap}.all-loans-table td,.all-loans-table th{padding-left:8px;padding-right:8px}.all-loans-table th{font-size:10.5px;letter-spacing:.25px}.all-loans-employee-picker{background:#fff;border:1px solid #cbd5e1;border-radius:6px;box-sizing:border-box;color:#1e293b;font-size:13px;max-width:100%;padding:8px;width:180px}.all-loans-employee-picker:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f;outline:none}.all-loans-numeric-input{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.all-loans-numeric-input::-webkit-inner-spin-button,.all-loans-numeric-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (max-width:640px){.all-loans-actions,.all-loans-actions-top{justify-content:stretch}.all-loans-actions{width:100%}.all-loans-actions button{flex:1 1 180px}}.all-loans-auto-input{background:#f0fdf4!important;color:#166534;cursor:default}.all-loans-auto-input:focus{border-color:#86efac!important;box-shadow:none;outline:none}.all-loans-row-actions{align-items:center;display:flex;gap:6px;min-width:212px}.all-loans-row-actions button{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:7px 9px;white-space:nowrap}.all-loans-row-actions button:disabled{cursor:wait;opacity:.65}.all-loans-save-btn{background:#2563eb}.all-loans-cancel-btn{background:#dc2626}.all-loans-complete-btn{background:#16a34a}.loan-status-approved{background:#dbeafe;color:#1d4ed8}.loan-status-cancelled{background:#fee2e2;color:#b91c1c}.loan-status-completed{background:#dcfce7;color:#15803d}.all-loans-closed-note{color:#64748b;font-size:11.5px;font-weight:600;white-space:nowrap}.all-loans-closed-row input:not(.all-loans-auto-input){opacity:.62;pointer-events:none}.skel{animation:skel-shimmer 1.4s ease infinite;background:linear-gradient(90deg,#eef0f4 25%,#f6f7f9 37%,#eef0f4 63%);background-size:400% 100%;border-radius:6px;display:inline-block;vertical-align:middle}[data-theme=dark] .skel{background:linear-gradient(90deg,#2a3040 25%,#343b4d 37%,#2a3040 63%);background-size:400% 100%}@keyframes skel-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.skel-line{border-radius:5px;display:block;height:12px;width:100%}.skel-circle{border-radius:50%;height:36px;width:36px}.skel-block{border-radius:12px;display:block;height:80px;width:100%}.skel-rows{display:flex;flex-direction:column;gap:10px}.skel-row{align-items:center;display:flex;gap:12px;padding:9px 10px}.skel-row-lines{display:flex;flex:1 1;flex-direction:column;min-width:0}.skel-card{align-items:center;background:#fff;border:1px solid #eef0f4;border-radius:14px;display:flex;gap:14px;padding:16px 18px}[data-theme=dark] .skel-card{background:#1e2433;background:var(--bg-surface,#1e2433);border-color:#2f3648;border-color:var(--border-color,#2f3648)}.alog-container{padding:4px}.alog-header{margin-bottom:18px}.alog-header h2{color:#111827;font-size:22px;font-weight:800;margin:0 0 4px}.alog-header p{color:#94a3b8;font-size:13px;margin:0}.alog-list{background:#fff;border:1px solid #eef0f4;border-radius:16px;box-shadow:0 1px 3px #0000000a,0 8px 24px #0000000a;max-height:560px;overflow:hidden;overflow-y:auto}.alog-empty{color:#94a3b8;font-size:13.5px;padding:40px 20px;text-align:center}.alog-row{align-items:flex-start;border-bottom:1px solid #f1f2f6;display:flex;gap:14px;padding:16px 20px;transition:background .15s ease}.alog-row:last-child{border-bottom:none}.alog-row:hover{background:#fafbff}.alog-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:36px;justify-content:center;width:36px}.alog-icon{flex-shrink:0;font-size:16px;margin-top:6px}.alog-body{flex:1 1;min-width:0}.alog-line{color:#334155;font-size:13.5px;line-height:1.5;margin:0}.alog-line strong{color:#1e293b}.alog-details{color:#94a3b8;font-size:12px;margin:3px 0 0}.alog-when{color:#94a3b8;flex-shrink:0;font-size:11.5px;padding-top:2px;white-space:nowrap}@media (max-width:640px){.alog-row{flex-wrap:wrap;padding:14px 16px}.alog-when{padding-left:50px}}.ra-wrap{padding-bottom:20px}.ra-heading{color:#0f172a;color:var(--text-primary,#0f172a);font-size:24px;font-weight:800;margin-bottom:4px}.ra-sub{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px;margin-bottom:22px;max-width:640px}.ra-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,1fr)}.ra-card{background:#fff;background:var(--bg-surface,#fff);border:1px solid #eef0f4;border:1px solid var(--border-color-2,#eef0f4);border-radius:16px;box-shadow:0 1px 3px #0000000a,0 6px 16px #00000008;padding:18px 18px 8px;transition:background .25s ease,border-color .25s ease}.ra-card-wide{grid-column:span 2}.ra-card h3{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:14px;font-weight:700;gap:8px;margin:0 0 12px}.ra-card-tag{background:#f1f5f9;background:var(--bg-page-2,#f1f5f9);border-radius:20px;color:#64748b;color:var(--text-muted,#64748b);font-size:11px;font-weight:700;padding:2px 9px}.ra-empty{align-items:center;color:#94a3b8;color:var(--text-muted,#94a3b8);display:flex;font-size:13px;height:220px;justify-content:center;padding:0 20px;text-align:center}@media (max-width:900px){.ra-grid{grid-template-columns:1fr}.ra-card-wide{grid-column:span 1}}.lms-wrap{padding-bottom:20px}.lms-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:22px}.lms-header h2{color:#0f172a;color:var(--text-primary,#0f172a);font-size:24px;font-weight:800;margin-bottom:4px}.lms-sub{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px}.lms-new-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;box-shadow:0 4px 14px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:13.5px;font-weight:650;gap:8px;padding:11px 18px;transition:transform .15s ease,box-shadow .15s ease;white-space:nowrap}.lms-new-btn:hover{box-shadow:0 8px 20px #6366f15c;transform:translateY(-2px)}.lms-empty{background:#fff;background:var(--bg-surface,#fff);border:1px dashed #e2e8f0;border:1px dashed var(--border-color,#e2e8f0);border-radius:16px;color:#94a3b8;color:var(--text-muted,#94a3b8);padding:60px 20px;text-align:center}.lms-empty-icon{font-size:40px;margin-bottom:12px;opacity:.5}.lms-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.lms-card{background:#fff;background:var(--bg-surface,#fff);border:1px solid #eef0f4;border:1px solid var(--border-color-2,#eef0f4);border-radius:16px;box-shadow:0 1px 3px #0000000a;cursor:pointer;padding:18px;position:relative;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.lms-card:hover{border-color:#c7d2fe;box-shadow:0 12px 26px #0f172a1a;transform:translateY(-3px)}.lms-card-top{justify-content:space-between;margin-bottom:10px}.lms-card-icon,.lms-card-top{align-items:center;display:flex}.lms-card-icon{background:#eef2ff;border-radius:12px;color:#6366f1;font-size:17px;height:40px;justify-content:center;width:40px}.lms-badge-mandatory{background:#fee2e2;border-radius:20px;color:#b91c1c;font-size:10px;font-weight:700;padding:3px 8px}.lms-card h4{color:#0f172a;color:var(--text-primary,#0f172a);font-size:15px;font-weight:700;margin-bottom:6px}.lms-category{background:#eef2ff;border-radius:20px;color:#6366f1;display:inline-block;font-size:10.5px;font-weight:650;margin-bottom:8px;padding:2px 9px}.lms-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;color:var(--text-secondary,#64748b);display:-webkit-box;font-size:12px;margin-bottom:10px;overflow:hidden}.lms-meta-row{color:#94a3b8;color:var(--text-muted,#94a3b8);display:flex;font-size:11.5px;gap:14px;margin-bottom:10px}.lms-meta-row span{align-items:center;display:flex;gap:5px}.lms-progress-track{background:#f1f5f9;background:var(--bg-page-2,#f1f5f9);border-radius:4px;height:6px;overflow:hidden}.lms-progress-fill{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:4px;height:100%;transition:width .3s ease}.lms-progress-label{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:11px;margin-top:6px}.lms-delete-btn{background:none;border:none;color:#cbd5e1;cursor:pointer;font-size:13px;opacity:0;padding:4px;position:absolute;right:14px;top:14px;transition:opacity .15s ease,color .15s ease}.lms-card:hover .lms-delete-btn{opacity:1}.lms-delete-btn:hover{color:#ef4444}.lms-overlay{align-items:center;background:#0f172a7a;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.lms-modal{background:#fff;background:var(--bg-surface,#fff);border-radius:18px;box-shadow:0 24px 60px #0f172a47;display:flex;flex-direction:column;max-height:86vh;max-width:460px;overflow:hidden;width:100%}.lms-modal-wide{max-width:620px}.lms-modal-header{align-items:center;border-bottom:1px solid #f1f2f6;border-bottom:1px solid var(--border-color-2,#f1f2f6);display:flex;flex-shrink:0;justify-content:space-between;padding:18px 22px}.lms-modal-header h3{align-items:center;color:#0f172a;color:var(--text-primary,#0f172a);display:flex;font-size:16px;font-weight:700}.lms-modal-header button{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:15px}.lms-modal-body{overflow-y:auto;padding:20px 22px}.lms-modal-body label{color:#475569;color:var(--text-secondary,#475569);display:block;font-size:12px;font-weight:650;margin:12px 0 5px}.lms-modal-body label:first-child{margin-top:0}.lms-modal-body input:not([type]),.lms-modal-body input[type=number],.lms-modal-body input[type=text],.lms-modal-body textarea{background:#fff;background:var(--bg-page-2,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:9px;box-sizing:border-box;color:#0f172a;color:var(--text-primary,#0f172a);font-size:13px;outline:none;padding:9px 12px;resize:vertical;width:100%}.lms-modal-body input:focus,.lms-modal-body textarea:focus{border-color:#a5b4fc;box-shadow:0 0 0 3px #6366f11f}.lms-form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.lms-checkbox-row{align-items:center;cursor:pointer;display:flex!important;gap:8px;margin-top:14px!important}.lms-checkbox-row input{height:16px;width:16px}.lms-modal-footer{border-top:1px solid #f1f2f6;border-top:1px solid var(--border-color-2,#f1f2f6);display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:14px 22px}.lms-btn-secondary{background:#f1f5f9;background:var(--bg-page-2,#f1f5f9);color:#475569;color:var(--text-secondary,#475569)}.lms-btn-primary,.lms-btn-secondary{border:none;border-radius:9px;cursor:pointer;font-size:13px;font-weight:650;padding:9px 18px}.lms-btn-primary{background:#6366f1;box-shadow:0 4px 12px #6366f14d;color:#fff}.lms-btn-primary:disabled{cursor:default;opacity:.6}.lms-detail-desc{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px;line-height:1.5;margin-bottom:18px}.lms-section-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:13px;font-weight:700;margin:18px 0 10px}.lms-section-title:first-of-type{margin-top:0}.lms-assign-search{background:#fff;background:var(--bg-page-2,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:9px;box-sizing:border-box;color:#0f172a;color:var(--text-primary,#0f172a);font-size:13px;margin-bottom:8px;outline:none;padding:9px 12px;width:100%}.lms-assign-list{border:1px solid #eef0f4;border:1px solid var(--border-color-2,#eef0f4);border-radius:10px;margin-bottom:8px;max-height:180px;overflow-y:auto}.lms-assign-item{align-items:center;cursor:pointer;display:flex;font-size:12.5px;gap:10px;padding:8px 12px}.lms-assign-item:hover{background:#f8fafc;background:var(--bg-page-2,#f8fafc)}.lms-assign-item input{flex-shrink:0;height:15px;width:15px}.lms-assign-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:28px;justify-content:center;width:28px}.lms-assign-name{color:#1e293b;color:var(--text-primary,#1e293b);flex-shrink:0;font-weight:600}.lms-assign-meta{font-size:11px;margin-left:auto}.lms-assign-empty,.lms-assign-meta{color:#94a3b8;color:var(--text-muted,#94a3b8)}.lms-assign-empty{font-size:12px;padding:10px 4px}.lms-assign-btn{margin-bottom:6px;width:100%}.lms-assignee-list{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto}.lms-assignee-row{align-items:center;background:#f8fafc;background:var(--bg-page-2,#f8fafc);border-radius:10px;display:flex;gap:10px;padding:8px 10px}.lms-assignee-info{display:flex;flex-direction:column;margin-right:auto;min-width:0}.lms-assignee-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:12.5px;font-weight:650}.lms-status-select{border:none;border-radius:20px;cursor:pointer;font-size:11px;font-weight:700;outline:none;padding:4px 10px}.lms-completed-icon{color:#16a34a;font-size:13px}.lms-remove-btn{background:none;border:none;color:#cbd5e1;cursor:pointer;font-size:12px;padding:3px}.lms-remove-btn:hover{color:#ef4444}.att-container{padding-bottom:20px}.att-header{margin-bottom:18px}.att-header h2{color:#0f172a;color:var(--text-primary,#0f172a);font-size:24px;font-weight:800;margin-bottom:4px}.att-header p{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px}.att-stats{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:18px}.att-stat{background:#fff;background:var(--bg-surface,#fff);border:1px solid #eef0f4;border:1px solid var(--border-color-2,#eef0f4);border-radius:14px;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;min-width:130px;padding:12px 20px}.att-stat-value{color:#0f172a;color:var(--text-primary,#0f172a);font-size:22px;font-weight:800}.att-stat-label{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:11.5px;font-weight:600}.att-stat-warn .att-stat-value{color:#d97706}.att-empty{border:1px dashed #e2e8f0;border:1px dashed var(--border-color,#e2e8f0);border-radius:14px;color:#94a3b8;color:var(--text-muted,#94a3b8);padding:50px 20px;text-align:center}.att-empty,.att-table-wrap{background:#fff;background:var(--bg-surface,#fff)}.att-table-wrap{border:1px solid #eef0f4;border:1px solid var(--border-color-2,#eef0f4);border-radius:14px;box-shadow:0 1px 3px #0000000a;overflow:hidden;overflow-x:auto}.att-table{border-collapse:collapse;min-width:720px;width:100%}.att-table thead{background:#1e293b}.att-table th{color:#f1f5f9;font-size:12px;font-weight:700;padding:13px 14px;text-align:left;white-space:nowrap}.att-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color-2,#f1f5f9);font-size:12.5px;padding:12px 14px;vertical-align:top}.att-table tbody tr:last-child td{border-bottom:none}.att-table tbody tr:hover{background:#f8fafc;background:var(--bg-page-2,#f8fafc)}.att-nowrap{white-space:nowrap}.att-dash{color:#cbd5e1;color:var(--text-muted,#cbd5e1)}.att-emp{gap:10px;min-width:180px}.att-avatar,.att-emp{align-items:center;display:flex}.att-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;flex-shrink:0;font-size:12px;font-weight:700;height:32px;justify-content:center;width:32px}.att-emp-info{display:flex;flex-direction:column;min-width:0}.att-emp-name{color:#1e293b;color:var(--text-primary,#1e293b);font-weight:650;white-space:nowrap}.att-emp-meta{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:11px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-time{color:#0f172a;color:var(--text-primary,#0f172a);font-weight:700;white-space:nowrap}.att-address{align-items:flex-start;color:#94a3b8;color:var(--text-muted,#94a3b8);display:flex;font-size:10.5px;gap:4px;line-height:1.4;margin-top:3px;max-width:220px}.att-address svg{flex-shrink:0;margin-top:2px}.att-map-link{color:#6366f1;font-weight:650;margin-left:5px;text-decoration:none;white-space:nowrap}.att-map-link:hover{text-decoration:underline}.att-badge{border-radius:20px;display:inline-block;font-size:10.5px;font-weight:700;padding:3px 10px;white-space:nowrap}.att-badge-done{background:#dcfce7;color:#166534}.att-badge-open{background:#fef3c7;color:#92400e}.att-badge-none{background:#f1f5f9;color:#94a3b8}.att-week-navigation{align-items:center;background:#0000;border:0;display:inline-flex;gap:8px;height:42px;overflow:visible;width:auto}.att-week-navigation button{background:#fff;border:1px solid #c5d9f6;border-radius:12px;color:#4c7ee0;cursor:pointer;display:grid;flex:0 0 38px;height:38px;place-items:center;width:38px}.att-week-navigation button:first-child{border-right:1px solid #cbdcf3}.att-week-navigation button:last-child{border-left:1px solid #cbdcf3}.att-week-navigation button:hover:not(:disabled){background:#4c7ee0;color:#fff}.att-week-navigation button:disabled{cursor:not-allowed;opacity:.4}.att-week-details{background:#fff;border:1px solid #c5d9f6;border-radius:12px;box-shadow:none;color:#4c7ee0;cursor:pointer;flex:0 0 108px!important;font:inherit;font-size:13px;font-weight:750;height:38px;margin:0;min-width:0;white-space:nowrap;width:108px}.admin-grievance-page{color:#263b55;margin:0 auto;max-width:1180px;padding:4px 0 36px}.admin-grievance-title{align-items:center;background:linear-gradient(135deg,#35809f,#245d73);border:1px solid #c7e0df;border-radius:18px;color:#fff;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px;padding:22px 24px}.admin-grievance-title span:first-child{color:#cce5e6;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.admin-grievance-title h1{font-size:27px;margin:5px 0}.admin-grievance-title p{color:#d7ebed;font-size:12px;margin:0}.admin-grievance-security{align-items:center;border:1px solid #ffffff40;border-radius:999px;color:#fff;display:inline-flex;font-size:11px;font-weight:750;gap:8px;padding:10px 13px;white-space:nowrap}.admin-grievance-security svg{color:#e6a727}.admin-grievance-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:17px}.admin-grievance-stat{align-items:center;background:#fff;border:1px solid #dbe8e7;border-radius:14px;box-shadow:0 7px 20px #2c3e500d;color:#294946;cursor:pointer;display:flex;font:inherit;gap:12px;min-height:83px;padding:15px;text-align:left}.admin-grievance-stat.active,.admin-grievance-stat:hover{border-color:#35809f;transform:translateY(-2px)}.admin-grievance-stat>svg{background:#e5f1f1;border-radius:10px;box-sizing:border-box;color:#35809f;display:grid;height:34px;padding:9px;width:34px}.admin-grievance-stat span{grid-gap:5px;color:#718198;display:grid;font-size:10px;font-weight:700;gap:5px}.admin-grievance-stat strong{color:#294946;font-size:23px;line-height:1}.stat-submitted>svg{background:#fff4d5;color:#b78311}.stat-review>svg{background:#f1eaff;color:#855cc7}.stat-resolved>svg{background:#e5f7ef;color:#19875b}.admin-grievance-inbox{background:#fff;border:1px solid #dbe5e4;border-radius:17px;box-shadow:0 10px 26px #2c3e500f;padding:21px}.admin-grievance-inbox-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:15px}.admin-grievance-inbox-head span:first-child{color:#8aa3a3;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.admin-grievance-inbox-head h2{color:#294946;font-size:19px;margin:4px 0 0}.admin-grievance-count{background:#e5f1f1;border-radius:999px;color:#35809f;font-size:10px;font-weight:800;padding:6px 10px}.admin-grievance-toolbar{align-items:center;border-bottom:1px solid #e7efee;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px;padding-bottom:15px}.admin-grievance-search{align-items:center;background:#f8fbfb;border:1px solid #d4e0e8;border-radius:9px;color:#7e93a0;display:flex;gap:8px;padding:0 11px;width:min(330px,100%)}.admin-grievance-search input{background:#0000;border:0;color:#263b55;font:inherit;font-size:11px;min-height:36px;outline:0;width:100%}.admin-grievance-filters{display:flex;flex-wrap:wrap;gap:6px}.admin-grievance-filters button{background:#fff;border:1px solid #d7e4e3;border-radius:999px;color:#6e8180;cursor:pointer;font:inherit;font-size:10px;font-weight:750;padding:7px 10px}.admin-grievance-filters button.active{background:#35809f;border-color:#35809f;color:#fff}.admin-grievance-alert{border-radius:8px;font-size:11px;font-weight:700;margin-bottom:13px;padding:10px 12px}.admin-grievance-alert.success{background:#ebf9f1;color:#16754c}.admin-grievance-alert.error{background:#fff1f2;color:#b43e49}.admin-grievance-list{grid-gap:13px;display:grid;gap:13px}.admin-grievance-row{background:#fbfdfd;border:1px solid #dce9e7;border-radius:13px;padding:17px}.admin-grievance-row-head{align-items:flex-start;display:flex;gap:15px;justify-content:space-between}.admin-grievance-person{align-items:center;display:flex;gap:10px}.admin-grievance-avatar{background:#35809f;border-radius:50%;color:#fff;display:grid;font-size:14px;font-weight:850;height:35px;place-items:center;width:35px}.admin-grievance-person div{grid-gap:4px;display:grid;gap:4px}.admin-grievance-person strong{color:#294946;font-size:13px}.admin-grievance-person small{color:#81929b;font-size:10px}.admin-grievance-status{grid-gap:5px;background:#fff4d5;border-radius:8px;color:#987315;display:grid;font-size:10px;font-weight:800;gap:5px;justify-items:end;padding:5px 9px}.admin-grievance-status time{color:#8a99a0;font-size:9px;font-weight:500}.status-under-review{background:#f0eaff;color:#7953b5}.status-resolved{background:#e6f7ee;color:#137b4c}.admin-grievance-type{align-items:center;background:#e7f2f1;border-radius:7px;color:#35809f;display:inline-flex;font-size:10px;font-weight:850;gap:6px;margin-top:14px;padding:5px 8px}.admin-grievance-description{color:#526375;font-size:12px;line-height:1.6;margin:11px 0 9px;white-space:pre-wrap}.admin-grievance-attachment{align-items:center;color:#35809f;display:inline-flex;font-size:11px;font-weight:750;gap:6px}.admin-grievance-actions{grid-gap:8px;border-top:1px solid #e7efee;display:grid;gap:8px;grid-template-columns:150px minmax(0,1fr) auto;margin-top:14px;padding-top:13px}.admin-grievance-actions input,.admin-grievance-actions select{background:#fff;border:1px solid #d2e0e7;border-radius:8px;box-sizing:border-box;color:#29435f;font:inherit;font-size:11px;min-height:38px;outline:0;padding:0 10px}.admin-grievance-actions input:focus,.admin-grievance-actions select:focus{border-color:#35809f;box-shadow:0 0 0 3px #35809f1a}.admin-grievance-actions button{background:#35809f;border:0;border-radius:8px;color:#fff;cursor:pointer;font:inherit;font-size:11px;font-weight:800;min-height:38px;padding:0 14px}.admin-grievance-actions button:hover{background:#2d6f8b}.admin-grievance-actions button:disabled{cursor:wait;opacity:.65}.admin-grievance-empty{grid-gap:8px;align-content:center;color:#82929d;display:grid;font-size:12px;gap:8px;min-height:170px;place-items:center;text-align:center}.admin-grievance-empty svg{color:#a7c5c5;font-size:27px}.admin-grievance-empty strong{color:#526b70;font-size:13px}.admin-grievance-empty span{font-size:11px}@media (max-width:800px){.admin-grievance-stats{grid-template-columns:repeat(2,1fr)}.admin-grievance-toolbar{align-items:stretch;flex-direction:column}.admin-grievance-search{width:100%}.admin-grievance-row-head{flex-direction:column}.admin-grievance-status{justify-items:start}.admin-grievance-actions{grid-template-columns:1fr}}@media (max-width:520px){.admin-grievance-title{align-items:flex-start;flex-direction:column}.admin-grievance-stats{grid-template-columns:1fr}.admin-grievance-inbox{padding:15px}}.nbell-anchor{display:inline-flex}.nbell-anchor,.nbell-btn{align-items:center;position:relative}.nbell-btn{background:none;border:none;color:#475569;cursor:pointer;display:flex;font-size:20px;padding:4px 6px;transition:color .15s ease,transform .15s ease}.nbell-btn:hover{color:#6366f1;transform:scale(1.06)}[data-theme=dark] .nbell-btn{color:#a3adc2;color:var(--text-secondary,#a3adc2)}.nbell-badge{align-items:center;background:#ef4444;border-radius:50%;box-shadow:0 0 0 2px #fff;color:#fff;display:flex;font-size:10px;font-weight:700;height:17px;justify-content:center;line-height:1;min-width:17px;padding:0 3px;position:absolute;right:0;top:0}[data-theme=dark] .nbell-badge{box-shadow:0 0 0 2px #1a2030;box-shadow:0 0 0 2px var(--bg-surface,#1a2030)}.nbell-drop{animation:nbell-pop .16s ease;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 10px 34px #0000002e;display:flex;flex-direction:column;max-height:480px;overflow:hidden;position:fixed;width:350px;z-index:99999}@keyframes nbell-pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .nbell-drop{background:#1a2030;background:var(--bg-surface,#1a2030);border-color:#2b3244;border-color:var(--border-color,#2b3244)}.nbell-header{align-items:center;background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;flex-shrink:0;gap:8px;justify-content:space-between;padding:12px 14px}[data-theme=dark] .nbell-header{background:#0f1420;background:var(--bg-page,#0f1420);border-color:#2b3244;border-color:var(--border-color,#2b3244)}.nbell-title{color:#0f172a;font-size:14px;font-weight:700;white-space:nowrap}[data-theme=dark] .nbell-title{color:#e7ebf3;color:var(--text-primary,#e7ebf3)}.nbell-unread-count{color:#ef4444}.nbell-header-actions{align-items:center;display:flex;gap:4px}.nbell-action-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6366f1;cursor:pointer;display:flex;font-size:11px;font-weight:650;gap:5px;padding:4px 7px;transition:background .15s ease;white-space:nowrap}.nbell-action-btn:hover{background:#6366f11a}.nbell-action-danger{color:#ef4444}.nbell-action-danger:hover{background:#ef44441a}.nbell-close-btn{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:13px;padding:4px 5px}.nbell-close-btn:hover{color:#475569}.nbell-tabs{border-bottom:1px solid #f1f5f9;display:flex;flex-shrink:0;gap:4px;padding:8px 10px}[data-theme=dark] .nbell-tabs{border-color:#2b3244;border-color:var(--border-color,#2b3244)}.nbell-tab{align-items:center;background:none;border:none;border-radius:20px;color:#64748b;cursor:pointer;display:flex;font-size:12px;font-weight:650;gap:6px;padding:5px 10px;transition:background .15s ease,color .15s ease}.nbell-tab:hover{background:#f1f5f9}.nbell-tab-active{background:#eef2ff;color:#4f46e5}[data-theme=dark] .nbell-tab{color:#a3adc2;color:var(--text-secondary,#a3adc2)}[data-theme=dark] .nbell-tab-active{background:#818cf829;color:#818cf8;color:var(--accent,#818cf8)}.nbell-tab-count{background:#00000014;border-radius:10px;font-size:10px;padding:1px 6px}.nbell-list{flex:1 1;overflow-y:auto}.nbell-empty{color:#94a3b8;font-size:13px;padding:32px;text-align:center}.nbell-item{border-bottom:1px solid #f8fafc;cursor:default;display:flex;gap:12px;padding:12px 16px;transition:background .15s ease}[data-theme=dark] .nbell-item{border-color:#262c3d;border-color:var(--border-color-2,#262c3d)}.nbell-item-unread{background:#f0f4ff;cursor:pointer}.nbell-item-unread:hover{background:#e8eeff}[data-theme=dark] .nbell-item-unread{background:#6366f11a}[data-theme=dark] .nbell-item-unread:hover{background:#6366f129}.nbell-item-icon{flex-shrink:0;font-size:20px;margin-top:2px}.nbell-item-body{flex:1 1;min-width:0}.nbell-item-msg{color:#1e293b;font-size:13px;font-weight:600;line-height:1.45}.nbell-item:not(.nbell-item-unread) .nbell-item-msg{font-weight:400}[data-theme=dark] .nbell-item-msg{color:#e7ebf3;color:var(--text-primary,#e7ebf3)}.nbell-item-time{color:#94a3b8;font-size:11px;margin-top:3px}.nbell-item-side{align-items:center;display:flex;flex-shrink:0;gap:6px}.nbell-dot{background:#6366f1;border-radius:50%;height:8px;width:8px}.nbell-delete-btn{align-items:center;background:none;border:none;color:#cbd5e1;cursor:pointer;display:flex;font-size:12px;padding:2px}.nbell-delete-btn:hover{color:#ef4444}@media (max-width:480px){.nbell-drop{right:12px!important;width:calc(100vw - 24px)}}.nbell-popup{align-items:flex-start;animation:nbell-toast-in .24s ease-out;background:#fff;border:1px solid #dbe4ff;border-left:4px solid #6366f1;border-radius:12px;box-shadow:0 16px 38px #1e293b33;display:flex;gap:12px;padding:14px 14px 14px 16px;position:fixed;right:22px;top:20px;width:min(390px,calc(100vw - 32px));z-index:100000}@keyframes nbell-toast-in{0%{opacity:0;transform:translateX(22px)}to{opacity:1;transform:translateX(0)}}.nbell-popup-icon{background:#eef2ff;border-radius:10px;display:grid;flex:0 0 auto;font-size:17px;height:34px;place-items:center;width:34px}.nbell-popup-body{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.nbell-popup-title{color:#30394c;font-size:13px;font-weight:800}.nbell-popup-message{color:#5f6b7f;font-size:12px;font-weight:600;line-height:1.45}.nbell-popup-close{background:#0000;border:0;border-radius:7px;color:#94a3b8;cursor:pointer;display:grid;flex:0 0 auto;height:24px;place-items:center;width:24px}.nbell-popup-close:hover{background:#f1f5f9;color:#475569}[data-theme=dark] .nbell-popup{background:#1a2030;background:var(--bg-surface,#1a2030);border-color:#3730a3}[data-theme=dark] .nbell-popup-icon{background:#818cf82e}[data-theme=dark] .nbell-popup-title{color:#e7ebf3;color:var(--text-primary,#e7ebf3)}[data-theme=dark] .nbell-popup-message{color:#a3adc2;color:var(--text-secondary,#a3adc2)}[data-theme=dark] .nbell-popup-close:hover{background:#ffffff14;color:#e7ebf3}@media (max-width:480px){.nbell-popup{right:16px;top:12px}}.ahm-backdrop{align-items:center;animation:ahm-fade .15s ease;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100000}@keyframes ahm-fade{0%{opacity:0}to{opacity:1}}.ahm-card{animation:ahm-pop .16s ease;background:#fff;border-radius:16px;box-shadow:0 20px 50px #00000040;display:flex;flex-direction:column;max-height:82vh;max-width:640px;overflow:hidden;width:100%}@keyframes ahm-pop{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=dark] .ahm-card{background:#1a2030;background:var(--bg-surface,#1a2030);border:1px solid #2b3244;border:1px solid var(--border-color,#2b3244)}.ahm-header{align-items:center;background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}[data-theme=dark] .ahm-header{background:#0f1420;background:var(--bg-page,#0f1420);border-color:#2b3244;border-color:var(--border-color,#2b3244)}.ahm-title{align-items:center;color:#0f172a;display:flex;font-size:15.5px;font-weight:800;gap:9px}[data-theme=dark] .ahm-title{color:#e7ebf3;color:var(--text-primary,#e7ebf3)}.ahm-close{background:none;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:13px;padding:6px}.ahm-close:hover{background:#eef2f7;color:#475569}.ahm-stats{display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px;padding:14px 20px 0}.ahm-stat{background:#f8fafc;border:1px solid #eef0f4;border-radius:12px;display:flex;flex-direction:column;min-width:100px;padding:8px 16px}[data-theme=dark] .ahm-stat{background:#0f1420;background:var(--bg-page,#0f1420);border-color:#2b3244;border-color:var(--border-color,#2b3244)}.ahm-stat-value{color:#0f172a;font-size:18px;font-weight:800}[data-theme=dark] .ahm-stat-value{color:#e7ebf3;color:var(--text-primary,#e7ebf3)}.ahm-stat-label{color:#94a3b8;font-size:10.5px;font-weight:650}.ahm-stat-warn .ahm-stat-value{color:#d97706}.ahm-body{overflow-y:auto;padding:16px 20px 20px}.ahm-empty{color:#94a3b8;font-size:13px;padding:40px 20px;text-align:center}.ahm-table{border-collapse:collapse;width:100%}.ahm-table thead{background:#1e293b;position:-webkit-sticky;position:sticky;top:0}.ahm-table th{color:#f1f5f9;font-size:11.5px;font-weight:700;padding:10px 12px;text-align:left;white-space:nowrap}.ahm-table td{border-bottom:1px solid #f1f5f9;font-size:12.5px;padding:10px 12px;vertical-align:top}[data-theme=dark] .ahm-table td{border-color:#2b3244;border-color:var(--border-color,#2b3244)}.ahm-table tbody tr:last-child td{border-bottom:none}.ahm-table tbody tr:hover{background:#f8fafc}[data-theme=dark] .ahm-table tbody tr:hover{background:#0f1420;background:var(--bg-page,#0f1420)}.ahm-nowrap{white-space:nowrap}.ahm-dash{color:#cbd5e1}.ahm-time{color:#0f172a;font-weight:700;white-space:nowrap}[data-theme=dark] .ahm-time{color:#e7ebf3;color:var(--text-primary,#e7ebf3)}.ahm-address{align-items:flex-start;color:#94a3b8;display:flex;font-size:10.5px;gap:4px;line-height:1.4;margin-top:3px;max-width:220px}.ahm-address svg{flex-shrink:0;margin-top:2px}.ahm-map-link{color:#6366f1;font-weight:650;margin-left:5px;text-decoration:none;white-space:nowrap}.ahm-map-link:hover{text-decoration:underline}@media (max-width:560px){.ahm-card{max-height:88vh}.ahm-table{min-width:480px}.ahm-body{overflow-x:auto}}.cio-anchor{display:inline-flex}.cio-anchor,.cio-btn{align-items:center;position:relative}.cio-btn{background:none;border:none;color:#475569;cursor:pointer;display:flex;font-size:19px;padding:4px 6px;transition:color .15s ease,transform .15s ease}.cio-btn:hover{color:#6366f1;transform:scale(1.06)}[data-theme=dark] .cio-btn{color:#a3adc2;color:var(--text-secondary,#a3adc2)}.cio-dot{border-radius:50%;box-shadow:0 0 0 2px #fff;height:9px;position:absolute;right:2px;top:2px;width:9px}[data-theme=dark] .cio-dot{box-shadow:0 0 0 2px #1a2030;box-shadow:0 0 0 2px var(--bg-surface,#1a2030)}.cio-dot-idle{background:#cbd5e1}.cio-dot-active{animation:cio-pulse 1.8s ease infinite;background:#22c55e}.cio-dot-done{background:#6366f1}@keyframes cio-pulse{0%,to{box-shadow:0 0 0 2px #fff,0 0 0 2px #22c55e66}50%{box-shadow:0 0 0 2px #fff,0 0 0 5px #22c55e00}}.cio-drop{animation:cio-pop .16s ease;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 10px 34px #0000002e;overflow:hidden;position:fixed;width:300px;z-index:99999}@keyframes cio-pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .cio-drop{background:#1a2030;background:var(--bg-surface,#1a2030);border-color:#2b3244;border-color:var(--border-color,#2b3244)}.cio-header{align-items:center;background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:12px 14px}[data-theme=dark] .cio-header{background:#0f1420;background:var(--bg-page,#0f1420);border-color:#2b3244;border-color:var(--border-color,#2b3244)}.cio-title{align-items:center;color:#0f172a;display:flex;font-size:13.5px;font-weight:700;gap:7px}[data-theme=dark] .cio-title{color:#e7ebf3;color:var(--text-primary,#e7ebf3)}.cio-close{background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:12px;padding:4px}.cio-close:hover{color:#475569}.cio-body{padding:14px}.cio-loading{color:#94a3b8;font-size:12.5px;padding:10px 0;text-align:center}.cio-row{align-items:center;display:flex;font-size:12.5px;justify-content:space-between}.cio-row-spaced{margin-top:12px}.cio-row-label{color:#475569;font-weight:650}[data-theme=dark] .cio-row-label{color:#a3adc2;color:var(--text-secondary,#a3adc2)}.cio-row-time{color:#0f172a;font-weight:700}[data-theme=dark] .cio-row-time{color:#e7ebf3;color:var(--text-primary,#e7ebf3)}.cio-row-pending{color:#cbd5e1;font-style:italic}.cio-address{color:#94a3b8;font-size:11px;line-height:1.4;margin-top:3px}.cio-map-link{color:#6366f1;font-weight:650;margin-left:6px;text-decoration:none;white-space:nowrap}.cio-map-link:hover{text-decoration:underline}.cio-history-link{align-items:center;background:none;border:none;border-top:1px dashed #e2e8f0;color:#6366f1;cursor:pointer;display:flex;font-size:12px;font-weight:650;gap:7px;margin-top:14px;padding-top:12px;text-align:left;width:100%}.cio-history-link:hover{color:#4f46e5}[data-theme=dark] .cio-history-link{border-color:#2b3244;border-color:var(--border-color,#2b3244);color:#818cf8;color:var(--accent,#818cf8)}.cio-error{background:#fef2f2;border-radius:8px;color:#b91c1c;font-size:11.5px;line-height:1.4;margin-top:12px;padding:8px 10px}.cio-action{align-items:center;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;justify-content:center;margin-top:14px;padding:10px;transition:transform .12s ease,box-shadow .15s ease,opacity .15s ease;width:100%}.cio-action:active{transform:scale(.98)}.cio-action:disabled{cursor:default;opacity:.7}.cio-action-in{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #16a34a4d}.cio-action-out{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #dc26264d}.cio-spin{animation:cio-spin .9s linear infinite}@keyframes cio-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cio-complete{align-items:center;background:#eef2ff;border-radius:10px;color:#4f46e5;display:flex;font-size:12.5px;font-weight:650;gap:7px;justify-content:center;margin-top:14px;padding:9px}[data-theme=dark] .cio-complete{background:#818cf829;color:#818cf8;color:var(--accent,#818cf8)}@media (max-width:480px){.cio-drop{right:12px!important;width:calc(100vw - 24px)}}.cio-running-time{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;display:flex;gap:10px;justify-content:space-between;margin-top:11px;padding:10px 11px}.cio-running-time>span{color:#15803d;font-size:11px;font-weight:750}.cio-running-time strong{font-feature-settings:"tnum";color:#166534;font-size:16px;font-variant-numeric:tabular-nums;letter-spacing:.4px}.cio-running-time strong small{font-size:10px;letter-spacing:0}.cio-running-time-complete{background:#eef2ff;border-color:#c7d2fe}.cio-running-time-complete strong,.cio-running-time-complete>span{color:#4f46e5}[data-theme=dark] .cio-running-time{background:#22c55e1c;border-color:#4ade8047}[data-theme=dark] .cio-running-time strong,[data-theme=dark] .cio-running-time>span{color:#86efac}[data-theme=dark] .cio-running-time-complete{background:#6366f124;border-color:#818cf84d}[data-theme=dark] .cio-running-time-complete strong,[data-theme=dark] .cio-running-time-complete>span{color:#a5b4fc}.gsearch{align-items:center;display:flex;margin:0 20px;max-width:320px;position:relative;width:100%}.gsearch-icon{color:#94a3b8;font-size:13px;left:14px;pointer-events:none;position:absolute}.gsearch input{background:#f8fafc;border:1px solid #e5e7eb;border-radius:20px;font-size:13px;outline:none;padding:9px 34px;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;width:100%}.gsearch input:focus{background:#fff;border-color:#a5b4fc;box-shadow:0 0 0 3px #6366f11f}.gsearch-clear{background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:12px;padding:4px;position:absolute;right:10px}.gsearch-clear:hover{color:#475569}.gsearch-dropdown{background:#fff;border:1px solid #eef0f4;border-radius:12px;box-shadow:0 12px 28px #0f172a1f;left:0;max-height:340px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:50}.gsearch-empty{color:#94a3b8;font-size:12.5px;padding:18px 16px;text-align:center}.gsearch-section-label{color:#a3adc2;font-size:10.5px;font-weight:700;letter-spacing:.6px;padding:9px 14px 5px;text-transform:uppercase}.gsearch-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:10px 14px;transition:background .15s ease}.gsearch-item:hover{background:#f5f6ff}.gsearch-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:34px;justify-content:center;overflow:hidden;width:34px}.gsearch-avatar img{height:100%;object-fit:cover;width:100%}.gsearch-info{display:flex;flex-direction:column;gap:1px;min-width:0}.gsearch-name{color:#1e293b;font-size:13px;font-weight:650}.gsearch-meta,.gsearch-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gsearch-meta{color:#94a3b8;font-size:11.5px}@media (max-width:900px){.gsearch{margin:0 10px;max-width:200px}}@media (max-width:768px){.gsearch{margin:8px 0 0;max-width:none;order:3}}.cmdk-overlay{align-items:flex-start;animation:cmdk-fade .15s ease;background:#0f172a80;display:flex;inset:0;justify-content:center;padding-top:12vh;position:fixed;z-index:100002}@keyframes cmdk-fade{0%{opacity:0}to{opacity:1}}.cmdk-box{animation:cmdk-pop .16s ease;background:#fff;border-radius:16px;box-shadow:0 24px 70px #0f172a59;display:flex;flex-direction:column;max-height:70vh;max-width:560px;overflow:hidden;width:100%}@keyframes cmdk-pop{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cmdk-input-row{align-items:center;border-bottom:1px solid #eef0f4;display:flex;flex-shrink:0;gap:12px;padding:16px 18px}.cmdk-search-icon{color:#94a3b8;flex-shrink:0;font-size:15px}.cmdk-input-row input{background:#0000;border:none;color:#0f172a;flex:1 1;font-size:15px;outline:none}.cmdk-input-row input::placeholder{color:#b3bbcb}.cmdk-hint{background:#f1f5f9;border-radius:6px;color:#94a3b8;flex-shrink:0;font-size:11px;font-weight:700;padding:3px 7px}.cmdk-results{flex:1 1;overflow-y:auto;padding:8px}.cmdk-section+.cmdk-section{margin-top:6px}.cmdk-section-label{color:#a3adc2;font-size:10.5px;font-weight:700;letter-spacing:.6px;padding:8px 10px 4px;text-transform:uppercase}.cmdk-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:10px 12px}.cmdk-item-active{background:#eef2ff}.cmdk-item-icon{align-items:center;background:#f1f5f9;border-radius:8px;color:#6366f1;display:flex;flex-shrink:0;font-size:12px;height:26px;justify-content:center;width:26px}.cmdk-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;overflow:hidden}.cmdk-avatar img{height:100%;object-fit:cover;width:100%}.cmdk-item-label{color:#1e293b;flex-shrink:0;font-size:13.5px;font-weight:600}.cmdk-item-group{color:#94a3b8;font-size:11.5px;margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmdk-empty{color:#94a3b8;font-size:13px;padding:30px 10px;text-align:center}.cmdk-footer{background:#f8fafc;border-top:1px solid #eef0f4;display:flex;flex-shrink:0;gap:16px;padding:10px 16px}.cmdk-footer span{align-items:center;color:#94a3b8;display:flex;font-size:11px;gap:4px}.cmdk-footer kbd{background:#fff;border:1px solid #e2e8f0;border-radius:4px;box-shadow:0 1px 0 #0000000d;color:#64748b;font-family:inherit;font-size:10px;padding:1px 5px}@media (max-width:600px){.cmdk-overlay{padding-left:12px;padding-right:12px;padding-top:6vh}.cmdk-footer{display:none}}[data-theme=dark] .cmdk-box{background:#1a2030;background:var(--bg-surface,#1a2030)}[data-theme=dark] .cmdk-input-row{border-color:#2b3244;border-color:var(--border-color,#2b3244)}[data-theme=dark] .cmdk-input-row input{color:#e7ebf3;color:var(--text-primary,#e7ebf3)}[data-theme=dark] .cmdk-hint{background:#0f1420;background:var(--bg-page,#0f1420);color:#6b7690;color:var(--text-muted,#6b7690)}[data-theme=dark] .cmdk-item-active{background:#818cf829}[data-theme=dark] .cmdk-item-icon{background:#0f1420;background:var(--bg-page,#0f1420)}[data-theme=dark] .cmdk-item-label{color:#e7ebf3;color:var(--text-primary,#e7ebf3)}[data-theme=dark] .cmdk-footer{background:#0f1420;background:var(--bg-page,#0f1420);border-color:#2b3244;border-color:var(--border-color,#2b3244)}[data-theme=dark] .cmdk-footer kbd{background:#1a2030;background:var(--bg-surface,#1a2030);border-color:#2b3244;border-color:var(--border-color,#2b3244);color:#6b7690;color:var(--text-muted,#6b7690)}.breadcrumbs{align-items:center;display:flex;flex-wrap:wrap;font-size:12.5px;gap:7px;margin-bottom:14px}.crumb{align-items:center;color:#94a3b8;color:var(--text-muted,#94a3b8);display:inline-flex;font-weight:600;gap:5px}.crumb-home-icon{font-size:12px}.crumb-link{color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;transition:color .15s ease}.crumb-link:hover{color:#6366f1;color:var(--accent,#6366f1)}.crumb-static{color:#64748b;color:var(--text-secondary,#64748b)}.crumb-current{color:#1e293b;color:var(--text-primary,#1e293b);font-weight:700}.crumb-sep{color:#cbd5e1;color:var(--text-muted,#cbd5e1);font-size:9px}.manager-container{background:#f4f6fb;display:flex;font-family:Segoe UI,sans-serif;height:100vh}.manager-container .sidebar{background:#fff;border-right:1px solid #e5e7eb;box-shadow:4px 0 16px #00000014;color:#374151;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;padding-top:0;width:240px}.manager-container .logo-container{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:20px 16px 16px;text-align:center}.manager-container .logo-container img{border-radius:8px;height:56px;object-fit:contain;width:140px}.manager-container .sidebar-role{color:#6366f1;font-size:11px;font-weight:700;letter-spacing:1.5px;padding:10px 0 4px;text-align:center;text-transform:uppercase}.manager-container .sidebar-nav{flex:1 1;overflow-y:auto;padding:8px 0}.manager-container .sidebar ul{list-style:none;margin:0;padding:0}.manager-container .sidebar-section{color:#9ca3af;font-size:10px;font-weight:700;letter-spacing:1.2px;padding:14px 20px 4px;text-transform:uppercase}.manager-container .sidebar ul li{align-items:center;border-left:3px solid #0000;color:#4b5563;cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:11px;margin:1px 0;padding:10px 20px;transition:all .2s ease}.manager-container .sidebar ul li svg{flex-shrink:0;font-size:15px;opacity:.8}.manager-container .sidebar ul li:hover{background:#6366f112;border-left-color:#6366f166;color:#1e293b}.manager-container .sidebar ul li:hover svg{opacity:1}.manager-container .sidebar ul li.active{background:#6366f11a;border-left:3px solid #6366f1;color:#4f46e5;font-weight:600}.manager-container .sidebar ul li.active svg{color:#4f46e5;opacity:1}.manager-container .sidebar ul li.sidebar-section{background:none;border-left:none;color:#9ca3af;cursor:default;font-size:10px;font-weight:700;letter-spacing:1.2px;padding:14px 20px 4px;pointer-events:none;text-transform:uppercase}.manager-container .sidebar ul li.sidebar-section:hover{background:none;border-left-color:#0000;color:#9ca3af;transform:none}.manager-container .main-content{display:flex;flex:1 1;flex-direction:column}.manager-container .topbar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffbf;border:1px solid #0000000d;border-radius:14px;color:#1e293b;display:flex;justify-content:space-between;margin:15px;padding:14px 22px}.manager-container .topbar h3{font-size:16px;font-weight:600}.manager-container .topbar-right{align-items:center;display:flex;gap:14px}.manager-container .topbar-img{border-radius:50%;height:38px;object-fit:cover;width:38px}.manager-container .topbar-avatar{align-items:center;background:#6366f1;border-radius:50%;color:#fff;display:flex;font-weight:700;height:38px;justify-content:center;width:38px}.manager-container .topbar-name{font-size:14px;font-weight:500}.manager-container .logout-btn{background:#ef4444;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:7px 16px;transition:all .3s ease}.manager-container .logout-btn:hover{background:#dc2626;transform:scale(1.08)}.manager-container .content{animation:fadeIn .4s ease-in-out;background:#ffffffa6;margin:0 15px 15px;overflow-y:auto;padding:20px}.chart-card,.manager-container .content,.stat-card,.summary-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #0000000d;border-radius:14px}.chart-card,.stat-card,.summary-card{background:#ffffffd9;transition:all .3s ease}.chart-card:hover,.stat-card:hover,.summary-card:hover{box-shadow:0 8px 22px #0000001f;transform:translateY(-6px)}.dashboard-home{width:100%}.dashboard-wrapper{display:flex;flex-direction:column;gap:20px}.manager-greeting-card{background:#8aa8eb;border-radius:14px;box-shadow:0 6px 20px #0000001a;color:#fff;padding:20px}.manager-greeting-card h2{color:#0f172a;font-size:22px;font-weight:700;margin:0;text-align:center}.manager-greeting-card p{font-size:14px;margin-top:5px;opacity:.9}.stats-container{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border:1px solid #0000000d;cursor:pointer;gap:15px;padding:18px;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 22px #0000001f;transform:translateY(-6px)}.icon-box{flex-shrink:0;font-size:22px;padding:12px}.stat-card.active .icon-box{background:#f59e0b}.stat-card.timesheet .icon-box{background:#6366f1}.stat-info h4{color:#64748b;font-size:14px}.stat-info p{color:#1e293b;margin:5px 0 0}.chart-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border:1px solid #0000000d;transition:.3s}.chart-card:hover{box-shadow:0 6px 18px #0000001a;transform:translateY(-4px)}.chart-card h3{color:#1e293b;font-size:16px}.modal-overlay{background-color:#00000080}.modal-content{animation:slideIn .3s ease-in-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001a;max-height:600px;max-width:500px;width:90%}.modal-header{background:linear-gradient(135deg,#6366f1,#4f46e5);border-bottom:2px solid #f0f0f0;border-radius:12px 12px 0 0;padding:24px}.modal-header h2{color:#000;font-weight:600}.close-btn{font-size:20px;height:40px;transition:all .3s ease;width:40px}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.leave-item{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);gap:16px;padding:16px;transition:all .3s ease}.leave-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(5px)}.leave-item-number{font-size:16px;height:36px;width:36px}.leave-item-info{flex:1 1}.leave-item-info h4{color:#2d3748;font-size:16px;margin:0 0 6px}.emp-id{color:#6366f1;font-size:13px;font-weight:500;margin:0}.loading-text,.no-leave-text{color:#718096;font-size:15px}.loading-text{color:#6366f1;font-size:16px;font-weight:500}@media (max-width:1200px){.stats-container{grid-template-columns:repeat(3,1fr)}.modal-content{max-width:90%}}@media (max-width:768px){.dashboard-home{padding:15px}.manager-greeting-card h2{font-size:18px}.stats-container{grid-template-columns:repeat(2,1fr)}.stat-info p{font-size:16px}.modal-header h2{font-size:18px}.modal-body{padding:16px}.leave-item{gap:12px;padding:12px}.leave-item-number{font-size:14px;height:32px;width:32px}.leave-item-info h4{font-size:14px}.emp-id{font-size:12px}}@media (max-width:480px){.dashboard-home{padding:12px}.manager-greeting-card{padding:14px}.stats-container{gap:10px;grid-template-columns:1fr}.stat-card{gap:12px;padding:14px}.stat-info h4{font-size:12px}.stat-info p{font-size:18px}.modal-content{border-radius:8px;max-height:90vh}.modal-header{padding:16px}.modal-header h2{font-size:16px}.close-btn{height:36px;width:36px}}.name-tag{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;margin:2px 3px 2px 0;padding:3px 10px}.tl-tag{background:#dbeafe;color:#1d4ed8}.emp-tag{background:#ede9fe;color:#5b21b6}.no-assign{color:#94a3b8;font-size:13px;font-style:italic}.projects-container{background:linear-gradient(135deg,#f5f7fb,#e9ecef);font-family:Inter,Segoe UI,sans-serif;padding:30px}.projects-container h2{color:#0f172a;font-size:28px;font-weight:700;margin-bottom:25px;text-shadow:0 2px 4px #0000000d}.projects-card{border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 6px 18px #0000000a;margin-bottom:30px;padding:25px;transition:all .3s ease}.projects-card:hover{box-shadow:0 12px 28px #00000014;transform:translateY(-2px)}.projects-card h3{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:18px}.search-bar{margin-bottom:15px}.search-bar input{background:#f8fafc;border:2px solid #cbd5f5;border-radius:10px;box-shadow:0 2px 4px #00000005;font-size:14px;max-width:400px;padding:12px 16px;transition:all .2s ease;width:100%}.search-bar input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 4px 12px #4f46e526;outline:none}.search-bar input:disabled{cursor:not-allowed;opacity:.6}.table-wrapper{border:1px solid #e2e8f0;border-radius:12px;max-height:400px;overflow-y:auto}.table-wrapper::-webkit-scrollbar{width:8px}.table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.projects-table{table-layout:fixed}.projects-table thead{background:linear-gradient(90deg,#e2e8f0,#cbd5e1);position:-webkit-sticky;position:sticky;top:0;z-index:10}.projects-table th{color:#fff;font-size:12px;font-weight:700;letter-spacing:.6px;padding:16px 14px;text-align:left;text-transform:uppercase}.projects-table td{border-top:1px solid #e2e8f0;color:#1e293b;font-size:14px;padding:18px 14px;vertical-align:middle}.projects-table tbody tr{transition:all .2s ease}.projects-table tbody tr:hover{box-shadow:inset 0 2px 4px #00000005}.projects-table tbody tr.completed-row{background:#f0fdf4}.projects-table tbody tr.completed-row:hover{background:#e6fce1}.projects-table td:first-child,.projects-table th:first-child{text-align:center;width:5%}.projects-table td:nth-child(2),.projects-table th:nth-child(2){width:20%}.projects-table td:nth-child(3),.projects-table th:nth-child(3){width:30%;word-break:break-word}.projects-table td:nth-child(4),.projects-table th:nth-child(4){width:12%}.projects-table td:nth-child(5),.projects-table th:nth-child(5){width:18%}.projects-table td:nth-child(6),.projects-table th:nth-child(6){width:15%}.status{border-radius:999px;padding:8px 16px;text-align:center}.status.ongoing{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.status.completed{background:linear-gradient(135deg,#dcfce7,#c6f6d5);color:#15803d}.status.on-hold{background:linear-gradient(135deg,#fed7aa,#fbcf8f);color:#b45309}.assign-select,.status-select{background:#f8fafc;border:2px solid #c7d2fe;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:10px 12px;transition:all .2s ease;width:100%}.assign-select:hover,.status-select:hover{background:#f0f4ff;border-color:#6366f1}.assign-select:focus,.status-select:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526;outline:none}.assign-select:disabled,.status-select:disabled{cursor:not-allowed;opacity:.5}.btn-edit-employees{background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:8px;box-shadow:0 4px 12px #4f46e540;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .3s ease;white-space:nowrap}.btn-edit-employees:hover{box-shadow:0 6px 16px #4f46e559;transform:translateY(-2px)}.btn-edit-employees:active{transform:translateY(0)}.btn-edit-employees:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-remove-emp{background:#ff4757;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-left:8px;padding:4px 8px;transition:all .2s ease;white-space:nowrap}.btn-remove-emp:hover{background:#ff3838;transform:scale(1.05)}.btn-remove-emp:disabled{cursor:not-allowed;opacity:.6}.employee-row-container{align-items:center;display:flex;justify-content:space-between;padding:4px 0}.modal-overlay{align-items:flex-start;animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto;padding:60px 20px 20px;z-index:9999}.modal-content{animation:slideUp .3s ease-out;height:85vh;max-height:85vh;max-width:820px;z-index:10000}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:#f8fafc;border-bottom:2px solid #e2e8f0;flex-shrink:0;padding:20px 25px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.modal-header h3{color:#0f172a;font-size:18px;font-weight:700;margin:0}.btn-close{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.btn-close:hover{background:#e2e8f0;border-radius:8px;color:#1e293b}.modal-search{border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:15px 25px}.modal-search-input{border:2px solid #cbd5f5;border-radius:8px;font-size:13px;padding:10px 14px;transition:all .2s ease;width:100%}.modal-search-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.modal-search-info{color:#64748b;font-size:12px;font-weight:600;white-space:nowrap}.modal-buttons-top{border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:10px;padding:15px 25px}.btn-deselect-all,.btn-select-all{background:#f8fafc;border:1px solid #cbd5f5;border-radius:8px;color:#475569;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 14px;transition:all .2s ease}.btn-deselect-all:hover:not(:disabled),.btn-select-all:hover:not(:disabled){background:#4f46e5;border-color:#4f46e5;color:#fff}.btn-deselect-all:disabled,.btn-select-all:disabled{cursor:not-allowed;opacity:.5}.modal-employees-list{flex:1 1;min-height:0;overflow-y:auto;padding:18px 25px}.modal-employees-list::-webkit-scrollbar{width:6px}.modal-employees-list::-webkit-scrollbar-track{background:#0000}.modal-employees-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.employee-item{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;flex-direction:row;gap:18px;justify-content:space-between;margin-bottom:12px;min-height:90px;padding:20px 22px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.employee-item:hover{background:#f8faff;border-color:#a5b4fc;box-shadow:0 4px 16px #6366f114}.employee-item.selected{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#6366f1;border-width:2.5px;box-shadow:0 0 0 4px #6366f11a}.employee-item-top{align-items:center;display:flex;flex:1 1;min-width:0}.tl-assign-row{align-items:center;animation:fadeInTL .18s ease-out;display:flex;flex-shrink:0;gap:8px}@keyframes fadeInTL{0%{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}.tl-assign-label{color:#6366f1;font-size:12px;font-weight:700;letter-spacing:.3px;white-space:nowrap}.tl-assign-select{background:#fff;border:2px solid #c7d2fe;border-radius:8px;color:#3730a3;cursor:pointer;font-size:13px;font-weight:600;max-width:220px;min-width:180px;outline:none;padding:9px 12px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.tl-assign-select:focus{background:#f5f3ff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.tl-assign-select:hover:not(:disabled){background:#eef2ff;border-color:#818cf8}.tl-assign-select:disabled{cursor:not-allowed;opacity:.5}.tl-assign-select.tl-chosen{background:#eef2ff;border-color:#6366f1;color:#4338ca}.employee-checkbox{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:14px}.employee-checkbox input[type=checkbox]{display:none}.checkbox-custom{align-items:center;background:#fff;border:2.5px solid #cbd5f5;border-radius:9px;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:all .2s ease;width:30px}.employee-checkbox input[type=checkbox]:checked+.checkbox-custom{background:#4f46e5;border-color:#4f46e5;color:#fff}.employee-checkbox input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";font-size:17px;font-weight:700}.employee-info{flex:1 1}.employee-info strong{color:#1e293b;display:block;font-size:17px;font-weight:700;line-height:1.3;margin-bottom:5px}.employee-info small{color:#64748b;font-size:14px;line-height:1.5}.no-employees-found{color:#94a3b8;font-size:14px;padding:40px 20px;text-align:center}.modal-buttons-bottom{background:#f8fafc;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top:2px solid #e2e8f0;display:flex;flex-shrink:0;gap:12px;margin-top:auto;padding:16px 25px}.btn-assign,.btn-cancel{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease}.btn-cancel{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.btn-cancel:hover:not(:disabled){background:#e2e8f0;border-color:#94a3b8}.btn-assign{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e40;color:#fff}.btn-assign:hover:not(:disabled){box-shadow:0 6px 16px #22c55e59;transform:translateY(-2px)}.btn-assign:disabled,.btn-cancel:disabled{cursor:not-allowed;opacity:.5;transform:none}.assign-popover-backdrop{animation:popoverFadeIn .08s ease-out;background:#0f172a47;inset:0;position:fixed;z-index:9999}.assign-popover{animation:popoverIn .1s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 16px 44px #0f172a47,0 2px 8px #0f172a1a;display:flex;flex-direction:column;left:50%;max-height:min(420px,calc(100vh - 24px));max-width:calc(100vw - 24px);overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:380px;z-index:10000}@keyframes popoverFadeIn{0%{opacity:0}to{opacity:1}}@keyframes popoverIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.assign-popover .modal-header{border-radius:14px 14px 0 0;padding:14px 16px}.assign-popover .modal-header h3{font-size:14px;line-height:1.3}.assign-popover .modal-search{padding:10px 16px}.assign-popover .modal-employees-list{max-height:240px;padding:10px 14px}.assign-popover .employee-item{border-radius:10px;gap:10px;margin-bottom:8px;min-height:0;min-height:auto;padding:10px 12px}.assign-popover .checkbox-custom{border-radius:6px;height:22px;width:22px}.assign-popover .employee-info strong{font-size:13.5px;margin-bottom:2px}.assign-popover .employee-info small{font-size:11.5px}.assign-popover .modal-buttons-bottom{border-radius:0 0 14px 14px;padding:12px 16px}@media (max-width:900px){.table-wrapper{max-height:350px;overflow-x:auto}.projects-container h2{font-size:24px}}@media (max-width:768px){.projects-container{padding:15px}.projects-card{margin-bottom:20px;padding:15px}.projects-container h2{font-size:20px}.search-bar input{max-width:100%}.modal-overlay{padding:40px 10px 10px}.modal-content{max-height:90vh;width:95%}.modal-employees-list{padding:10px 15px}.assign-popover{max-height:80vh;width:calc(100vw - 32px)}.projects-table{font-size:12px}.projects-table td,.projects-table th{padding:10px 8px}.modal-buttons-bottom,.modal-buttons-top,.modal-header,.modal-search{padding:15px}}@media (max-width:480px){.projects-container{padding:10px}.projects-card{margin-bottom:15px;padding:12px}.projects-container h2{font-size:18px;margin-bottom:15px}.search-bar input{font-size:13px;padding:10px}.projects-table{font-size:11px}.projects-table td:nth-child(3),.projects-table th:nth-child(3){display:none}.projects-table td:nth-child(2),.projects-table th:nth-child(2){width:35%}.modal-header h3{font-size:16px}.modal-overlay{padding:30px 5px 5px}.modal-buttons-bottom,.modal-buttons-top,.modal-header,.modal-search{padding:12px 15px}.employee-info small{display:none}.btn-deselect-all,.btn-select-all{font-size:12px;padding:8px 10px}.employee-row-container{align-items:flex-start;flex-direction:column;gap:8px}.btn-remove-emp{text-align:center;width:100%}}@media print{.btn-edit-employees,.btn-remove-emp,.modal-overlay,.search-bar{display:none}.projects-table{font-size:11px}}.calendar-container{background:#f4f6fb;font-family:Segoe UI,sans-serif;min-height:100vh;padding:20px}.calendar-header{margin-bottom:20px}.calendar-header h2{color:#1e293b;font-size:24px;font-weight:600}.nav-btns button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-left:8px;padding:6px 12px;transition:.2s}.nav-btns button:hover{background:#2563eb}.calendar-days{background:#e2e8f0;border-radius:8px 8px 0 0;color:#475569;padding:10px 0}.calendar-grid{grid-gap:8px;background:#fff;border-radius:0 0 10px 10px;gap:8px;padding:10px}.calendar-cell{background:#f8fafc;min-height:90px;padding:6px}.calendar-cell:hover{background:#e0f2fe}.date{color:#334155;font-size:14px;font-weight:600;margin-bottom:4px}.today{background:#eff6ff;border:2px solid #3b82f6}.weekend{background:#fef2f2}.event{background:#3b82f6;border-radius:4px;color:#fff;font-size:12px;margin-top:3px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.modal-overlay{background:#0006;height:100%;width:100%}.modal-box{border-radius:10px;box-shadow:0 10px 25px #0003}.modal-box p{color:#64748b;font-size:13px}.event-item{background:#f1f5f9;border-radius:6px;margin-top:10px;padding:10px}.event-item strong{color:#1e293b}.event-item p{font-size:13px;margin:4px 0}.modal-actions{margin-top:15px;text-align:right}.modal-actions button{background:#ef4444;color:#fff;padding:6px 12px}.modal-actions button:hover{background:#dc2626}.mgr-leave-approvals-page{background:#f5f7fb;min-height:100vh;padding:30px}.mgr-leave-approvals-page h2{color:#1e293b;font-size:26px;font-weight:600;margin-bottom:20px}.mgr-leave-approvals-page table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 10px 25px #0000000d;overflow:hidden;width:100%}.mgr-leave-approvals-page thead{background:#f1f5f9}.mgr-leave-approvals-page th{color:#64748b;font-size:13px;padding:14px;text-align:left;text-transform:uppercase}.mgr-leave-approvals-page td{border-top:1px solid #f1f5f9;color:#1e293b;font-size:14px;padding:16px 14px}.mgr-leave-approvals-page tbody tr:hover{background:#f8fafc}.mgr-leave-approvals-page td:nth-child(5){font-weight:600}.mgr-leave-approvals-page td:nth-child(5):contains("Approved"){color:#16a34a}.mgr-leave-approvals-page td:nth-child(5):contains("Denied"){color:#dc2626}.mgr-leave-approvals-page td:nth-child(5):contains("Pending"){color:#f59e0b}.mgr-leave-approvals-page button{border:none;border-radius:6px;cursor:pointer;font-size:12px;margin-right:6px;padding:6px 12px;transition:.3s}.mgr-leave-approvals-page button:first-child{background:#22c55e;color:#fff}.mgr-leave-approvals-page button:first-child:hover{background:#16a34a}.mgr-leave-approvals-page button:last-child{background:#ef4444;color:#fff}.mgr-leave-approvals-page button:last-child:hover{background:#dc2626}.mgr-leave-approvals-page input{border:1px solid #e2e8f0;border-radius:6px;font-size:12px;margin-right:6px;padding:6px 10px}.mgr-leave-approvals-page input:focus{border-color:#6366f1;outline:none}.mgr-leave-approvals-page td[colspan]{color:#64748b;padding:30px;text-align:center}@media (max-width:768px){.mgr-leave-approvals-page table{font-size:12px}.mgr-leave-approvals-page td,.mgr-leave-approvals-page th{padding:10px}.mgr-leave-approvals-page button{margin-top:5px}}:root{--border-strong:#cbd5e1;--shadow:0 4px 12px #00000014,0 1px 3px #0000000d}.mts-page{background:#f8fafc;background:var(--bg);color:#0f172a;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font);margin:0 auto;max-width:1320px;min-height:100vh;padding:36px 28px}.mts-page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.mts-page-header h1{color:#0f172a;color:var(--text-primary);font-size:26px;font-weight:700;letter-spacing:-.5px}.mts-subtitle{color:#94a3b8;color:var(--text-muted);font-size:14px;margin-top:4px}.mts-user-chip{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:40px;box-shadow:0 1px 3px #00000012,0 1px 2px #0000000d;box-shadow:var(--shadow-sm);gap:12px;padding:8px 16px 8px 8px}.mts-avatar,.mts-user-chip{align-items:center;display:flex}.mts-avatar{background:#2563eb;background:var(--brand);border-radius:50%;color:#fff;font-size:15px;font-weight:700;height:36px;justify-content:center;width:36px}.mts-user-name{display:block;font-size:13px;font-weight:600}.mts-user-id{color:#94a3b8;color:var(--text-muted);display:block;font-family:DM Mono,monospace;font-family:var(--mono);font-size:11px}.mts-tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);display:flex;gap:4px;margin-bottom:28px}.mts-tab{background:none;border:none;border-radius:6px 6px 0 0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:#475569;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:12px 22px;position:relative;transition:color .2s}.mts-tab.active,.mts-tab:hover{color:#2563eb;color:var(--brand)}.mts-tab.active{font-weight:600}.mts-tab-indicator{background:#2563eb;background:var(--brand);border-radius:2px;bottom:-2px;height:2px;left:0;position:absolute;right:0}.mts-sub-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.mts-sub-tab{background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:20px;color:#475569;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 18px;transition:all .2s}.mts-sub-tab:hover{color:#2563eb;color:var(--brand)}.mts-sub-tab.active,.mts-sub-tab:hover{border-color:#2563eb;border-color:var(--brand)}.mts-sub-tab.active{background:#2563eb;background:var(--brand);box-shadow:0 3px 10px #2563eb4d;color:#fff;font-weight:600}.mts-card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000012,0 1px 2px #0000000d;box-shadow:var(--shadow-sm);overflow:hidden}.mts-card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px 24px}.mts-card-header h3{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;font-size:15px;font-weight:600;gap:10px;margin:0}.mts-header-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.mts-header-dot.green{background:#16a34a;background:var(--green)}.mts-header-dot.blue{background:#2563eb;background:var(--brand)}.mts-badge-count{background:#fffbeb;background:var(--amber-light);border:1px solid #fde68a;border-radius:20px;color:#d97706;color:var(--amber);font-size:11px;font-weight:600;padding:2px 8px}.mts-stack{display:flex;flex-direction:column;gap:24px}.mts-form-card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000012,0 1px 2px #0000000d;box-shadow:var(--shadow-sm);padding:28px 32px}.mts-edit-banner{align-items:center;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;border-radius:var(--radius);color:#92400e;display:flex;flex-wrap:wrap;font-size:13px;font-weight:500;gap:10px;margin-bottom:20px;padding:10px 16px}.mts-cancel-edit{background:none;border:1px solid #fbbf24;border-radius:20px;color:#92400e;cursor:pointer;font-size:12px;font-weight:600;margin-left:auto;padding:4px 12px;transition:all .2s}.mts-cancel-edit:hover{background:#fde68a}.mts-section-label{color:#94a3b8;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:14px;text-transform:uppercase}.mts-info-row{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:4px}.mts-info-field{display:flex;flex-direction:column;gap:3px;min-width:140px}.mts-info-key{color:#94a3b8;color:var(--text-muted);font-size:11px;font-weight:500}.mts-info-val{color:#0f172a;color:var(--text-primary);font-size:14px;font-weight:600}.mts-divider{border:none;border-top:1px solid #e2e8f0;border-top:1px solid var(--border);margin:22px 0}.mts-grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.mts-field{display:flex;flex-direction:column;gap:6px}.mts-field label{color:#475569;color:var(--text-secondary);font-size:13px;font-weight:500}.mts-field .req{color:#dc2626;color:var(--red)}.mts-field input,.mts-field select,.mts-field textarea{background:#f8fafc;background:var(--bg);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#0f172a;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font);font-size:14px;padding:10px 13px;transition:border-color .2s,box-shadow .2s;width:100%}.mts-field input:focus,.mts-field select:focus,.mts-field textarea:focus{background:#fff;background:var(--surface);border-color:#2563eb;border-color:var(--brand);box-shadow:0 0 0 3px #2563eb1a;outline:none}.mts-field input:disabled{background:#f8fafc;background:var(--bg);color:#94a3b8;color:var(--text-muted);cursor:not-allowed}.mts-field textarea{min-height:88px;resize:vertical}.mts-form-footer{display:flex;justify-content:flex-end;margin-top:24px}.mts-submit-btn{align-items:center;background:#2563eb;background:var(--brand);border:none;border-radius:10px;border-radius:var(--radius);box-shadow:0 2px 8px #2563eb4d;color:#fff;cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:14px;font-weight:600;gap:8px;padding:11px 24px;transition:all .2s}.mts-submit-btn:hover{background:#1d4ed8;background:var(--brand-dark);box-shadow:0 4px 14px #2563eb66;transform:translateY(-1px)}.mts-submit-btn:active{transform:translateY(0)}.mts-dl-btn{align-items:center;background:#f0fdf4;background:var(--green-light);border:1px solid #bbf7d0;border-radius:10px;border-radius:var(--radius);color:#16a34a;color:var(--green);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;gap:7px;padding:8px 18px;transition:all .2s}.mts-dl-btn:hover{background:#dcfce7;border-color:#86efac;transform:translateY(-1px)}.mts-icon-btn{align-items:center;background:#eff6ff;background:var(--brand-light);border:1px solid #bfdbfe;border-radius:6px;border-radius:var(--radius-sm);color:#2563eb;color:var(--brand);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:12px;font-weight:600;gap:5px;padding:6px 13px;transition:all .2s}.mts-icon-btn:hover{background:#dbeafe}.mts-icon-btn--danger{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.mts-icon-btn--danger:hover{background:#fee2e2}.mts-approve-btn{background:#16a34a;background:var(--green);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s}.mts-approve-btn:hover{background:#15803d;transform:translateY(-1px)}.mts-reject-btn{background:#dc2626;background:var(--red);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s}.mts-reject-btn:hover{background:#b91c1c;transform:translateY(-1px)}.mts-action-pair{display:flex;flex-wrap:wrap;gap:6px}.mts-done-text{color:#94a3b8;color:var(--text-muted);font-size:12px;font-style:italic}.mts-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.mts-filter-row input[type=date],.mts-filter-row select{background:#f8fafc;background:var(--bg);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#0f172a;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font);font-size:13px;padding:8px 12px;transition:border-color .2s}.mts-filter-row input[type=date]:focus,.mts-filter-row select:focus{border-color:#2563eb;border-color:var(--brand);box-shadow:0 0 0 3px #2563eb1a;outline:none}.mts-search-box{align-items:center;background:#f8fafc;background:var(--bg);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius);display:flex;gap:8px;padding:8px 14px;transition:border-color .2s}.mts-search-box:focus-within{border-color:#2563eb;border-color:var(--brand)}.mts-search-icon{color:#94a3b8;color:var(--text-muted);flex-shrink:0;font-size:13px}.mts-search-box input{background:#0000;border:none;color:#0f172a;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font);font-size:13px;min-width:200px;outline:none}.mts-search-box input::placeholder{color:#94a3b8;color:var(--text-muted)}.mts-table-wrap{overflow-x:auto;padding:0 4px 4px}.mts-table{border-collapse:collapse;font-size:14px;width:100%}.mts-table thead tr{border-bottom:1.5px solid #e2e8f0;border-bottom:1.5px solid var(--border)}.mts-table th{background:#fafbfc;color:#94a3b8;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.6px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.mts-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);color:#475569;color:var(--text-secondary);padding:14px 16px;vertical-align:middle}.mts-table td strong{color:#0f172a;color:var(--text-primary)}.mts-table tbody tr:last-child td{border-bottom:none}.mts-table tbody tr:hover td{background:#f8fafc}.status-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;padding:4px 10px;text-transform:capitalize;white-space:nowrap}.status-badge.pending{background:#fffbeb;background:var(--amber-light);border:1px solid #fde68a;color:#d97706;color:var(--amber)}.status-badge.approved{background:#f0fdf4;background:var(--green-light);border:1px solid #bbf7d0;color:#16a34a;color:var(--green)}.status-badge.rejected{background:#fef2f2;background:var(--red-light);border:1px solid #fecaca;color:#dc2626;color:var(--red)}.status-badge.tl-approved{background:#e0f2fe;border:1px solid #bae6fd;color:#0369a1}.status-badge.draft{background:#f1f5f9;border:1px solid #e2e8f0;border:1px solid var(--border);color:#64748b}.status-badge.not-saved{background:#fef2f2;background:var(--red-light);border:1px solid #fecaca;color:#dc2626;color:var(--red)}.mts-week-nav{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px;padding:20px 24px 0}.mts-week-range{color:#0f172a;color:var(--text-primary);font-size:15px;font-weight:700}.mts-ghost-btn{background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#475569;color:var(--text-secondary);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;padding:9px 18px;transition:all .2s}.mts-ghost-btn:hover{border-color:#2563eb;border-color:var(--brand);color:#2563eb;color:var(--brand)}.mts-ghost-btn:disabled,.mts-submit-btn:disabled{cursor:not-allowed;opacity:.6}.mts-week-lock-banner{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;color:#9a3412;font-size:13px;margin:0 24px 14px;padding:12px 16px}.mts-week-lock-banner p{margin:0 0 8px}.mts-week-lock-banner--approved{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.mts-week-lock-banner--approved p{margin:0}.mts-week-lock-request{display:flex;flex-wrap:wrap;gap:10px}.mts-week-lock-request input{border:1px solid #fdba74;border-radius:8px;flex:1 1;font-size:13px;min-width:220px;padding:8px 10px}.mts-week-grid{display:flex;flex-direction:column;gap:10px;padding:16px 24px 24px}.mts-week-row{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:16px;padding:12px 14px}.mts-week-row--locked{background:#f8fafc;background:var(--bg);opacity:.75}.mts-week-day-entries{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:280px}.mts-week-entry-row{align-items:center;display:flex;gap:8px}.mts-week-entry-row .mts-week-row__fields{flex:1 1}.mts-week-add-btn{align-self:flex-start;background:#fff;background:var(--surface);border:1.5px dashed #93c5fd;border-radius:8px;color:#2563eb;color:var(--brand);cursor:pointer;font-size:12.5px;font-weight:600;padding:6px 14px;transition:all .2s}.mts-week-add-btn:hover{background:#eff6ff;background:var(--brand-light)}.mts-week-remove-btn{background:#fef2f2;background:var(--red-light);border:1px solid #fecaca;border-radius:50%;color:#dc2626;color:var(--red);cursor:pointer;flex-shrink:0;font-size:12px;font-weight:700;height:26px;transition:background .2s;width:26px}.mts-week-remove-btn:hover{background:#fee2e2}.mts-week-row__day{display:flex;flex-direction:column;min-width:90px}.mts-week-row__day strong{color:#0f172a;color:var(--text-primary);font-size:13.5px}.mts-week-row__day span{color:#94a3b8;color:var(--text-muted);font-size:12px}.mts-week-row__fields{grid-gap:10px;display:grid;flex:1 1;gap:10px;grid-template-columns:1fr 1fr 90px 1.3fr;min-width:280px}.mts-week-row__fields input,.mts-week-row__fields select{border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:6px;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:13px;padding:8px 10px}.mts-week-row__fields input:disabled,.mts-week-row__fields select:disabled{background:#f8fafc;background:var(--bg);color:#94a3b8;color:var(--text-muted);cursor:not-allowed}.mts-week-hint{color:#94a3b8;color:var(--text-muted);font-size:12.5px;padding:0 24px 20px}.mts-week-footer{display:flex;flex-wrap:wrap;gap:10px;padding:4px 24px 20px}.mts-project-pill{background:#eff6ff;background:var(--brand-light);color:#2563eb;color:var(--brand);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mts-project-pill,.mts-role-tag{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:2px 8px}.mts-role-tag{background:#f1f5f9;color:#475569;color:var(--text-secondary);text-transform:capitalize}.mts-mono{color:#94a3b8;color:var(--text-muted);font-family:DM Mono,monospace;font-family:var(--mono);font-size:12px}.mts-stat-row{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:16px;padding:20px 24px}.mts-stat-card{align-items:center;background:#f8fafc;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);display:flex;gap:14px;min-width:160px;padding:16px 24px}.mts-stat-icon{font-size:22px}.mts-stat-icon.blue{color:#2563eb;color:var(--brand)}.mts-stat-icon.green{color:#16a34a;color:var(--green)}.mts-stat-num{color:#0f172a;color:var(--text-primary);font-size:24px;font-weight:700;line-height:1}.mts-stat-label{font-size:12px;margin-top:3px}.mts-empty,.mts-stat-label{color:#94a3b8;color:var(--text-muted)}.mts-empty{font-size:14px;padding:36px 20px!important;text-align:center}.mts-empty-green{color:#16a34a!important;color:var(--green)!important}.mts-report-card{max-width:560px;padding:36px}.mts-report-card h3{color:#0f172a;color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:8px}.mts-report-card p{color:#475569;color:var(--text-secondary);font-size:14px;margin-bottom:24px}.mts-report-filters{align-items:flex-start;flex-direction:column;margin-bottom:24px}.mts-report-filters .mts-field{min-width:200px}.mts-modal-overlay{align-items:center;animation:mts-fadein .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}@keyframes mts-fadein{0%{opacity:0}to{opacity:1}}.mts-modal{animation:mts-slideup .25s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--surface);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 10px 32px #0000001f,0 2px 8px #0000000f;box-shadow:var(--shadow-lg);max-width:460px;padding:32px;width:90%}@keyframes mts-slideup{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mts-modal h3{font-size:16px;font-weight:700;margin-bottom:14px}.mts-modal p{font-size:14px;line-height:1.65;margin-bottom:24px}.mts-modal p,.mts-modal-close{color:#475569;color:var(--text-secondary)}.mts-modal-close{background:#f8fafc;background:var(--bg);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;padding:9px 22px;transition:all .2s}.mts-modal-close:hover{background:#e2e8f0;background:var(--border)}@media (max-width:900px){.mts-page{padding:24px 16px}.mts-grid-2{grid-template-columns:1fr}.mts-form-card{padding:20px}.mts-page-header h1{font-size:22px}}@media (max-width:600px){.mts-page{padding:16px 12px}.mts-tabs{gap:0}.mts-tab{font-size:13px;padding:10px 14px}.mts-card-header{align-items:flex-start}.mts-card-header,.mts-stat-row{flex-direction:column}.mts-search-box input{min-width:120px}.mts-table td:nth-child(n+5),.mts-table th:nth-child(n+5){display:none}}.leave-container{background:linear-gradient(135deg,#eef2ff,#f8fafc);font-family:Inter,Segoe UI,sans-serif;padding:30px}.leave-container h2{font-size:26px;font-weight:600}.calendar-header{justify-content:space-between;margin-bottom:8px}.calendar-header h3{color:#334155;font-size:18px}.calendar-header button{background:#6366f1;border-radius:8px;padding:7px 14px;transition:.2s ease}.calendar-header button:hover{background:#4f46e5;transform:scale(1.05)}.calendar-days{color:#64748b;letter-spacing:.5px;margin-bottom:10px}.calendar-grid{grid-gap:12px;gap:12px;margin-bottom:30px}.calendar-cell{border-radius:12px;font-weight:500;padding:16px;position:relative;transition:all .25s ease}.calendar-cell:hover{background:#eef2ff;border-color:#6366f1;box-shadow:0 5px 15px #6366f133;transform:translateY(-3px) scale(1.04)}.modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a99;left:0;top:0}.modal-box{animation:popup .3s ease;border-radius:14px;box-shadow:0 20px 40px #0003;padding:25px;width:350px}@keyframes popup{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.modal-box h3{color:#1e293b;margin-bottom:12px}.modal-box input,.modal-box select,.modal-box textarea{border:1px solid #cbd5f5;border-radius:8px;font-size:14px;margin-bottom:12px;padding:10px;transition:.2s;width:100%}.modal-box input:focus,.modal-box select:focus,.modal-box textarea:focus{border-color:#6366f1;box-shadow:0 0 6px #6366f14d;outline:none}.modal-actions button{border-radius:8px;font-size:13px;padding:9px 15px;transition:.2s}.modal-actions button:first-child{background:#e2e8f0}.modal-actions button:first-child:hover{background:#cbd5f5}.modal-actions button:last-child{background:#6366f1;color:#fff}.modal-actions button:last-child:hover{background:#4f46e5}.leave-table{background:#fff;border-collapse:collapse;border-radius:14px;box-shadow:0 10px 25px #0000000d;overflow:hidden;width:100%}.leave-table th{background:#f1f5f9;color:#64748b;font-size:12px;letter-spacing:.5px;padding:14px;text-align:left;text-transform:uppercase}.leave-table td{border-top:1px solid #e2e8f0;font-size:14px;padding:14px}.leave-table tr:hover{background:#f8fafc}.pending{color:#f59e0b;font-weight:600}.approved{color:#16a34a;font-weight:600}.rejected{color:#dc2626;font-weight:600}.edit-btn{background:#0ea5e9;border:none;border-radius:6px;color:#fff;margin-right:6px;padding:6px 12px;transition:.2s}.edit-btn:hover{background:#0284c7}.delete-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px;transition:.2s}.delete-btn:hover{background:#dc2626}@media (max-width:768px){.calendar-grid{gap:8px}.calendar-cell{font-size:13px;padding:12px}.modal-box{width:90%}.leave-table td,.leave-table th{font-size:12px;padding:10px}}.page-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.user-info{box-shadow:0 5px 15px #0000000d}.user-info h3{color:#2563eb;margin:0}.user-info p{color:#64748b;font-size:14px;margin:5px 0 0}.password-form{box-shadow:0 10px 25px #0000000d}.password-form input{border:1px solid #e2e8f0;font-size:14px;transition:all .2s ease}.password-form input:focus{background:#f9fafb;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133;outline:none}.password-form button{background:linear-gradient(135deg,#6366f1,#4f46e5);font-weight:600;transition:.3s}.password-form button:hover{box-shadow:0 5px 15px #4f46e54d;transform:translateY(-2px)}.message.error{color:#dc2626;font-size:14px;margin-top:10px}.popup{z-index:999}.popup-content{animation:popupFade .3s ease;box-shadow:0 5px 20px #0003;color:#16a34a;font-size:18px;font-weight:600;padding:25px 40px}@keyframes popupFade{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:500px){.password-form{width:90%}}.input-group{margin-bottom:20px}.password-input-wrapper input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff4d}.password-form .update-btn{background-color:#007bff}.password-form .update-btn:hover:not(:disabled){background-color:#0056b3}.popup-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-content{animation:popupAppear .3s ease-out;border-radius:12px;box-shadow:0 4px 20px #0000004d;min-width:320px;padding:30px;text-align:center}.popup-content .icon{display:block;font-size:48px;margin-bottom:15px}.popup-content p{color:#333;font-size:16px}.employee-document-page{background:#0000!important;color:#263b55;font-family:DM Sans,Segoe UI,sans-serif!important;margin:0 auto;max-width:1240px;min-height:0!important;padding:0!important;width:100%}.employee-payslip-preview,.employee-payslip-preview button{font-family:DM Sans,Segoe UI,sans-serif}.employee-payslip-preview .no-print{align-items:center;box-sizing:border-box;min-height:72px;width:100%}.employee-document-header{margin-bottom:16px}.employee-document-header>span{color:#4c7ee0;font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.employee-document-header h2{color:#1f344f!important;font-size:25px!important;margin:4px 0 0!important}.employee-document-header p{color:#718198;font-size:12px;margin:5px 0 0}.employee-doc-tabs{background:#fff;border:1px solid #dce5f0;border-radius:13px;box-shadow:0 7px 18px #2c3e500d;display:flex;gap:5px;margin:0 auto 20px;padding:4px;width:-webkit-fit-content;width:fit-content}.employee-doc-tab{background:#0000;border:0;border-radius:9px;color:#637489;cursor:pointer;font:inherit;font-size:11px;font-weight:800;min-height:38px;padding:0 16px}.employee-doc-tab.active{background:#4c7ee0;box-shadow:0 6px 14px #4c7ee038;color:#fff}.employee-doc-card{background:#fff!important;border:1px solid #dce5f0;border-radius:17px!important;box-shadow:0 10px 28px #2c3e5012!important}.employee-payslip-request-card{box-sizing:border-box;max-width:none!important;padding:24px!important;width:min(520px,100%)}.employee-payslip-request-card h3{color:#1f344f!important}.employee-doc-primary{background:#4c7ee0;border:0;border-radius:10px;box-shadow:0 7px 15px #4c7ee03b;color:#fff;cursor:pointer;font:inherit;font-size:12px;font-weight:850;min-height:41px;width:100%}.employee-doc-primary:hover{background:#386ccc}.employee-doc-table-card{overflow:hidden!important}.employee-doc-table-heading{align-items:center;background:linear-gradient(90deg,#f3f7fe,#fff);border-bottom:1px solid #dce7f5;display:flex;justify-content:space-between;padding:14px 18px}.employee-doc-table-heading>div{align-items:center;display:flex;gap:9px}.employee-doc-table-heading i{background:#4c7ee0;border-radius:999px;height:24px;width:5px}.employee-doc-table-heading h3{color:#253247;font-size:16px;margin:0}.employee-doc-table-heading>span{background:#eaf1fb;border-radius:999px;color:#2563eb;display:inline-grid;font-size:11px;font-weight:850;height:29px;min-width:29px;padding:0 8px;place-items:center}.employee-doc-table-wrap{overflow-x:auto}.employee-doc-table{background:#fff;border-collapse:collapse!important;min-width:760px;width:100%!important}.employee-doc-table thead tr{background:#eaf1fb!important;color:#35516f!important}.employee-doc-table th{border-bottom:1px solid #d7e3f3;color:#35516f!important;font-size:10px!important;font-weight:850!important;letter-spacing:.07em;padding:12px 15px!important;text-transform:uppercase}.employee-doc-table td{border-bottom:1px solid #edf1f5;color:#526375;font-size:11px;padding:12px 15px!important}.employee-doc-table tbody tr:nth-child(2n){background:#fbfcfe}.employee-form16-layout{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.employee-form16-selector,.employee-form16-years{padding:22px}.employee-doc-card-title{align-items:center;display:flex;gap:11px;margin-bottom:18px}.employee-doc-card-title>svg{background:#eaf1fb;border-radius:10px;box-sizing:initial;color:#4c7ee0;font-size:17px;padding:10px}.employee-doc-card-title h3,.employee-doc-card-title span{display:block}.employee-doc-card-title span{color:#8290a2;font-size:8px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.employee-doc-card-title h3{color:#263b55;font-size:14px;margin:3px 0 0}.employee-form16-selector>label{grid-gap:7px;display:grid;gap:7px}.employee-form16-selector>label>span{color:#5c6d82;font-size:10px;font-weight:800;text-transform:uppercase}.employee-form16-selector select{background:#f8fafc;border:1px solid #d5e0ed;border-radius:10px;color:#263b55;font:inherit;font-size:12px;min-height:41px;outline:0;padding:8px 11px;width:100%}.employee-form16-selector select:focus{border-color:#4c7ee0;box-shadow:0 0 0 3px #4c7ee01c}.employee-form16-available{align-items:center;background:#effaf4;border:1px solid #b9e4ce;border-radius:11px;display:flex;gap:14px;justify-content:space-between;margin-top:17px;padding:14px}.employee-form16-available small,.employee-form16-available strong{display:block}.employee-form16-available strong{color:#216347;font-size:12px}.employee-form16-available small{color:#678878;font-size:9px;margin-top:4px}.employee-form16-available a{align-items:center;background:#299163;border-radius:9px;color:#fff;display:inline-flex;font-size:10px;font-weight:850;gap:7px;min-height:36px;padding:0 13px;text-decoration:none}.employee-doc-state{background:#f5f8fc;border-radius:10px;color:#65768b;font-size:11px;margin-top:17px;padding:14px}.employee-doc-state.error{background:#fff1f2;color:#b43843}.employee-doc-state.empty{background:#fbfcfe;border:1px dashed #d9e2ed;color:#7b899b}.employee-form16-years>div:last-child{grid-gap:8px;display:grid;gap:8px}.employee-form16-years button{align-items:center;background:#fbfcfe;border:1px solid #dfe7f1;border-radius:10px;color:#607187;cursor:pointer;display:grid;grid-template-columns:30px 1fr;padding:10px;text-align:left}.employee-form16-years button>svg{color:#7795c8;grid-row:1/3}.employee-form16-years button span{color:#30445e;font-size:11px;font-weight:800}.employee-form16-years button small{color:#8a98aa;font-size:8px}.employee-form16-years button.active{background:#eff5ff;border-color:#9bb9ec}@media (max-width:760px){.employee-form16-layout{grid-template-columns:1fr}.employee-doc-tabs{box-sizing:border-box;display:flex;width:100%}.employee-doc-tab{flex:1 1;min-width:0;padding-inline:8px}.employee-form16-available{align-items:flex-start;flex-direction:column}}.allowance-card{margin-bottom:20px}.allowance-card h4{color:#334155;font-size:15px;margin:0 0 14px}.my-attendance-page{color:#172033;margin:0 auto;max-width:1440px;width:100%}.my-attendance-heading{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:14px}.my-attendance-eyebrow{color:#6570cf;display:block;font-size:9px;font-weight:800;letter-spacing:.14em;margin-bottom:4px}.my-attendance-heading h1{align-items:center;color:#172033;display:flex;font-size:clamp(19px,2vw,23px);gap:8px;line-height:1.15;margin:0}.my-attendance-heading h1 svg{color:#6672d7;font-size:.8em}.my-attendance-heading p{color:#6d778a;font-size:12px;line-height:1.55;margin:6px 0 0;max-width:680px}.my-attendance-empty button,.my-attendance-error button,.my-attendance-refresh{align-items:center;background:#5966d1;border:0;border-radius:9px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-size:13px;font-weight:750;gap:8px;justify-content:center;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.my-attendance-refresh{box-shadow:0 6px 14px #5966d12e;min-width:106px;padding:11px 15px}.my-attendance-empty button:hover,.my-attendance-error button:hover,.my-attendance-refresh:hover:not(:disabled){background:#4653bd;box-shadow:0 8px 18px #5966d138;transform:translateY(-1px)}.my-attendance-refresh:disabled{cursor:wait;opacity:.72}.my-attendance-spin{animation:my-attendance-rotate .85s linear infinite}@keyframes my-attendance-rotate{to{transform:rotate(1turn)}}.my-attendance-summary{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}.my-attendance-week-toolbar{align-items:center;display:flex;gap:18px;justify-content:space-between;margin-bottom:12px;padding:4px 0}.my-attendance-week-navigation{align-items:center;background:#0000;border:0;display:flex;gap:10px;height:42px;overflow:visible;width:auto}.my-attendance-week-label{color:#2c3548;flex:1 1;font-size:16px;font-weight:850;padding:0 13px;text-align:center}.my-attendance-week-details{background:#fff;border:1px solid #c5d9f6;border-radius:12px;box-shadow:none;color:#4c7ee0;cursor:pointer;flex:0 0 108px;font:inherit;font-size:13px;font-weight:750;height:38px;margin:0;min-width:0;white-space:nowrap;width:108px}.my-attendance-week-arrow{background:#fff;border:1px solid #b8d0f5;border-radius:13px;color:#4c7ee0;cursor:pointer;display:grid;flex:0 0 38px;height:38px;padding:0;place-items:center;width:38px}.my-attendance-week-arrow:first-child,.my-attendance-week-arrow:last-child{border:1px solid #b8d0f5}.my-attendance-week-arrow:hover:not(:disabled){background:#4c7ee0;color:#fff}.my-attendance-week-arrow:disabled{cursor:not-allowed;opacity:.4}.my-attendance-summary-card{background:linear-gradient(135deg,#fff,#f8f9fe);border:1px solid #e9ecf4;border-radius:13px;box-shadow:0 7px 20px rgba(35,47,86,.045);min-height:65px;padding:12px 14px}.my-attendance-summary-value{color:#172033;display:block;font-size:19px;font-weight:850;line-height:1.05}.my-attendance-summary-label{color:#8b94a6;display:block;font-size:10.5px;font-weight:700;margin-top:5px}.my-attendance-summary-success{background:linear-gradient(135deg,#fff,#f3fbf7);border-color:#d8f0e5}.my-attendance-summary-success .my-attendance-summary-value{color:#178253}.my-attendance-summary-warning{background:linear-gradient(135deg,#fff,#fffaf1);border-color:#f8e7c9}.my-attendance-summary-warning .my-attendance-summary-value{color:#c67818}.my-attendance-summary-hours{background:linear-gradient(135deg,#fff,#f7f7ff);border-color:#e2e4fb}.my-attendance-summary-hours .my-attendance-summary-value{color:#5966d1}.my-attendance-toolbar{align-items:center;background:#fff;border:1px solid #e9ecf4;border-radius:13px;display:flex;gap:14px;justify-content:space-between;margin-bottom:10px;padding:10px 13px}.my-attendance-toolbar-hint,.my-attendance-toolbar-title{display:block}.my-attendance-toolbar-title{color:#2c3548;font-size:11.5px;font-weight:800}.my-attendance-toolbar-hint{color:#9aa2b0;font-size:10px;margin-top:2px}.my-attendance-filters{align-items:flex-end;display:flex;gap:9px}.my-attendance-heading-filters{flex:0 0 auto;margin-top:7px}.my-attendance-filters label{color:#788296;display:flex;flex-direction:column;font-size:10.5px;font-weight:750;gap:5px}.my-attendance-filters input{background:#fbfcfe;border:1px solid #dfe4ee;border-radius:8px;color:#2b3447;font:inherit;font-size:11px;outline:none;padding:6px 8px;width:124px}.my-attendance-filters input:focus{border-color:#7884df;box-shadow:0 0 0 3px #6672d71f}.my-attendance-date-arrow{color:#a9b0bd;font-size:15px;font-weight:800;padding-bottom:7px}.my-attendance-reset{background:#fff;border:1px solid #dfe4ee;border-radius:8px;color:#6d778a;cursor:pointer;font:inherit;font-size:11.5px;font-weight:750;min-height:30px;padding:0 10px}.my-attendance-reset:hover{background:#f7f8fb;border-color:#b9c1d1;color:#3e485b}.my-attendance-error{align-items:center;background:#fff7f7;border:1px solid #f4d3d3;border-radius:10px;color:#9f4040;display:flex;flex-wrap:wrap;font-size:12.5px;gap:7px;margin-bottom:15px;padding:12px 14px}.my-attendance-error button{background:#0000;box-shadow:none;color:#b44343;margin-left:auto;padding:7px 11px;text-decoration:underline}.my-attendance-error button:hover{background:#fdeaea;box-shadow:none;transform:none}.my-attendance-card{background:#fff;border:1px solid #e9ecf4;border-radius:12px;box-shadow:0 9px 24px #232f560d;overflow:hidden}.my-attendance-request-card{margin-bottom:14px}.my-attendance-request-empty{color:#8a94a7;font-size:13px;padding:22px;text-align:center}.my-attendance-request-table{min-width:780px}.my-attendance-request-actions{display:flex;gap:8px}.my-attendance-request-actions button{align-items:center;border:1px solid;border-radius:8px;cursor:pointer;display:inline-flex;font:inherit;font-size:11px;font-weight:800;gap:6px;padding:7px 11px}.my-attendance-request-actions .approve{background:#eaf9f1;border-color:#bcebd3;color:#12824f}.my-attendance-request-actions .reject{background:#fff1f1;border-color:#f2caca;color:#c43e3e}.my-attendance-request-actions button:disabled{cursor:wait;opacity:.55}.my-attendance-section-heading{align-items:center;background:linear-gradient(90deg,#f3f7fe,#fff);border-bottom:1px solid #dce7f5;display:flex;justify-content:space-between;padding:14px 18px}.my-attendance-section-heading>div{align-items:center;display:flex;gap:9px}.my-attendance-section-heading h2{color:#253247;font-size:16px;margin:0}.my-attendance-section-marker{background:#4c7ee0;border-radius:999px;height:24px;width:5px}.my-attendance-section-count{background:#eaf1fb;border-radius:999px;color:#2563eb;display:inline-grid;font-size:11px;font-weight:850;height:29px;min-width:29px;padding:0 8px;place-items:center}.my-attendance-loading{padding:22px 20px}.my-attendance-table-wrap{overflow-x:auto}.my-attendance-employee-id{color:#8b95a8;display:block;font-size:10px;font-weight:650;margin-top:3px}.my-attendance-table{border-collapse:collapse;min-width:720px;width:100%}.my-attendance-table thead{background:#eaf1fb}.my-attendance-table th{border-bottom:1px solid #d7e3f3;color:#35516f;font-size:10px;font-weight:850;letter-spacing:.08em;padding:12px 15px;text-align:left;text-transform:uppercase;white-space:nowrap}.my-attendance-table td{border-bottom:1px solid #edf0f5;color:#4d586b;font-size:11.5px;padding:11px 12px;vertical-align:top}.my-attendance-table tbody tr:last-child td{border-bottom:0}.my-attendance-table tbody tr:hover{background:#fafbfe}.my-attendance-nowrap{white-space:nowrap}.my-attendance-table td strong{color:#293348;font-weight:800}.my-attendance-time{color:#263149;font-size:12px;font-weight:800;white-space:nowrap}.my-attendance-time-location{align-items:center;display:inline-flex;gap:8px}.my-attendance-dash{color:#c2c8d2}.my-attendance-location{align-items:flex-start;color:#8993a3;display:flex;font-size:10.5px;gap:4px;line-height:1.35;margin-top:4px;max-width:230px}.my-attendance-location svg{color:#7884df;flex:0 0 auto;margin-top:2px}.my-attendance-location span{overflow-wrap:anywhere}.my-attendance-location a{color:#5966d1;flex:0 0 auto;font-weight:800;margin-left:3px;text-decoration:none}.my-attendance-location a:hover{text-decoration:underline}.my-attendance-location-button{background:#f1f4ff;border:1px solid #dde5ff;border-radius:8px;color:#5966d1;cursor:pointer;display:inline-grid;font-size:13px;height:27px;margin-top:0;padding:0;place-items:center;transition:color .16s ease,background .16s ease,transform .16s ease;width:27px}.my-attendance-location-button:hover{background:#5966d1;color:#fff;transform:translateY(-1px)}.my-attendance-location-button:focus-visible{outline:3px solid #5966d13d;outline-offset:2px}.my-attendance-location-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a6b;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:10020}.my-attendance-location-modal{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 24px 65px #0f172a33;padding:20px;width:min(440px,100%)}.my-attendance-location-header{align-items:center;display:flex;gap:14px;justify-content:space-between}.my-attendance-location-title{align-items:center;color:#5966d1;display:flex;gap:9px}.my-attendance-location-title h2{color:#172033;font-size:17px;margin:0}.my-attendance-location-header>button{background:#f1f5f9;border:0;border-radius:9px;color:#64748b;cursor:pointer;display:grid;height:31px;padding:0;place-items:center;width:31px}.my-attendance-location-header>button:hover{background:#fef2f2;color:#dc2626}.my-attendance-location-modal>p{color:#4d586b;font-size:13px;line-height:1.65;margin:17px 0;overflow-wrap:anywhere}.my-attendance-location-modal>a{background:#5966d1;border-radius:9px;color:#fff;display:inline-flex;font-size:12px;font-weight:800;padding:8px 12px;text-decoration:none}.my-attendance-location-modal>a:hover{background:#4653bd}.my-attendance-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:10.5px;font-weight:800;padding:5px 9px;white-space:nowrap}.my-attendance-badge-complete{background:#e9f8f0;color:#178253}.my-attendance-badge-open{background:#fff4df;color:#b96c0b}.my-attendance-badge-none{background:#f1f3f6;color:#8c95a5}.my-attendance-badge-policy{background:#fff0c7;color:#a35a00;display:block;margin-bottom:5px;width:-webkit-max-content;width:max-content}.my-attendance-empty{color:#7d8798;padding:60px 24px;text-align:center}.my-attendance-empty-icon{background:#eef0ff;border-radius:16px;color:#6874d8;display:grid;font-size:21px;height:54px;margin:0 auto 16px;place-items:center;width:54px}.my-attendance-empty h2{color:#374157;font-size:17px;margin:0}.my-attendance-empty p{font-size:12.5px;line-height:1.5;margin:8px auto 18px;max-width:380px}.my-attendance-empty button{padding:9px 14px}@media (max-width:820px){.my-attendance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.my-attendance-toolbar{align-items:flex-start;flex-direction:column}.my-attendance-filters{flex-wrap:wrap;width:100%}.my-attendance-heading{flex-wrap:wrap}.my-attendance-heading-filters{width:auto}}@media (max-width:560px){.my-attendance-heading{flex-direction:column;gap:14px}.my-attendance-heading-filters{width:100%}.my-attendance-refresh{align-self:flex-start}.my-attendance-summary{gap:9px}.my-attendance-summary-card{min-height:70px;padding:13px}.my-attendance-summary-value{font-size:19px}.my-attendance-toolbar{padding:13px}.my-attendance-filters{align-items:stretch;gap:7px}.my-attendance-filters label{flex:1 1;min-width:120px}.my-attendance-filters input{box-sizing:border-box;width:100%}.my-attendance-date-arrow{display:none}.my-attendance-reset{align-self:flex-end}.my-attendance-week-toolbar{align-items:stretch;flex-direction:column;gap:10px;padding:10px}.my-attendance-week-navigation{justify-content:flex-start}}.tl-attendance-view-cards{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,360px));justify-content:center;margin-bottom:18px}.tl-attendance-view-cards button{align-items:center;background:#fff;border:1px solid #dce6f4;border-radius:14px;box-shadow:0 7px 20px #232f560d;color:#26364d;cursor:pointer;display:flex;gap:13px;min-height:78px;padding:14px 17px;text-align:left}.tl-attendance-view-cards button.active{background:#f1f6ff;border-color:#4c7ee0;color:#245fc7}.tl-attendance-view-icon{background:#e9f1ff;border-radius:11px;color:#4c7ee0;display:grid;flex:0 0 42px;font-size:18px;height:42px;place-items:center;width:42px}.tl-attendance-view-cards small,.tl-attendance-view-cards strong{display:block}.tl-attendance-view-cards strong{font-size:15px}.tl-attendance-view-cards small{color:#8995a8;font-size:11px;font-weight:600;margin-top:4px}@media (max-width:700px){.tl-attendance-view-cards{grid-template-columns:1fr}}.employee-grievance-page{color:#263b55;font-family:DM Sans,Segoe UI,sans-serif;margin:0 auto;max-width:980px;width:100%}.grievance-heading{margin:0 0 14px}.grievance-heading span{color:#35809f;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.grievance-heading h1{color:#294946;font-size:26px;margin:4px 0 0}.grievance-confidential-note{background:#eefaf4;border:1px solid #c6e3d7;border-radius:17px;color:#526375;margin-bottom:16px;padding:20px 25px}.grievance-confidential-note h3{color:#137b4c;font-size:17px;margin:0 0 10px}.grievance-confidential-note p{color:#66778c;font-size:13px;line-height:1.5;margin:0}.grievance-hero{align-items:center;background:linear-gradient(135deg,#35809f,#245d73);border:1px solid #d8e7e4;border-radius:17px;box-shadow:0 12px 28px #35809f29;color:#fff;display:flex;gap:14px;margin-bottom:16px;padding:20px 22px}.grievance-hero-icon{background:#e6a727;border-radius:14px;color:#294946;display:grid;flex:0 0 48px;font-size:20px;height:48px;place-items:center;width:48px}.grievance-card-heading span,.grievance-hero span{color:#8aa3aa;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.grievance-hero span{color:#cbe1e5}.grievance-hero h1{font-size:24px;margin:3px 0 2px}.grievance-hero p{color:#d8eaed;font-size:12px;margin:0}.grievance-confidential-badge{align-items:center;border:1px solid #ffffff40;border-radius:999px;color:#fff;display:inline-flex;font-size:10px;font-weight:800;gap:7px;margin-left:auto;padding:8px 11px;white-space:nowrap}.grievance-card{background:#fff;border:1px solid #dce5e2;border-radius:17px;box-shadow:0 10px 28px #2c3e5012;padding:22px}.grievance-card+.grievance-card{margin-top:16px}.grievance-card-heading{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.grievance-card-heading h2{color:#294946;font-size:18px;margin:3px 0 0}.grievance-card-heading>svg{color:#35809f;font-size:19px}.grievance-notice{background:#fff8e7;border-left:4px solid #e6a727;border-radius:9px;color:#526375;font-size:12px;line-height:1.5;margin:0 0 18px;padding:11px 13px}.grievance-message{border-radius:9px;font-size:12px;font-weight:700;margin-bottom:15px;padding:10px 13px}.grievance-message.success{background:#effaf4;border:1px solid #b9e4ce;color:#137b4c}.grievance-message.error{background:#fff3f4;border:1px solid #f2cdd0;color:#bd3f49}.grievance-form-card label{grid-gap:7px;display:grid;gap:7px;margin-top:15px}.grievance-form-card label>span{color:#5c6d82;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.grievance-form-card label b{color:#d6404b}.grievance-form-card label em{color:#8290a2;font-style:normal;font-weight:500;text-transform:none}.grievance-file,.grievance-form-card select,.grievance-form-card textarea{background:#f8fafc;border:1px solid #d5e0ed;border-radius:10px;box-sizing:border-box;color:#263b55;font:inherit;font-size:12px;outline:0;padding:10px 12px;width:100%}.grievance-form-card textarea{min-height:170px;resize:vertical}.grievance-file:focus-within,.grievance-form-card select:focus,.grievance-form-card textarea:focus{border-color:#35809f;box-shadow:0 0 0 3px #35809f1f}.grievance-form-card label>small{color:#8290a2;font-size:9px;text-align:right}.grievance-form-card label>small.valid{color:#137b4c}.grievance-file{align-items:center;cursor:pointer;display:flex;gap:9px}.grievance-file>svg{color:#35809f}.grievance-file input{font-size:11px;width:180px}.grievance-file>span{color:#8290a2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grievance-form-footer{align-items:center;border-top:1px solid #e7edf4;display:flex;gap:14px;justify-content:space-between;margin-top:20px;padding-top:16px}.grievance-form-footer>span{align-items:center;color:#718198;display:inline-flex;font-size:10px;gap:7px}.grievance-form-footer button{background:#35809f;border:0;border-radius:10px;color:#fff;cursor:pointer;font:inherit;font-size:11px;font-weight:850;min-height:40px;padding:0 20px}.grievance-form-footer button:hover{background:#2d6f8b}.grievance-form-footer button:disabled{cursor:wait;opacity:.65}.grievance-list{grid-gap:10px;display:grid;gap:10px}.grievance-item{background:#f8fbfa;border:1px solid #e4ecea;border-radius:11px;padding:13px}.grievance-item>div{align-items:center;display:flex;gap:10px;justify-content:space-between}.grievance-item strong{color:#294946;font-size:12px}.grievance-item small{color:#8290a2;font-size:10px}.grievance-item p{color:#526375;font-size:11px;line-height:1.5;margin:9px 0 0}.grievance-status{background:#fff3d7;border-radius:999px;color:#876a13;font-size:10px;font-weight:800;padding:5px 9px}.grievance-status.resolved{background:#e6f7ee;color:#137b4c}.grievance-response{color:#35809f!important;display:block;margin-top:9px}@media (max-width:650px){.grievance-hero{align-items:flex-start;flex-wrap:wrap}.grievance-confidential-badge{margin-left:62px;width:100%}.grievance-form-footer{align-items:stretch;flex-direction:column}.grievance-form-footer button{width:100%}.grievance-file{align-items:flex-start;flex-direction:column}.grievance-file input{width:100%}}.tl-container{background:#f4f6fb;display:flex;font-family:Segoe UI,sans-serif;height:100vh;overflow:hidden}.tl-sidebar{background:#fff;border-right:1px solid #e5e7eb;box-shadow:4px 0 16px #00000014;color:#374151;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;padding-top:0;width:240px}.tl-logo-container{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:20px 16px 16px;text-align:center}.tl-logo-container img{border-radius:8px;height:56px;object-fit:contain;width:140px}.tl-sidebar-role{color:#6366f1;font-size:11px;font-weight:700;letter-spacing:1.5px;padding:10px 0 4px;text-align:center;text-transform:uppercase}.tl-sidebar-nav{flex:1 1;overflow-y:auto;padding:8px 0}.tl-sidebar-nav ul{list-style:none;margin:0;padding:0}.tl-sidebar-section{background:#0000!important;border-left:none!important;color:#9ca3af;cursor:default;font-size:10px;font-weight:700;letter-spacing:1.2px;padding:14px 20px 4px;pointer-events:none;text-transform:uppercase}.tl-sidebar-nav ul li{align-items:center;border-left:3px solid #0000;border-radius:0;color:#4b5563;cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:11px;margin:1px 0;padding:10px 20px;transition:all .2s ease}.tl-sidebar-nav ul li svg{flex-shrink:0;font-size:15px;opacity:.8}.tl-sidebar-nav ul li:hover{background:#6366f112;border-left-color:#6366f166;color:#1e293b;transform:none}.tl-sidebar-nav ul li:hover svg{opacity:1}.tl-sidebar-nav ul li.tl-active{background:#6366f11a;border-left:3px solid #6366f1;color:#4f46e5;font-weight:600}.tl-sidebar-nav ul li.tl-active svg{color:#4f46e5;opacity:1}.tl-main-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.tl-topbar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffbf;border:1px solid #0000000d;border-radius:14px;color:#1e293b;display:flex;flex-shrink:0;justify-content:space-between;margin:15px;padding:14px 22px}.tl-topbar h3{font-size:16px;font-weight:600}.tl-topbar-right{align-items:center;display:flex;gap:14px}.tl-topbar-img{object-fit:cover}.tl-topbar-avatar,.tl-topbar-img{border-radius:50%;height:38px;width:38px}.tl-topbar-avatar{align-items:center;background:#6366f1;color:#fff;display:flex;font-weight:700;justify-content:center}.tl-topbar-name{font-size:14px;font-weight:500}.tl-logout-btn{background:#ef4444;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:7px 16px;transition:all .3s ease}.tl-logout-btn:hover{background:#dc2626;transform:scale(1.08)}.tl-content{animation:tlFadeIn .4s ease-in-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffa6;border:1px solid #0000000d;border-radius:14px;flex:1 1;margin:0 15px 15px;overflow-y:auto;padding:20px}@keyframes tlFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.tl-container{flex-direction:column}.tl-sidebar{height:auto;width:100%}.tl-logo-container{display:none}.tl-sidebar-nav ul{display:flex;flex-direction:row;overflow-x:auto}.tl-sidebar-nav ul li{border-radius:0;flex:1 1;font-size:11px;justify-content:center;margin:0}.tl-sidebar-nav ul li span{display:none}.tl-topbar{flex-direction:column;gap:10px;height:auto;margin:8px}}.teamleader-greeting-card{background:#8aa8eb;border-radius:14px;box-shadow:0 6px 20px #0000001a;color:#fff;margin-bottom:25px;padding:20px}.teamleader-greeting-card h2{color:#0f172a;font-size:22px;font-weight:700;margin:0;text-align:center}.teamleader-greeting-card p{font-size:14px;margin-top:5px;opacity:.9}.projects-container{background:#f4f6fb;font-family:Segoe UI,sans-serif;min-height:100vh;padding:20px}.projects-container h2{color:#1e293b;font-weight:600;margin-bottom:20px}.search-bar{margin-bottom:20px}.search-bar input{border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:10px 14px;transition:.3s;width:300px}.search-bar input:focus{border-color:#2563eb;box-shadow:0 0 5px #2563eb4d}.projects-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:25px;padding:20px}.projects-card h3{color:#334155;margin-bottom:15px}.table-wrapper{overflow-x:auto}.projects-table{border-collapse:collapse;width:100%}.projects-table thead{background:#1e293b;color:#fff}.projects-table td,.projects-table th{padding:12px 14px;text-align:left}.projects-table th{font-weight:600}.projects-table tbody tr{border-bottom:1px solid #e2e8f0;transition:.2s}.projects-table tbody tr:hover{background:#f1f5f9}.status{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.status.ongoing{background:#dbeafe;color:#2563eb}.status.completed{background:#dcfce7;color:#16a34a}.tl-projects-page select{border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;outline:none;padding:8px 10px;transition:.3s}.tl-projects-page select:hover{border-color:#2563eb}.tl-projects-page select:focus{border-color:#2563eb;box-shadow:0 0 4px #2563eb4d}.emp-tag{align-items:center;background:#e0f2fe;border-radius:20px;color:#0369a1;display:inline-flex;font-size:13px;font-weight:500;margin:4px;padding:6px 10px}.remove-btn{color:#ef4444;cursor:pointer;font-weight:700;margin-left:8px;transition:.2s}.remove-btn:hover{transform:scale(1.2)}@media (max-width:768px){.search-bar input{width:100%}.projects-card{padding:15px}.projects-table td,.projects-table th{font-size:13px;padding:10px}}.tlp-view-btn{background:#fff;border:1px solid #2563eb;border-radius:6px;color:#2563eb;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:.2s}.tlp-view-btn:hover{background:#2563eb;color:#fff}.tlp-modal-overlay{align-items:center;background:#0f172a80;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.tlp-modal-box{background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;max-height:80vh;max-width:420px;overflow-y:auto;padding:24px;width:90%}.tlp-modal-box h3{color:#1e293b;margin:0 0 4px}.tlp-modal-project-name{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:13px;margin:0 0 16px;padding-bottom:12px}.tlp-modal-emp-list{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.tlp-modal-emp-row{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:10px 14px}.tlp-modal-emp-name{color:#1e293b;font-size:14px;font-weight:600}.tlp-modal-emp-id{background:#e2e8f0;border-radius:12px;color:#64748b;font-size:12px;padding:3px 8px}.tlp-modal-close-btn{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px;width:100%}.tlp-modal-close-btn:hover{background:#1d4ed8}.page-container{background:#f4f6fb;font-family:Segoe UI,sans-serif}.page-container h2{color:#1e293b}.under-dev{background:#fff;border-radius:12px;box-shadow:0 8px 20px #0000000d;padding:40px;text-align:center}.under-dev h3{color:#ef4444;font-size:22px;margin-bottom:10px}.under-dev p{color:#64748b;font-size:16px}:root{--brand:#2563eb;--brand-light:#eff6ff;--brand-dark:#1d4ed8;--green:#16a34a;--green-light:#f0fdf4;--red:#dc2626;--red-light:#fef2f2;--amber:#d97706;--amber-light:#fffbeb;--surface:#fff;--bg:#f8fafc;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--radius-sm:6px;--radius:10px;--radius-lg:14px;--shadow-sm:0 1px 3px #00000012,0 1px 2px #0000000d;--shadow-lg:0 10px 32px #0000001f,0 2px 8px #0000000f;--font:"DM Sans",sans-serif;--mono:"DM Mono",monospace}.tl-page{background:#f8fafc;background:var(--bg);color:#0f172a;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font);margin:0 auto;max-width:1320px;min-height:100vh;padding:36px 28px}.tl-page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.tl-page-header h1{font-size:26px;font-weight:700;letter-spacing:-.5px}.tl-subtitle{color:#94a3b8;color:var(--text-muted);font-size:14px;margin-top:4px}.tl-user-chip{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:40px;box-shadow:0 1px 3px #00000012,0 1px 2px #0000000d;box-shadow:var(--shadow-sm);gap:12px;padding:8px 16px 8px 8px}.tl-avatar,.tl-user-chip{align-items:center;display:flex}.tl-avatar{background:#7c3aed;border-radius:50%;color:#fff;font-size:15px;font-weight:700;height:36px;justify-content:center;width:36px}.tl-user-name{display:block;font-size:13px;font-weight:600}.tl-user-id{color:#94a3b8;color:var(--text-muted);display:block;font-family:DM Mono,monospace;font-family:var(--mono);font-size:11px}.tl-tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);display:flex;gap:4px;margin-bottom:28px}.tl-tab{align-items:center;background:none;border:none;color:#475569;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 22px;position:relative;transition:color .2s}.tl-tab.active,.tl-tab:hover{color:#2563eb;color:var(--brand)}.tl-tab.active{font-weight:600}.tl-tab-line{background:#2563eb;background:var(--brand);border-radius:2px;bottom:-2px;height:2px;left:0;position:absolute;right:0}.tl-tab-badge{background:#fffbeb;background:var(--amber-light);border:1px solid #fde68a;border-radius:20px;color:#d97706;color:var(--amber);font-size:10px;font-weight:700;padding:1px 7px}.tl-sub-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.tl-sub-tab{background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:20px;color:#475569;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 18px;transition:all .2s}.tl-sub-tab:hover{color:#2563eb;color:var(--brand)}.tl-sub-tab.active,.tl-sub-tab:hover{border-color:#2563eb;border-color:var(--brand)}.tl-sub-tab.active{background:#2563eb;background:var(--brand);box-shadow:0 3px 10px #2563eb4d;color:#fff;font-weight:600}.tl-card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000012,0 1px 2px #0000000d;box-shadow:var(--shadow-sm);overflow:hidden}.tl-card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px 24px}.tl-card-header h3{align-items:center;display:flex;font-size:15px;font-weight:600;gap:10px;margin:0}.tl-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.tl-dot.green{background:#16a34a;background:var(--green)}.tl-dot.blue{background:#2563eb;background:var(--brand)}.tl-pending-badge{background:#fffbeb;background:var(--amber-light);border:1px solid #fde68a;border-radius:20px;color:#d97706;color:var(--amber);font-size:11px;font-weight:600;padding:2px 8px}.tl-form-card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000012,0 1px 2px #0000000d;box-shadow:var(--shadow-sm);padding:28px 32px}.tl-edit-banner{align-items:center;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;border-radius:var(--radius);color:#92400e;display:flex;flex-wrap:wrap;font-size:13px;font-weight:500;gap:10px;margin-bottom:20px;padding:10px 16px}.tl-cancel-edit{background:none;border:1px solid #fbbf24;border-radius:20px;color:#92400e;cursor:pointer;font-size:12px;font-weight:600;margin-left:auto;padding:4px 12px;transition:background .2s}.tl-cancel-edit:hover{background:#fde68a}.tl-section-label{color:#94a3b8;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:14px;text-transform:uppercase}.tl-info-row{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:4px}.tl-info-field{display:flex;flex-direction:column;gap:3px;min-width:140px}.tl-info-key{color:#94a3b8;color:var(--text-muted);font-size:11px;font-weight:500}.tl-info-val{color:#0f172a;color:var(--text-primary);font-size:14px;font-weight:600}.tl-divider{border:none;border-top:1px solid #e2e8f0;border-top:1px solid var(--border);margin:22px 0}.tl-grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.tl-field{display:flex;flex-direction:column;gap:6px}.tl-field label{color:#475569;color:var(--text-secondary);font-size:13px;font-weight:500}.tl-field .req{color:#dc2626;color:var(--red)}.tl-field input,.tl-field select,.tl-field textarea{background:#f8fafc;background:var(--bg);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#0f172a;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font);font-size:14px;padding:10px 13px;transition:border-color .2s,box-shadow .2s;width:100%}.tl-field input:focus,.tl-field select:focus,.tl-field textarea:focus{background:#fff;background:var(--surface);border-color:#2563eb;border-color:var(--brand);box-shadow:0 0 0 3px #2563eb1a;outline:none}.tl-field textarea{min-height:88px;resize:vertical}.tl-form-footer{display:flex;justify-content:flex-end;margin-top:24px}.tl-submit-btn{align-items:center;background:#2563eb;background:var(--brand);border:none;border-radius:10px;border-radius:var(--radius);box-shadow:0 2px 8px #2563eb4d;color:#fff;cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:14px;font-weight:600;gap:8px;padding:11px 24px;transition:all .2s}.tl-submit-btn:hover{background:#1d4ed8;background:var(--brand-dark);box-shadow:0 4px 14px #2563eb66;transform:translateY(-1px)}.tl-dl-btn{align-items:center;background:#f0fdf4;background:var(--green-light);border:1px solid #bbf7d0;border-radius:10px;border-radius:var(--radius);color:#16a34a;color:var(--green);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;gap:7px;padding:8px 18px;transition:all .2s}.tl-dl-btn:hover{background:#dcfce7;transform:translateY(-1px)}.tl-icon-btn{align-items:center;background:#eff6ff;background:var(--brand-light);border:1px solid #bfdbfe;border-radius:6px;border-radius:var(--radius-sm);color:#2563eb;color:var(--brand);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:12px;font-weight:600;gap:5px;padding:6px 13px;transition:background .2s}.tl-icon-btn:hover{background:#dbeafe}.tl-icon-btn--danger{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.tl-icon-btn--danger:hover{background:#fee2e2}.tl-approve-btn{background:#16a34a;background:var(--green);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s}.tl-approve-btn:hover{background:#15803d;transform:translateY(-1px)}.tl-reject-btn{background:#dc2626;background:var(--red);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s}.tl-reject-btn:hover{background:#b91c1c;transform:translateY(-1px)}.tl-action-pair{display:flex;flex-wrap:wrap;gap:6px}.tl-done-text{color:#94a3b8;color:var(--text-muted);font-size:12px;font-style:italic}.tl-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.tl-filter-row input[type=date],.tl-filter-row select{background:#f8fafc;background:var(--bg);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#0f172a;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font);font-size:13px;padding:8px 12px;transition:border-color .2s}.tl-filter-row input[type=date]:focus,.tl-filter-row select:focus{border-color:#2563eb;border-color:var(--brand);box-shadow:0 0 0 3px #2563eb1a;outline:none}.tl-table-wrap{overflow-x:auto;padding:0 4px 4px}.tl-table{border-collapse:collapse;font-size:14px;width:100%}.tl-table thead tr{border-bottom:1.5px solid #e2e8f0;border-bottom:1.5px solid var(--border)}.tl-table th{background:#fafbfc;color:#94a3b8;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.6px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.tl-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);color:#475569;color:var(--text-secondary);padding:14px 16px;vertical-align:middle}.tl-table td strong{color:#0f172a;color:var(--text-primary)}.tl-table tbody tr:last-child td{border-bottom:none}.tl-table tbody tr:hover td{background:#f8fafc}.tl-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;padding:4px 10px;text-transform:capitalize;white-space:nowrap}.tl-badge.pending{background:#fffbeb;background:var(--amber-light);border:1px solid #fde68a;color:#d97706;color:var(--amber)}.tl-badge.approved{background:#f0fdf4;background:var(--green-light);border:1px solid #bbf7d0;color:#16a34a;color:var(--green)}.tl-badge.rejected{background:#fef2f2;background:var(--red-light);border:1px solid #fecaca;color:#dc2626;color:var(--red)}.tl-badge.tl-approved{background:#e0f2fe;border:1px solid #bae6fd;color:#0369a1}.tl-badge.draft{background:#f1f5f9;border:1px solid #e2e8f0;border:1px solid var(--border);color:#64748b}.tl-badge.not-saved{background:#fef2f2;background:var(--red-light);border:1px solid #fecaca;color:#dc2626;color:var(--red)}.tl-project-pill{background:#eff6ff;background:var(--brand-light);border-radius:4px;color:#2563eb;color:var(--brand);display:inline-block;font-size:12px;font-weight:500;max-width:150px;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;white-space:nowrap}.tl-mono{color:#94a3b8;color:var(--text-muted);font-family:DM Mono,monospace;font-family:var(--mono);font-size:12px}.tl-desc-cell{font-size:13px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-stat-row{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:16px;padding:20px 24px}.tl-stat-card{align-items:center;background:#f8fafc;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);display:flex;gap:14px;min-width:160px;padding:16px 24px}.tl-stat-icon{font-size:22px}.tl-stat-icon.blue{color:#2563eb;color:var(--brand)}.tl-stat-icon.green{color:#16a34a;color:var(--green)}.tl-stat-num{color:#0f172a;color:var(--text-primary);font-size:24px;font-weight:700;line-height:1}.tl-stat-label{font-size:12px;margin-top:3px}.tl-empty,.tl-stat-label{color:#94a3b8;color:var(--text-muted)}.tl-empty{font-size:14px;padding:36px 20px!important;text-align:center}.tl-report-card{max-width:500px;padding:36px}.tl-report-card h3{font-size:18px;font-weight:700;margin-bottom:8px}.tl-report-card p{color:#475569;color:var(--text-secondary);font-size:14px;margin-bottom:24px}.tl-report-btns{display:flex;flex-wrap:wrap;gap:12px}.tl-modal-overlay{align-items:center;animation:tl-fadein .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}@keyframes tl-fadein{0%{opacity:0}to{opacity:1}}.tl-modal{animation:tl-slideup .25s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--surface);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 10px 32px #0000001f,0 2px 8px #0000000f;box-shadow:var(--shadow-lg);max-width:460px;padding:32px;width:90%}@keyframes tl-slideup{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tl-modal h3{font-size:16px;font-weight:700;margin-bottom:14px}.tl-modal p{font-size:14px;line-height:1.65;margin-bottom:24px}.tl-modal p,.tl-modal-close{color:#475569;color:var(--text-secondary)}.tl-modal-close{background:#f8fafc;background:var(--bg);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;padding:9px 22px;transition:background .2s}.tl-modal-close:hover{background:#e2e8f0;background:var(--border)}.tl-week-nav{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px;padding:20px 24px 0}.tl-week-range{color:#0f172a;color:var(--text-primary);font-size:15px;font-weight:700}.tl-week-lock-banner{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;color:#9a3412;font-size:13px;margin:0 24px 14px;padding:12px 16px}.tl-week-lock-banner p{margin:0 0 8px}.tl-week-lock-banner--approved{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.tl-week-lock-banner--approved p{margin:0}.tl-week-lock-request{display:flex;flex-wrap:wrap;gap:10px}.tl-week-lock-request input{border:1px solid #fdba74;border-radius:8px;flex:1 1;font-size:13px;min-width:220px;padding:8px 10px}.tl-ghost-btn{background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#475569;color:var(--text-secondary);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;padding:9px 18px;transition:all .2s}.tl-ghost-btn:hover{border-color:#2563eb;border-color:var(--brand);color:#2563eb;color:var(--brand)}.tl-ghost-btn:disabled,.tl-submit-btn:disabled{cursor:not-allowed;opacity:.6}.tl-submit-btn:disabled{transform:none}.tl-week-grid{display:flex;flex-direction:column;gap:10px;padding:16px 24px 24px}.tl-week-row{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:16px;padding:12px 14px}.tl-week-row--locked{background:#f8fafc;background:var(--bg);opacity:.75}.tl-week-day-entries{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:280px}.tl-week-entry-row{align-items:center;display:flex;gap:8px}.tl-week-entry-row .tl-week-row__fields{flex:1 1}.tl-week-add-btn{align-self:flex-start;background:#fff;background:var(--surface);border:1.5px dashed #93c5fd;border-radius:8px;color:#2563eb;color:var(--brand);cursor:pointer;font-size:12.5px;font-weight:600;padding:6px 14px;transition:all .2s}.tl-week-add-btn:hover{background:#eff6ff;background:var(--brand-light)}.tl-week-remove-btn{background:#fef2f2;background:var(--red-light);border:1px solid #fecaca;border-radius:50%;color:#dc2626;color:var(--red);cursor:pointer;flex-shrink:0;font-size:12px;font-weight:700;height:26px;transition:background .2s;width:26px}.tl-week-remove-btn:hover{background:#fee2e2}.tl-week-row__day{display:flex;flex-direction:column;min-width:90px}.tl-week-row__day strong{color:#0f172a;color:var(--text-primary);font-size:13.5px}.tl-week-row__day span{color:#94a3b8;color:var(--text-muted);font-size:12px}.tl-week-row__fields{grid-gap:10px;display:grid;flex:1 1;gap:10px;grid-template-columns:1fr 1fr 90px 1.3fr;min-width:280px}.tl-week-row__fields input,.tl-week-row__fields select{border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-family:var(--font);font-size:13px;padding:8px 10px}.tl-week-row__fields input:disabled,.tl-week-row__fields select:disabled{background:#f8fafc;background:var(--bg);color:#94a3b8;color:var(--text-muted);cursor:not-allowed}.tl-week-hint{color:#94a3b8;color:var(--text-muted);font-size:12.5px;padding:0 24px 20px}.tl-week-footer{display:flex;flex-wrap:wrap;gap:10px;padding:4px 24px 20px}@media (max-width:900px){.tl-page{padding:24px 16px}.tl-grid-2{grid-template-columns:1fr}.tl-form-card{padding:20px}}@media (max-width:600px){.tl-page{padding:16px 12px}.tl-tabs{gap:0}.tl-tab{font-size:13px;padding:10px 14px}.tl-card-header{align-items:flex-start}.tl-card-header,.tl-stat-row{flex-direction:column}.tl-table td:nth-child(n+5),.tl-table th:nth-child(n+5){display:none}}.input-field{margin-bottom:20px}.password-input-wrapper input:focus{border-color:#ff9800;box-shadow:0 0 5px #ff98004d}.password-form{max-width:500px}.password-form .update-btn{background-color:#ff9800;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:12px 24px;transition:background-color .3s,transform .2s}.password-form .update-btn:hover:not(:disabled){background-color:#e68900;transform:translateY(-2px)}.password-form .update-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.popup{min-width:320px;padding:40px}.check-icon{color:#4caf50;font-size:48px;margin-bottom:15px}.popup-content h3{color:#333;margin-bottom:10px}.popup-content p{color:#666}:root{--employee-font:"DM Sans","Segoe UI",sans-serif;--employee-ink:#35809f;--employee-muted:#708582;--employee-canvas:#e5f1f1;--employee-surface:#fff;--employee-sidebar:#35809f;--employee-sidebar-dark:#35809f;--employee-gold:#dbae18;--employee-border:#d8e6e4;--employee-tab-overhang:0px;--employee-tab-curve:44px;--employee-tab-curve-half:22px}*{box-sizing:border-box}.employee-container{background:radial-gradient(circle at 4% 4%,#dbae1829 0 92px,#0000 93px),#e5f1f1;background:radial-gradient(circle at 4% 4%,#dbae1829 0 92px,#0000 93px),var(--employee-canvas);color:#35809f;color:var(--employee-ink);display:flex;font-family:DM Sans,Segoe UI,sans-serif;font-family:var(--employee-font);gap:0;height:100vh;overflow:hidden;padding:18px}.employee-container .sidebar{background:#35809f;background:var(--employee-sidebar);border-radius:30px 0 0 30px;display:flex;flex:0 0 220px;flex-direction:column;overflow:visible;position:relative;width:220px;z-index:3}.employee-container .logo-container{align-items:center;background:#fffffff5;border:1px solid #ffffff3d;border-radius:19px;box-shadow:0 10px 23px #1b393621;cursor:pointer;display:flex;isolation:isolate;justify-content:center;margin:12px 16px 6px;min-height:72px;padding:8px 14px;position:relative;z-index:10}.employee-container .logo-container:focus-visible{outline:none}.employee-container .logo-container img{border-radius:7px;height:42px;object-fit:contain;width:122px}.employee-container .sidebar-nav{flex:1 1;overflow-x:hidden;padding:22px 0 28px 14px;position:relative;scrollbar-color:#ffffff57 #0000;scrollbar-width:thin;width:100%}.employee-container .sidebar-nav::-webkit-scrollbar{width:6px}.employee-container .sidebar-nav::-webkit-scrollbar-track{background:#0000}.employee-container .sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:999px}.employee-container .sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff75}.employee-container .sidebar-nav ul{list-style:none;margin:0;padding:0}.employee-container .sidebar-nav>ul>li{align-items:center;border:0;border-radius:14px;color:#e2ecea;cursor:pointer;display:flex;font-size:14px;font-weight:650;gap:12px;margin:4px 18px 4px 8px;min-height:48px;padding:0 16px;position:relative;transition:color .2s ease,background .2s ease,transform .2s ease}.employee-container .sidebar-nav>ul>li:hover{background:#ffffff1a;color:#fff;transform:translateX(3px)}.employee-container .sidebar-nav li svg{color:#d7e4e1;flex:0 0 auto;font-size:16px;transition:color .2s ease,transform .2s ease}.employee-container .sidebar-nav>ul>li.active,.employee-container .sidebar-nav>ul>li.active:hover{animation:employee-active-tab-in .3s cubic-bezier(.22,1,.36,1);background:#fff;background:var(--employee-surface);border-radius:999px 0 0 999px;box-shadow:none;color:#35809f;color:var(--employee-ink);isolation:isolate;margin-left:8px;margin-right:0;margin-right:calc(var(--employee-tab-overhang)*-1);min-height:52px;padding-left:18px;transform:none;z-index:5}.employee-container .sidebar-nav>ul>li.active>*{position:relative;z-index:2}.employee-container .sidebar-nav>ul>li.active svg{color:#9b7900}.employee-container .central-menu-item.active:after,.employee-container .central-menu-item.active:before,.employee-container .central-subnav-item.active:after,.employee-container .central-subnav-item.active:before,.employee-container .sidebar-nav>ul>li.active:after,.employee-container .sidebar-nav>ul>li.active:before{background:#0000;border-radius:50%;content:"";height:44px;height:var(--employee-tab-curve);pointer-events:none;position:absolute;width:44px;width:var(--employee-tab-curve);z-index:1}.employee-container .central-menu-item.active:before,.employee-container .central-subnav-item.active:before,.employee-container .sidebar-nav>ul>li.active:before{box-shadow:22px 22px 0 #fff;box-shadow:var(--employee-tab-curve-half) var(--employee-tab-curve-half) 0 var(--employee-surface);right:0;right:var(--employee-tab-overhang);top:-44px;top:calc(var(--employee-tab-curve)*-1)}.employee-container .central-menu-item.active:after,.employee-container .central-subnav-item.active:after,.employee-container .sidebar-nav>ul>li.active:after{bottom:-44px;bottom:calc(var(--employee-tab-curve)*-1);box-shadow:22px -22px 0 #fff;box-shadow:var(--employee-tab-curve-half) calc(var(--employee-tab-curve-half)*-1) 0 var(--employee-surface);right:0;right:var(--employee-tab-overhang)}.employee-container .central-navigation{border-top:0;padding-top:2px}.employee-container .back-to-services{align-items:center;background:#0000;border:0;border-radius:9px;color:#c4d5d2;cursor:pointer;display:flex;font:inherit;font-size:12px;font-weight:650;gap:9px;margin:0 18px 13px 8px;min-height:34px;padding:4px 9px;transition:color .18s ease,background .18s ease}.employee-container .back-to-services:hover{background:#ffffff17;color:#fff}.employee-container .central-title-row{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:15px;display:flex;gap:10px;margin:0 18px 18px 8px;padding:12px}.employee-container .central-menu-icon,.employee-container .central-title-icon{background:#dbae18;background:var(--employee-gold);color:#344d49;display:grid;flex:0 0 auto;place-items:center}.employee-container .central-title-icon{border-radius:10px;font-size:13px;height:32px;width:32px}.employee-container .central-title-row span,.employee-container .central-title-row strong{display:block}.employee-container .central-title-row strong{color:#fff;font-size:12.5px}.employee-container .central-kicker{color:#c2d1cf;font-size:9px;font-weight:800;letter-spacing:.7px;margin-bottom:3px;text-transform:uppercase}.employee-container .central-menu-heading{color:#bdd0cd;font-size:10px;font-weight:800;letter-spacing:1px;margin:0 18px 8px 14px;text-transform:uppercase}.employee-container .central-menu-group{min-width:0}.employee-container .central-menu-item,.employee-container .central-subnav-item{align-items:center;background:#0000;border:0;color:#e2ecea;cursor:pointer;display:flex;font:inherit;gap:10px;margin-left:8px;padding:0 10px;position:relative;text-align:left;transition:color .18s ease,background .18s ease,transform .18s ease;width:calc(100% - 18px)}.employee-container .central-menu-item{border-radius:12px;font-size:12.5px;font-weight:650;min-height:43px}.employee-container .central-subnav-item{border-radius:10px;color:#c8d8d5;font-size:11.5px;min-height:35px}.employee-container .central-menu-item:hover,.employee-container .central-subnav-item:hover{background:#ffffff1a;color:#fff;transform:translateX(2px)}.employee-container .central-menu-item.expanded{color:#fff}.employee-container .central-menu-icon{background:#ffffffbf;border-radius:9px;font-size:12px;height:28px;width:28px}.employee-container .central-menu-item>svg:last-child{color:#b9cbc8;font-size:10px;margin-left:auto;transition:transform .18s ease}.employee-container .central-menu-item>svg.chevron-open{transform:rotate(90deg)}.employee-container .central-menu-item.active,.employee-container .central-subnav-item.active{animation:employee-active-tab-in .3s cubic-bezier(.22,1,.36,1);background:#fff;background:var(--employee-surface);border-radius:999px 0 0 999px;color:#35809f;color:var(--employee-ink);isolation:isolate;margin-right:0;margin-right:calc(var(--employee-tab-overhang)*-1);width:calc(100% - 8px);z-index:5}.employee-container .central-menu-item.active>*,.employee-container .central-subnav-item.active>*{position:relative;z-index:2}.employee-container .central-menu-item.active .central-menu-icon,.employee-container .central-subnav-item.active svg{background:#fff;color:#9b7900}.employee-container .sidebar-subnav{grid-gap:2px;border-left:1px solid #ffffff3d;display:grid;gap:2px;margin:4px 18px 5px 28px;padding:2px 0 2px 9px}.employee-container .central-subnav-item.active{border-radius:999px;box-shadow:0 5px 12px #174d5a1a;margin-left:6px;margin-right:8px;width:calc(100% - 14px)}.employee-container .central-subnav-item.active:after,.employee-container .central-subnav-item.active:before{display:none}.employee-container .sidebar-account{grid-gap:8px;border-top:1px solid #ffffff26;display:grid;gap:8px;grid-template-columns:44px minmax(0,1fr);margin:8px 14px 16px;padding-top:12px}.employee-container .sidebar-account-profile,.employee-container .sidebar-logout-btn{align-items:center;background:#0000;border:0;color:#eef5f3;cursor:pointer;display:flex;font:inherit;text-align:left;width:100%}.employee-container .sidebar-account-profile{border-radius:12px;height:40px;justify-content:center;padding:0;width:44px}.employee-container .sidebar-account-profile.active,.employee-container .sidebar-account-profile:hover{background:#ffffff1c}.employee-container .sidebar-account-avatar,.employee-container .sidebar-account-profile img{border:2px solid #ffffffb8;border-radius:50%;flex:0 0 38px;height:38px;width:38px}.employee-container .sidebar-account-profile img{object-fit:cover}.employee-container .sidebar-account-avatar{background:#dbae18;background:var(--employee-gold);color:#314d49;display:grid;font-weight:800;place-items:center}.employee-container .sidebar-logout-btn{border:1px solid #ffffff29;border-radius:12px;font-size:11px;font-weight:700;gap:7px;justify-content:center;min-height:40px;padding:0 10px}.employee-container .sidebar-logout-btn:hover{background:#dbae18;background:var(--employee-gold);color:#294946}.employee-container .main-content{background:#fff;background:var(--employee-surface);border-radius:0 30px 30px 0;box-shadow:none;display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden;position:relative;z-index:1}.employee-container .topbar{align-items:center;background:#0000;border:0;display:flex;flex-shrink:0;justify-content:space-between;min-height:78px;padding:14px 28px 10px 34px}.employee-container .topbar-greeting{align-items:baseline;color:#718682}.employee-container .topbar-greeting span{font-size:14px;font-weight:500}.employee-container .topbar-greeting strong{color:#35809f;color:var(--employee-ink);font-size:18px;font-weight:700}.employee-container .topbar-title{display:flex;flex-direction:column;gap:5px;justify-content:center;min-height:40px}.employee-container .topbar-overline{color:#778e8b;font-size:9px;font-weight:800;letter-spacing:1.35px}.employee-container .topbar-title strong{background:#fff;border-radius:10px;box-shadow:0 6px 16px #2d514e0f;color:#35809f;color:var(--employee-ink);font-family:Manrope,sans-serif;font-size:15px;padding:7px 13px;width:-webkit-fit-content;width:fit-content}.employee-container .topbar-right{align-items:center;display:flex;gap:12px;margin-left:auto}.employee-container .profile-trigger{align-items:center;background:#0000;border:1px solid #0000;border-radius:13px;cursor:pointer;display:inline-flex;font:inherit;gap:10px;padding:3px 7px 3px 3px;text-align:left;transition:border-color .18s ease,background .18s ease}.employee-container .profile-trigger:hover{background:#fff;border-color:#d8e6e4;border-color:var(--employee-border)}.employee-container .profile-trigger:focus-visible{outline:3px solid #dbae1847;outline-offset:2px}.employee-container .topbar-avatar,.employee-container .topbar-img{border-radius:50%;height:40px;width:40px}.employee-container .topbar-img{object-fit:cover}.employee-container .topbar-avatar{background:#dbae18;background:var(--employee-gold);color:#314d49;display:grid;font-weight:800;place-items:center}.employee-container .topbar-user{display:flex;flex-direction:column;gap:2px;min-width:104px}.employee-container .topbar-name{color:#35809f;color:var(--employee-ink);font-size:13px;font-weight:750}.employee-container .topbar-designation{color:#879895;font-size:11px}.employee-container .logout-btn{background:var(--employee-sidebar);border:0;border-radius:10px;color:#fff;cursor:pointer;font:inherit;font-size:12px;font-weight:750;padding:10px 15px;transition:transform .18s ease,background .18s ease}.employee-container .logout-btn:hover{background:#35809f;background:var(--employee-sidebar-dark);transform:translateY(-1px)}.employee-container .content{background:#fff;background:var(--employee-surface);flex:1 1;overflow-y:auto;padding:24px 32px 40px}.employee-container .page-frame{margin:0 auto;max-width:1240px}.employee-container .page-frame-heading{align-items:center;display:flex;gap:14px;margin-bottom:22px}.employee-container .page-frame-icon{background:#dbae18;background:var(--employee-gold);border-radius:14px;box-shadow:0 8px 18px #dbae1833;color:#314d49;display:grid;font-size:18px;height:46px;place-items:center;width:46px}.employee-container .page-frame-heading span{color:#78908c;display:block;font-size:10px;font-weight:800;letter-spacing:1px;margin-bottom:3px;text-transform:uppercase}.employee-container .page-frame-heading h1{color:#35809f;color:var(--employee-sidebar-dark);font-family:Manrope,sans-serif;font-size:26px;letter-spacing:-.75px;margin:0}.employee-container .page-frame-content{min-width:0}.employee-container .page-frame-content>*{background-color:#fff!important;background-color:var(--employee-surface)!important;max-width:none!important}@keyframes employee-active-tab-in{0%{opacity:.7;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.employee-container .central-menu-item.active,.employee-container .central-subnav-item.active,.employee-container .sidebar-nav>ul>li.active{animation:none}}@media (max-width:1024px){.employee-container{padding:12px}.employee-container .sidebar{flex-basis:200px;width:200px}.employee-container .logo-container img{width:116px}.employee-container .sidebar-nav>ul>li{font-size:13px;gap:10px;padding-left:12px;padding-right:12px}.employee-container .content{padding:22px 22px 34px}.employee-container .topbar{padding:13px 20px 9px 28px}}@media (max-width:760px){.employee-container{background:#e5f1f1;background:var(--employee-canvas);padding:0}.employee-container .sidebar{border-radius:0;box-shadow:none;flex-basis:72px;width:72px}.employee-container .logo-container{border-radius:13px;margin:8px;min-height:68px;padding:7px}.employee-container .logo-container img{height:42px;object-fit:cover;object-position:left;width:44px}.employee-container .sidebar-nav{overflow-y:auto;padding:8px 9px 18px}.employee-container .sidebar-nav>ul>li{justify-content:center;margin:4px 0;padding:0;width:100%}.employee-container .back-to-services span,.employee-container .central-menu-heading,.employee-container .central-title-row,.employee-container .sidebar-nav span{display:none}.employee-container .central-navigation{margin-top:8px;padding-top:10px}.employee-container .back-to-services{justify-content:center;margin:0 0 8px;padding:0}.employee-container .central-menu-item,.employee-container .central-subnav-item{justify-content:center;margin-left:0;padding:0;width:100%}.employee-container .central-menu-item>svg:last-child{display:none}.employee-container .sidebar-subnav{border:0;margin:3px 0;padding:0}.employee-container .central-menu-item.active,.employee-container .central-subnav-item.active,.employee-container .sidebar-nav>ul>li.active{background:#fff;border-radius:13px;margin:4px 0;width:100%}.employee-container .central-menu-item.active:after,.employee-container .central-menu-item.active:before,.employee-container .central-subnav-item.active:after,.employee-container .central-subnav-item.active:before,.employee-container .sidebar-nav>ul>li.active:after,.employee-container .sidebar-nav>ul>li.active:before{display:none}.employee-container .main-content{border-radius:0;box-shadow:none}.employee-container .topbar{min-height:38px;padding:11px 14px}.employee-container .topbar-greeting,.employee-container .topbar-overline,.employee-container .topbar-user{display:none}.employee-container .topbar-title strong{font-size:14px}.employee-container .content{padding:20px 14px 28px}.employee-container .sidebar-account{grid-template-columns:1fr;margin:7px 9px 10px}.employee-container .sidebar-account-profile{justify-content:center;padding:6px 0}.employee-container .sidebar-account-avatar,.employee-container .sidebar-account-profile img{flex-basis:34px;height:34px;width:34px}.employee-container .sidebar-account-copy,.employee-container .sidebar-logout-btn span{display:none}.employee-container .sidebar-logout-btn{padding:0}}.employee-container,.employee-container *{font-family:DM Sans,Segoe UI,sans-serif!important;font-family:var(--employee-font)!important}.employee-container h1,.employee-container h2,.employee-container h3,.employee-container h4,.employee-container h5,.employee-container h6{font-weight:700;letter-spacing:-.025em}:root{--employee-dark-blue:#35809f;--employee-light-green-blue:#a5c3c9;--employee-golden-birch:#e6a727;--employee-smoky-white:#f4f4f3}.employee-container{background:var(--employee-smoky-white)}.employee-container .sidebar-nav{background:#35809f;background:var(--employee-dark-blue)}.employee-container .content,.employee-container .main-content,.employee-container .topbar{background:#fff;background:var(--employee-surface)}.employee-container .central-menu-item.active,.employee-container .central-subnav-item.active,.employee-container .sidebar-nav>ul>li.active{background:#fff;background:var(--employee-surface);color:var(--employee-dark-blue)}.employee-container .central-menu-item.active:after,.employee-container .central-menu-item.active:before,.employee-container .central-subnav-item.active:after,.employee-container .central-subnav-item.active:before,.employee-container .sidebar-nav>ul>li.active:after,.employee-container .sidebar-nav>ul>li.active:before{background:#35809f;background:var(--employee-dark-blue)}.employee-container .page-frame-icon,.employee-container .teamplus-logo{background:#e6a727;background:var(--employee-golden-birch);color:#35809f;color:var(--employee-dark-blue)}.employee-container .logout-btn{background:#35809f;background:var(--employee-dark-blue)}.employee-container .logout-btn:hover{background:#2d6f8b}.employee-container .central-menu-item.active,.employee-container .central-subnav-item.active,.employee-container .sidebar-nav>ul>li.active,.employee-container .sidebar-nav>ul>li.active:hover{border-radius:999px}.employee-container .central-menu-item.active,.employee-container .central-subnav-item.active,.employee-container .sidebar-nav>ul>li.active,.employee-container .sidebar-nav>ul>li.active:hover{margin-right:14px}.employee-container .central-menu-item.active,.employee-container .central-subnav-item.active,.employee-container .sidebar-nav>ul>li.active,.employee-container .sidebar-nav>ul>li.active:hover{border-radius:24px!important;margin-right:14px!important;overflow:hidden;width:calc(100% - 22px)!important}.employee-container .central-menu-item.active:after,.employee-container .central-menu-item.active:before,.employee-container .central-subnav-item.active:after,.employee-container .central-subnav-item.active:before,.employee-container .sidebar-nav>ul>li.active:after,.employee-container .sidebar-nav>ul>li.active:before{display:none}.employee-container .central-menu-item.active,.employee-container .sidebar-nav>ul>li.active,.employee-container .sidebar-nav>ul>li.active:hover{border-radius:999px 0 0 999px!important;margin-right:0!important;overflow:visible}.employee-container .central-menu-item.active{width:calc(100% - 8px)!important}.employee-container .central-subnav-item.active{border-radius:999px!important;margin-right:8px!important;overflow:visible;width:calc(100% - 14px)!important}.employee-container .central-menu-item.active:after,.employee-container .central-menu-item.active:before,.employee-container .sidebar-nav>ul>li.active:after,.employee-container .sidebar-nav>ul>li.active:before{display:block}.employee-container .sidebar-nav>ul>li.active,.employee-container .sidebar-nav>ul>li.active:hover{background:var(--employee-surface)!important;border-radius:24px!important;margin-right:-14px!important;overflow:visible!important}.employee-container .central-menu-item.active{margin-right:-14px!important;overflow:visible!important;width:calc(100% + 14px)!important}.employee-container .central-menu-item.active,.employee-container .central-subnav-item.active{background:#fff!important;background:var(--employee-surface)!important;border-radius:24px!important}.employee-container .central-menu-item.active:after,.employee-container .central-menu-item.active:before,.employee-container .central-subnav-item.active:after,.employee-container .central-subnav-item.active:before,.employee-container .sidebar-nav>ul>li.active:after,.employee-container .sidebar-nav>ul>li.active:before{display:none!important}.employee-container .central-menu-item.active,.employee-container .central-subnav-item.active,.employee-container .content,.employee-container .main-content,.employee-container .page-frame-content,.employee-container .sidebar-nav>ul>li.active{background:#f4f4f3}.employee-container .sidebar-nav{overflow-x:visible;overflow-y:visible;scrollbar-width:none}.employee-container .sidebar-nav::-webkit-scrollbar{display:none;height:0;width:0}.employee-container .central-navigation{margin-top:0}.employee-container .central-menu-list{gap:1px}.employee-container .central-menu-item{min-height:37px}.employee-container .central-subnav-item{min-height:29px}.employee-container .sidebar-subnav{gap:0;margin-bottom:3px;margin-top:2px}.employee-container .topbar{min-height:58px;padding-bottom:7px;padding-top:7px}.employee-container .topbar-title{gap:2px;min-height:30px}.employee-container .topbar-title strong{padding-bottom:5px;padding-top:5px}.employee-container .topbar-avatar,.employee-container .topbar-img{height:34px;width:34px}.employee-container .content{padding-top:16px}.employee-container{--employee-sidebar:#35809f;--employee-sidebar-dark:#35809f;--employee-gold:#e6a727}.employee-container .sidebar,.employee-container .sidebar-nav{background:#35809f}.employee-container .content,.employee-container .logo-container,.employee-container .main-content,.employee-container .topbar{background:#f4f4f3}.employee-container .central-menu-item.active,.employee-container .central-subnav-item.active,.employee-container .sidebar-nav>ul>li.active{color:#35809f}.employee-container .sidebar-nav li svg{color:#e6a727}.employee-container .central-menu-icon,.employee-container .sidebar-account-avatar{background:#e6a727;color:#35809f}.employee-container .sidebar-logout-btn{border-color:#f4f4f359}.employee-container .sidebar-logout-btn svg{color:#e6a727}.employee-container{--employee-ink:#173f46;--employee-muted:#68807e;--employee-canvas:#f4f4f3;--employee-surface:#f4f4f3;--employee-sidebar:#123f49;--employee-sidebar-dark:#0d343d;--employee-gold:#f2b544;--employee-border:#d6e4e1;background:#f4f4f3}.employee-container .sidebar{background:linear-gradient(180deg,#174e58,#103b44)}.employee-container .content,.employee-container .main-content,.employee-container .topbar{background:#f4f4f3}.employee-container .logo-container{border-color:#ffffff8c}.employee-container .central-menu-item,.employee-container .central-subnav-item,.employee-container .sidebar-nav>ul>li{color:#e5f0ee}.employee-container .sidebar-nav li svg{color:#f2b544}.employee-container .central-menu-item.active,.employee-container .central-subnav-item.active,.employee-container .sidebar-nav>ul>li.active{background:#f4f4f3;color:#173f46}.employee-container .central-menu-item.active:after,.employee-container .central-menu-item.active:before,.employee-container .sidebar-nav>ul>li.active:after,.employee-container .sidebar-nav>ul>li.active:before{background:#123f49}.employee-container .central-menu-icon,.employee-container .page-frame-icon,.employee-container .sidebar-account-avatar{background:#f2b544;color:#173f46}.employee-container .central-menu-item.expanded{background:#ffffff1a}.employee-container .sidebar-logout-btn{background:#ffffff12;border-color:#fff3}.employee-container .sidebar-logout-btn:hover{background:#f2b544;color:#173f46}.employee-container .sidebar-logout-btn svg{color:#f2b544}.employee-container .sidebar-logout-btn:hover svg{color:#173f46}.employee-container .topbar-greeting span{color:#6b807e}.employee-container .page-frame-heading h1,.employee-container .topbar-greeting strong{color:#173f46}.employee-container{--employee-ink:#1a2b3c;--employee-muted:#5c7285;--employee-canvas:#d8e8f3;--employee-surface:#edf5fa;--employee-sidebar:#526375;--employee-sidebar-dark:#526375;--employee-gold:#e02424;--employee-border:#cce1f0;background:#d8e8f3}.employee-container .sidebar{background:#526375}.employee-container .content,.employee-container .main-content,.employee-container .topbar{background:#d8e8f3}.employee-container .logo-container{background:#edf5fa}.employee-container .back-to-services,.employee-container .central-menu-item,.employee-container .central-subnav-item,.employee-container .sidebar-account-profile,.employee-container .sidebar-nav>ul>li{color:#edf5fa}.employee-container .central-menu-item:not(.active):hover,.employee-container .central-subnav-item:not(.active):hover,.employee-container .sidebar-nav>ul>li:not(.active):hover{background:#edf5fa1f}.employee-container .central-menu-item.active,.employee-container .central-menu-item.active:hover,.employee-container .central-subnav-item.active,.employee-container .central-subnav-item.active:hover,.employee-container .sidebar-nav>ul>li.active,.employee-container .sidebar-nav>ul>li.active:hover{background:#d8e8f3!important;color:#1a2b3c}.employee-container .central-menu-item.active:before,.employee-container .sidebar-nav>ul>li.active:before{background:#526375!important;box-shadow:22px 22px 0 #d8e8f3!important;box-shadow:var(--employee-tab-curve-half) var(--employee-tab-curve-half) 0 #d8e8f3!important}.employee-container .central-menu-item.active:after,.employee-container .sidebar-nav>ul>li.active:after{background:#526375!important;box-shadow:22px -22px 0 #d8e8f3!important;box-shadow:var(--employee-tab-curve-half) calc(var(--employee-tab-curve-half)*-1) 0 #d8e8f3!important}.employee-container .central-menu-item.active svg,.employee-container .central-subnav-item.active svg,.employee-container .sidebar-logout-btn svg,.employee-container .sidebar-nav li svg,.employee-container .sidebar-nav>ul>li.active svg{color:#e02424}.employee-container .central-menu-icon,.employee-container .page-frame-icon,.employee-container .sidebar-account-avatar,.employee-container .topbar-avatar{background:#e02424;color:#fff}.employee-container .sidebar-logout-btn{border-color:#edf5fa4d;color:#edf5fa}.employee-container .sidebar-logout-btn:hover{background:#e02424}.employee-container .topbar-greeting span{color:#5c7285}.employee-container .page-frame-heading h1,.employee-container .topbar-greeting strong{color:#1a2b3c}.employee-container,.employee-container .content,.employee-container .main-content,.employee-container .sidebar-nav>ul>li.active,.employee-container .sidebar-nav>ul>li.active:hover,.employee-container .topbar{background-color:#f4f4f3!important}.employee-container .central-menu-item.active,.employee-container .central-menu-item.active:hover,.employee-container .sidebar-nav>ul>li.active,.employee-container .sidebar-nav>ul>li.active:hover{border-radius:999px 0 0 999px;margin-right:-1px}.employee-container .central-menu-item.active:after,.employee-container .central-menu-item.active:before,.employee-container .sidebar-nav>ul>li.active:after,.employee-container .sidebar-nav>ul>li.active:before{background:#0000!important;display:block!important}.employee-container .central-menu-item.active:before,.employee-container .sidebar-nav>ul>li.active:before{box-shadow:22px 22px 0 #f4f4f3!important;box-shadow:var(--employee-tab-curve-half) var(--employee-tab-curve-half) 0 #f4f4f3!important}.employee-container .central-menu-item.active:after,.employee-container .sidebar-nav>ul>li.active:after{box-shadow:22px -22px 0 #f4f4f3!important;box-shadow:var(--employee-tab-curve-half) calc(var(--employee-tab-curve-half)*-1) 0 #f4f4f3!important}.employee-container .central-menu-item.active,.employee-container .central-menu-item.active:hover,.employee-container .central-subnav-item.active,.employee-container .central-subnav-item.active:hover,.employee-container .sidebar-nav>ul>li.active,.employee-container .sidebar-nav>ul>li.active:hover{background:#f4f4f3!important;color:#173f46}.employee-container .central-menu-item.active:before,.employee-container .sidebar-nav>ul>li.active:before{box-shadow:22px 22px 0 #f4f4f3;box-shadow:var(--employee-tab-curve-half) var(--employee-tab-curve-half) 0 #f4f4f3}.employee-container .central-menu-item.active:after,.employee-container .sidebar-nav>ul>li.active:after{box-shadow:22px -22px 0 #f4f4f3;box-shadow:var(--employee-tab-curve-half) calc(var(--employee-tab-curve-half)*-1) 0 #f4f4f3}.employee-container{--employee-ink:#2c3e50;--employee-muted:#2c3e50;--employee-canvas:#f7fafd;--employee-sidebar:#eaf1fb;--employee-sidebar-dark:#eaf1fb;--employee-gold:#4c7ee0;--employee-border:#2c3e5024;background:#f7fafd!important}.employee-container .sidebar{background:#eaf1fb;box-shadow:none}.employee-container .sidebar-nav{background:#0000}.employee-container .content,.employee-container .main-content,.employee-container .topbar{background:#f7fafd!important}.employee-container .logo-container{background:#fff}.employee-container .central-menu-item,.employee-container .central-subnav-item,.employee-container .sidebar-nav>ul>li{color:#2c3e50}.employee-container .central-menu-item:not(.active):hover,.employee-container .central-subnav-item:not(.active):hover,.employee-container .sidebar-nav>ul>li:not(.active):hover{background:#4c7ee01a}.employee-container .central-menu-item.active,.employee-container .central-menu-item.active:hover,.employee-container .central-subnav-item.active,.employee-container .central-subnav-item.active:hover,.employee-container .sidebar-nav>ul>li.active,.employee-container .sidebar-nav>ul>li.active:hover{background:#f7fafd!important;color:#2c3e50}.employee-container .central-menu-item.active:before,.employee-container .sidebar-nav>ul>li.active:before{box-shadow:22px 22px 0 #f7fafd!important;box-shadow:var(--employee-tab-curve-half) var(--employee-tab-curve-half) 0 #f7fafd!important}.employee-container .central-menu-item.active:after,.employee-container .sidebar-nav>ul>li.active:after{box-shadow:22px -22px 0 #f7fafd!important;box-shadow:var(--employee-tab-curve-half) calc(var(--employee-tab-curve-half)*-1) 0 #f7fafd!important}.employee-container .central-menu-item.active svg,.employee-container .central-subnav-item.active svg,.employee-container .sidebar-nav li svg,.employee-container .sidebar-nav>ul>li.active svg{color:#4c7ee0}.employee-container .central-menu-icon,.employee-container .page-frame-icon,.employee-container .sidebar-account-avatar{background:#4c7ee0;color:#fff}.employee-container .sidebar-logout-btn{background:#4c7ee0;border-color:#4c7ee0;color:#fff}.employee-container .sidebar-logout-btn svg{color:#fff}.employee-container .sidebar-logout-btn:hover{background:#3f6fcb;color:#fff}.employee-container .sidebar-logout-btn:hover svg{color:#fff}.employee-container .page-frame-heading h1,.employee-container .topbar-greeting span,.employee-container .topbar-greeting strong{color:#2c3e50}.employee-container .central-menu-item.active,.employee-container .central-menu-item.active:hover,.employee-container .sidebar-nav>ul>li.active,.employee-container .sidebar-nav>ul>li.active:hover{box-shadow:3px 0 0 #fff!important}.employee-container{--employee-canvas:#fff;--employee-surface:#fff;background:#fff!important}.employee-container .content,.employee-container .main-content,.employee-container .topbar{background:#fff!important;border-left:0;box-shadow:none}.employee-container .central-menu-item.active,.employee-container .central-menu-item.active:hover,.employee-container .central-subnav-item.active,.employee-container .central-subnav-item.active:hover,.employee-container .sidebar-nav>ul>li.active,.employee-container .sidebar-nav>ul>li.active:hover{background:#fff!important}.employee-container .central-menu-item.active:before,.employee-container .sidebar-nav>ul>li.active:before{background:#eaf1fb!important;box-shadow:22px 22px 0 #fff!important;box-shadow:var(--employee-tab-curve-half) var(--employee-tab-curve-half) 0 #fff!important}.employee-container .central-menu-item.active:after,.employee-container .sidebar-nav>ul>li.active:after{background:#eaf1fb!important;box-shadow:22px -22px 0 #fff!important;box-shadow:var(--employee-tab-curve-half) calc(var(--employee-tab-curve-half)*-1) 0 #fff!important}.employee-container .topbar-greeting .topbar-daily-quote{border-left:2px solid #cbd5e1;color:#64748b!important;font-size:12px;line-height:1.45;margin-left:14px;max-width:min(46vw,620px);overflow:hidden;padding-left:16px;text-overflow:ellipsis;white-space:nowrap}.employee-container:has(.modal-overlay,.modal,.my-attendance-location-overlay,.ahm-backdrop,.popup,.confirm-overlay) .sidebar-nav>ul>li.active,.employee-container:has(.modal-overlay,.modal,.my-attendance-location-overlay,.ahm-backdrop,.popup,.confirm-overlay) .sidebar-nav>ul>li.active:hover{border-radius:999px!important;box-shadow:none!important;margin-right:18px!important}.employee-container:has(.modal-overlay,.modal,.my-attendance-location-overlay,.ahm-backdrop,.popup,.confirm-overlay) .central-menu-item.active,.employee-container:has(.modal-overlay,.modal,.my-attendance-location-overlay,.ahm-backdrop,.popup,.confirm-overlay) .central-menu-item.active:hover{border-radius:999px!important;box-shadow:none!important;margin-right:18px!important;width:calc(100% - 26px)!important}.employee-container:has(.modal-overlay,.modal,.my-attendance-location-overlay,.ahm-backdrop,.popup,.confirm-overlay) .central-menu-item.active:after,.employee-container:has(.modal-overlay,.modal,.my-attendance-location-overlay,.ahm-backdrop,.popup,.confirm-overlay) .central-menu-item.active:before,.employee-container:has(.modal-overlay,.modal,.my-attendance-location-overlay,.ahm-backdrop,.popup,.confirm-overlay) .sidebar-nav>ul>li.active:after,.employee-container:has(.modal-overlay,.modal,.my-attendance-location-overlay,.ahm-backdrop,.popup,.confirm-overlay) .sidebar-nav>ul>li.active:before{box-shadow:none!important;display:none!important}@media (max-width:1050px){.employee-container .topbar-greeting .topbar-daily-quote{max-width:34vw}}.employee-container .topbar-current-date{align-items:center;background:#0000;border:0;box-shadow:none;color:#35809f;color:var(--employee-ink);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:700;gap:7px;padding:0 3px;white-space:nowrap}.employee-container .topbar-current-date:hover{color:#356dd1}.employee-container .topbar-chat-wrap{position:relative}.employee-container .topbar-chat-button{background:#fff;border:1px solid #d7e1dd;border-radius:50%;box-shadow:0 3px 8px #2941390a;color:#3567bc;cursor:pointer;display:grid;font:inherit;font-size:14px;height:36px;padding:0;place-items:center;width:36px}.employee-container .topbar-chat-button:hover{background:#eff5ff;border-color:#9db9ea}.employee-container .topbar-chat-notice{background:#fff;border:1px solid #dce6f2;border-radius:9px;box-shadow:0 10px 24px #22334c24;color:#475569;font-size:10px;font-weight:700;padding:8px 11px;position:absolute;right:0;top:calc(100% + 8px);width:-webkit-max-content;width:max-content;z-index:30}.employee-container .topbar-current-date svg{color:#5c7285;font-size:14px}@media (max-width:680px){.employee-container .topbar-current-date{max-width:155px;overflow:hidden;text-overflow:ellipsis}}.employee-container .topbar-right .nbell-btn{background:linear-gradient(145deg,#f7c65d,#e69d27);border:1px solid #e5a12b;border-radius:50%;box-shadow:0 7px 17px #e29a2a42,inset 0 1px 0 #ffffff6b;color:#fff;display:grid;font-size:15px;height:36px;padding:0;place-items:center;transition:filter .18s ease,box-shadow .18s ease,transform .18s ease;width:36px}.employee-container .topbar-right .nbell-btn:hover{background:linear-gradient(145deg,#f7c65d,#e69d27);border-color:#e5a12b;box-shadow:0 10px 21px #e29a2a52,inset 0 1px 0 #ffffff73;color:#fff;filter:brightness(1.04);transform:translateY(-2px)}.employee-container .topbar-right .nbell-btn:focus-visible{outline:3px solid #e29a2a3d;outline-offset:3px}.employee-container .topbar-right .nbell-badge{border:2px solid #fff;box-shadow:0 3px 8px #ef44444d;font-size:8px;height:16px;min-width:16px;padding:0 2px;right:-4px;top:-4px}.employee-container .central-menu-icon,.employee-container .central-menu-item.active .central-menu-icon{background:#0000!important;border:0;border-radius:0;box-shadow:none;color:#4c7ee0!important;font-size:16px;height:24px;width:24px}.employee-container .central-menu-group.expanded{background:#fff;border-radius:16px;box-shadow:0 8px 20px #2c3e500f;isolation:isolate;margin-left:8px;overflow:hidden;padding:4px 0 8px;width:calc(100% - 18px)}.employee-container .central-menu-group.expanded .central-menu-item,.employee-container .central-menu-group.expanded .central-menu-item:hover{background:#fff!important;border-radius:12px;color:#2c3e50;margin:0;padding-left:10px;padding-right:12px;transform:none;width:100%}.employee-container .central-menu-group.expanded .central-menu-item:after,.employee-container .central-menu-group.expanded .central-menu-item:before,.employee-container .central-menu-group.expanded .central-subnav-item:after,.employee-container .central-menu-group.expanded .central-subnav-item:before{content:none!important;display:none!important}.employee-container .central-menu-group.expanded .central-menu-item>svg:last-child{color:#7e91a8}.employee-container .central-menu-group.expanded .sidebar-subnav{border-left:1px solid #d7e3f1;margin:2px 8px 0 34px;padding:2px 0 0 8px}.employee-container .central-menu-group.expanded .central-subnav-item{background:#0000;color:#2c3e50;margin-left:0;width:calc(100% - 6px)}.employee-container:has(.leave-modal-overlay) .sidebar-nav>ul>li.active,.employee-container:has(.leave-modal-overlay) .sidebar-nav>ul>li.active:hover{border-radius:14px!important;box-shadow:none!important;margin-right:18px!important}.employee-container:has(.leave-modal-overlay) .central-menu-item.active,.employee-container:has(.leave-modal-overlay) .central-menu-item.active:hover{border-radius:12px!important;box-shadow:none!important;margin-right:18px!important;width:calc(100% - 26px)!important}.employee-container:has(.leave-modal-overlay) .central-menu-item.active:after,.employee-container:has(.leave-modal-overlay) .central-menu-item.active:before,.employee-container:has(.leave-modal-overlay) .sidebar-nav>ul>li.active:after,.employee-container:has(.leave-modal-overlay) .sidebar-nav>ul>li.active:before{box-shadow:none!important;content:none!important;display:none!important}.employee-container .my-attendance-table thead{background:#eaf1fb}.employee-container .my-attendance-table th{border-bottom-color:#d7e3f3;color:#35516f}.profile-completion-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#182b448f;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:1200}.profile-completion-dialog{align-items:center;background:#fff;border:1px solid #d9e5f4;border-radius:22px;box-shadow:0 28px 75px #11274647;display:flex;flex-direction:column;padding:30px;text-align:center;width:min(440px,100%)}.profile-completion-icon{background:#4c7ee0;border-radius:50%;box-shadow:0 10px 22px #4c7ee03d;color:#fff;display:grid;font-size:27px;height:58px;margin-bottom:13px;place-items:center;width:58px}.profile-completion-kicker{color:#4c7ee0;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.profile-completion-dialog h2{color:#203650;font-size:21px;margin:8px 0 9px}.profile-completion-dialog p{color:#718198;font-size:12px;line-height:1.65;margin:0}.profile-completion-dialog button{background:#4c7ee0;border:0;border-radius:10px;box-shadow:0 8px 18px #4c7ee038;color:#fff;cursor:pointer;font:inherit;font-size:12px;font-weight:800;margin-top:21px;padding:11px 18px}.profile-completion-dialog button:hover{background:#386ccc}.employee-container .topbar{background:#fff!important;border-bottom:1px solid #e4eae7;min-height:88px;padding:15px 24px 14px 28px}.employee-container .topbar-greeting{align-items:flex-start;display:flex;flex-direction:column;gap:5px}.employee-container .topbar-greeting-line{align-items:baseline;display:flex;gap:6px}.employee-container .topbar-greeting-line span,.employee-container .topbar-greeting-line strong{color:#173029!important;font-family:Georgia,Times New Roman,serif;font-size:clamp(19px,1.8vw,25px);font-weight:700;letter-spacing:-.4px}.employee-container .topbar-greeting .topbar-daily-quote{border:0;color:#657a73!important;font-family:Georgia,Times New Roman,serif;font-size:13px;font-style:italic;font-weight:500;margin:0;max-width:min(55vw,720px);padding:0}.employee-container .topbar-current-date{background:#fff;border:1px solid #d7e1dd;border-radius:9px;box-shadow:0 3px 8px #29413908;color:#324740;font-size:11px;font-weight:650;min-height:38px;padding:0 14px}.employee-container .topbar-current-date:hover{background:#fff;border-color:#bfd2cb;color:#216a55}.employee-container .content.profile-content-active,.employee-container .main-content.profile-active{background:#fff!important}.employee-container .content.profile-content-active{padding:12px 18px 28px!important}.employee-container .sidebar-notification-badge{background:#e64f55;border:2px solid #ffffffe6;border-radius:999px;box-shadow:0 3px 8px #aa262c3d;color:#fff;display:inline-grid;flex:0 0 auto;font-size:8px!important;font-weight:850!important;height:19px;line-height:1;margin-left:auto;min-width:19px;padding:0 5px;place-items:center}.employee-container .central-menu-item.active .sidebar-notification-badge,.employee-container .central-subnav-item.active .sidebar-notification-badge{border-color:#fff}.employee-container .central-menu-item.has-children .sidebar-notification-badge{margin-left:auto}.employee-container .central-menu-item.has-children>svg:last-child{margin-left:0}.employee-container .topbar-right .nbell-btn,.employee-container .topbar-right .nbell-btn:hover{background:#fff;border:1px solid #d7e1dd;box-shadow:0 3px 8px #2941390a;color:#253b34;filter:none;height:36px;width:36px}.employee-container .topbar-right .nbell-btn:hover{border-color:#bfd2cb;color:#216a55;transform:translateY(-1px)}.employee-container .topbar-right .nbell-badge{border:1px solid #fff;font-size:0;height:7px;min-width:7px;padding:0;right:4px;top:5px;width:7px}@media (max-width:760px){.employee-container .topbar{min-height:58px;padding:10px 14px}.employee-container .topbar-greeting{display:none}}.dashboard-home{background:#f5f7fb;min-height:100vh;padding:25px}.dashboard-wrapper{margin:0 auto;max-width:1200px}.employee-greeting-card{background:#8aa8eb;border-radius:14px;box-shadow:0 6px 18px #4f46e540;color:#fff;margin-bottom:25px;padding:22px}.employee-greeting-card h2{color:#0f172a;font-size:22px;font-weight:700;margin:0;text-align:center}.employee-greeting-card p{font-size:14px;margin-top:5px;opacity:.9}.stats-container{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(5,1fr);margin-bottom:25px}.stat-card{align-items:center;background:#fff;border-radius:14px;box-shadow:0 4px 12px #0000000f;display:flex;gap:14px;padding:16px;transition:.3s}.stat-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.icon-box{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:18px;height:45px;justify-content:center;width:45px}.stat-card.employees .icon-box{background:#3b82f6}.stat-card.departments .icon-box{background:#8b5cf6}.stat-card.active .icon-box{background:#06b6d4}.stat-card.completed .icon-box{background:#22c55e}.stat-card.leave .icon-box{background:#ef4444}.stat-info h4{color:#6b7280;font-size:13px;margin:0}.stat-info p{font-size:20px;font-weight:700;margin:4px 0 0}.chart-card{background:#fff;border-radius:14px;box-shadow:0 4px 12px #0000000f;padding:20px}.chart-card h3{margin-bottom:10px}@media (max-width:1200px){.stats-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.stats-container{grid-template-columns:repeat(2,1fr)}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;right:0;top:0;z-index:1000}.modal-content{border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:550px;width:100%}.modal-header{align-items:center;background:linear-gradient(135deg,#5865f2,#6d75d6);gap:12px;padding:20px 24px}.modal-header h2{color:#fff;flex:1 1;font-size:20px;font-weight:700;line-height:1.3;margin:0}.close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;min-width:36px;padding:0;transition:all .2s ease;width:36px}.close-btn:hover{background:#ffffff59;transform:scale(1.08)}.modal-body{flex:1 1;padding:24px}.leave-list{display:flex;flex-direction:column;gap:12px}.leave-item{background:linear-gradient(135deg,#f0f4ff,#f5f3ff);border-left:4px solid #6366f1;border-radius:10px;gap:14px;padding:14px 16px}.leave-item,.leave-item-number{align-items:center;display:flex}.leave-item-number{background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;color:#fff;flex-shrink:0;font-size:14px;font-weight:600;height:34px;justify-content:center;width:34px}.leave-item-info h4{color:#1e293b;font-size:15px;font-weight:600;margin:0}.loading-text,.no-leave-text{color:#64748b;font-size:14px;padding:40px 20px}.dashboard-home{background:#0000;margin:0 auto;max-width:1240px;min-height:auto;padding:0}.home-heading-row{align-items:flex-end;display:flex;gap:24px;justify-content:space-between;margin-bottom:23px}.home-eyebrow{color:#9098a8;display:block;font-size:11px;font-weight:700;letter-spacing:.3px}.home-heading-row h1{color:#182235;font-family:Manrope,sans-serif;font-size:clamp(28px,3vw,40px);font-weight:800;letter-spacing:-1.6px;line-height:1.08;margin:7px 0 8px}.home-heading-row p{color:#80899a;font-size:14px;margin:0}.home-quick-action{align-items:center;background:#fff;border:1px solid #e1e4ef;border-radius:10px;box-shadow:0 8px 18px #242f540a;color:#4f5fd0;cursor:pointer;display:inline-flex;font:inherit;font-size:12px;font-weight:700;gap:8px;padding:11px 15px;transition:transform .18s ease,box-shadow .18s ease}.home-quick-action:hover{box-shadow:0 11px 23px #242f5417;transform:translateY(-2px)}.home-top-grid{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:minmax(220px,1.01fr) minmax(330px,1.48fr) minmax(205px,.78fr)}.home-clock-card,.home-stat-card,.teamplus-card,.timesheet-card,.todo-card,.welcome-card{border:1px solid #e6e9f1f2;border-radius:19px;box-shadow:0 13px 30px rgba(44,54,89,.055)}.welcome-card{background:linear-gradient(135deg,#596bdf,#4554bc);color:#fff;min-height:245px;overflow:hidden;padding:27px 25px;position:relative}.welcome-card-inner{max-width:235px;position:relative;z-index:1}.welcome-card .home-eyebrow{color:#dbe1ff}.welcome-card h2{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.65px;line-height:1.12;margin:22px 0 10px}.welcome-card p{color:#e2e6ff;font-size:10px;line-height:1.55;margin:0}.welcome-orbit{border:1px solid #ffffff38;border-radius:50%;bottom:-66px;height:190px;position:absolute;right:-52px;width:190px}.welcome-orbit:after,.welcome-orbit:before{border:1px solid #ffffff30;border-radius:50%;content:"";position:absolute}.welcome-orbit:before{inset:22px}.welcome-orbit:after{inset:50px}.welcome-orbit span{background:#f2b954;border-radius:50%;box-shadow:0 0 0 7px #f2b9541a;height:9px;position:absolute;width:9px}.welcome-orbit span:first-child{left:57px;top:17px}.welcome-orbit span:nth-child(2){background:#b1f4e2;left:28px;top:68px}.welcome-orbit span:nth-child(3){background:#fff;bottom:36px;right:26px}.teamplus-card{background:#fff;min-height:245px;padding:22px}.teamplus-heading{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.teamplus-heading h2{color:#1d2740;font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.45px;margin:5px 0 0}.teamplus-logo{background:#eef0ff;border-radius:12px;color:#5365db;display:grid;font-size:17px;height:39px;place-items:center;width:39px}.teamplus-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.teamplus-item{align-items:flex-start;border:1px solid #0000;border-radius:13px;color:#27324a;cursor:pointer;display:flex;flex-direction:column;font:inherit;min-height:92px;min-width:0;padding:10px 12px;position:relative;text-align:left;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.teamplus-item.selected,.teamplus-item:hover{border-color:#5365db2e;box-shadow:0 9px 15px #23315b12;transform:translateY(-3px)}.teamplus-blue{background:#edf3ff}.teamplus-pink{background:#fff0f2}.teamplus-gold{background:#fff6df}.teamplus-violet{background:#f2efff}.teamplus-mint{background:#eaf9f4}.teamplus-item-icon{background:#ffffffb8;border-radius:9px;color:#5b6bda;display:grid;font-size:12px;height:28px;margin-bottom:7px;place-items:center;width:28px}.teamplus-pink .teamplus-item-icon{color:#e2677b}.teamplus-gold .teamplus-item-icon{color:#d09929}.teamplus-violet .teamplus-item-icon{color:#7d69d6}.teamplus-mint .teamplus-item-icon{color:#35a686}.teamplus-item-value{font-family:Manrope,sans-serif;font-size:18px;font-weight:800}.teamplus-item-label{color:#727c8e;font-size:10px;line-height:1.3;margin-top:2px;max-width:none}.teamplus-item-arrow{bottom:10px;color:#99a1b2;font-size:9px;position:absolute;right:10px}.teamplus-selection-note{align-items:center;background:#f8f9fc;border-radius:9px;color:#667087;display:flex;font-size:11px;gap:12px;justify-content:space-between;margin-top:12px;padding:9px 12px}.teamplus-selection-note strong{color:#4859c9}.teamplus-selection-note>span:first-child{grid-gap:2px;display:grid;gap:2px}.teamplus-selection-note small{color:#7c8b88;font-size:9px}.teamplus-availability-actions{display:inline-flex;gap:5px}.teamplus-availability-actions button{background:#fff;border:1px solid #cfdfdd;border-radius:7px;color:#3f605d;cursor:pointer;font:inherit;font-size:9px;font-weight:700;padding:5px 7px}.teamplus-availability-actions button:hover{background:#edf5f3}.todo-card{background:#f8f5ec;min-height:285px;padding:21px 18px}.todo-heading{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:14px}.todo-heading h2{color:#294946;font-size:18px;margin:5px 0 0}.todo-icon{background:#f2d870;border-radius:12px;color:#705813;display:grid;font-size:15px;height:38px;place-items:center;width:38px}.todo-list{grid-gap:7px;display:grid;gap:7px}.todo-list button{grid-gap:9px;align-items:center;background:#ffffffb8;border:1px solid #0000;border-radius:11px;color:#294946;cursor:pointer;display:grid;font:inherit;gap:9px;grid-template-columns:30px minmax(0,1fr) 10px;min-width:0;padding:9px;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease}.todo-list button:hover{background:#fff;border-color:#d9e6e4;transform:translateX(2px)}.todo-list button>span:nth-child(2){min-width:0}.todo-list small,.todo-list strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-list strong{font-size:11px}.todo-list small{color:#7c8b88;font-size:9px;margin-top:2px}.todo-list button>svg{color:#8da09c;font-size:9px}.todo-item-icon{background:#f6e8b8;border-radius:9px;color:#876a13;display:grid;font-size:11px;height:30px;place-items:center;width:30px}.home-clock-card{background:linear-gradient(145deg,#19223a,#0d1830);display:flex;flex-direction:column;min-height:245px;padding:23px 22px}.clock-card-topline{align-items:center;color:#aeb6c8;display:flex;font-size:11px;justify-content:space-between}.clock-live-dot{background:#72dfb7;border-radius:50%;box-shadow:0 0 0 5px #72dfb71a;height:7px;width:7px}.home-clock-time{font-family:Manrope,sans-serif;font-size:36px;letter-spacing:-1.8px;line-height:1;margin-top:18px}.home-clock-date{color:#9ca6bc;font-size:11px;margin-top:10px}.clock-status{align-items:center;background:#349e7a2e;border-radius:999px;color:#a8e8d2;display:inline-flex;font-size:10px;font-weight:700;gap:7px;margin-top:20px;padding:6px 9px;width:-webkit-fit-content;width:fit-content}.clock-status span{background:#6bdcb3;border-radius:50%;height:5px;width:5px}.clock-actions{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:auto}.clock-action-label{color:#8c97ad;font-size:10px}.clock-actions .cio-anchor{position:static}.clock-actions .cio-btn{align-items:center;background:#e7b957;border:0;border-radius:8px;color:#17213a;cursor:pointer;display:flex;font-size:11px;font-weight:800;height:auto;justify-content:center;padding:9px 12px;width:auto}.clock-actions .cio-dot{display:none}.home-stats-grid{background:#fff;border:1px solid #e7eaf0;border-radius:16px;box-shadow:0 9px 22px rgba(44,54,89,.045);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:16px 0;overflow:hidden}.home-stat-card{border:0;border-radius:0;box-shadow:none;min-height:106px;padding:20px 23px}.home-stat-card+.home-stat-card{border-left:1px solid #e9ebf0}.home-stat-card>span{color:#8a93a3;display:block;font-size:11px}.home-stat-card strong{color:#1a253a;display:block;font-family:Manrope,sans-serif;font-size:26px;letter-spacing:-.7px;margin-top:8px}.home-stat-card strong small{color:#7f8999;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;letter-spacing:0}.home-stat-card em{border-radius:999px;display:inline-block;font-size:10px;font-style:normal;font-weight:700;margin-top:6px;padding:4px 9px}.stat-mint{background:#ddf5ed;color:#269d7e}.stat-lilac{background:#eee9ff;color:#7565ca}.stat-gold{background:#fff4d5;color:#a37a15}.timesheet-card{background:#fff;padding:22px 24px 25px}.timesheet-heading{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:17px}.timesheet-heading h2{color:#1c273d;font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.35px;margin:6px 0 0}.timesheet-heading button{align-items:center;background:#fff;border:1px solid #e4e7ef;border-radius:9px;color:#4756bd;cursor:pointer;display:inline-flex;font:inherit;font-size:11px;font-weight:700;gap:8px;padding:10px 13px}.timesheet-heading button:hover{background:#f7f8ff}.timesheet-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr)}.timesheet-day{align-items:center;border-radius:12px;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:77px}.timesheet-day.complete{background:#dcf7f0}.timesheet-day.empty{background:#f6f7fa}.timesheet-day span{color:#7a8596;text-transform:uppercase}.timesheet-day strong{color:#1b283c;font-family:Manrope,sans-serif;font-size:17px}.modal-overlay{background:#121a3085;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:20}.modal-content{background:#fff;border-radius:17px;box-shadow:0 20px 60px #121a3038;max-height:75vh;overflow:hidden;width:min(470px,100%)}.modal-header{align-items:flex-start;background:#fff;border-bottom:1px solid #edf0f4;display:flex;gap:20px;justify-content:space-between;padding:21px 23px 17px}.modal-header h2{color:#182235;font-family:Manrope,sans-serif;font-size:19px;margin:5px 0 0}.close-btn{background:#f4f5f8;border:0;border-radius:8px;color:#778094;cursor:pointer;display:grid;height:30px;place-items:center;width:30px}.modal-body{max-height:55vh;overflow-y:auto;padding:18px 23px 23px}.people-list{grid-gap:9px;display:grid;gap:9px}.person-row{align-items:center;background:#f8f9fc;border-radius:11px;display:flex;gap:13px;padding:12px}.person-row>span:last-child{display:flex;flex-direction:column;gap:3px}.person-row strong{color:#27324a;font-size:13px}.person-row small{color:#929bad;display:flex;flex-wrap:wrap;font-size:11px;gap:3px 8px}.person-celebration-date{color:#4c7ee0;font-weight:800}.person-number{color:#5567d3;font-family:Manrope,sans-serif;font-size:11px;font-weight:800}.loading-text,.no-leave-text{color:#8b94a4;font-size:13px;margin:15px 0;text-align:center}@media (max-width:1120px){.home-top-grid{grid-template-columns:minmax(210px,.85fr) minmax(350px,1.4fr)}.home-clock-card{grid-column:1/-1;min-height:180px}.clock-actions{margin-top:22px}.home-clock-time{margin-top:12px}}@media (max-width:760px){.home-heading-row{align-items:flex-start;flex-direction:column;gap:15px}.home-heading-row h1{font-size:31px}.home-top-grid{display:flex;flex-direction:column}.home-clock-card,.teamplus-card,.welcome-card{min-height:0;min-height:auto}.teamplus-grid{grid-template-columns:repeat(2,1fr)}.teamplus-item:last-child{grid-column:span 2}.home-stats-grid{grid-template-columns:repeat(2,1fr)}.home-stat-card:nth-child(3){border-left:0;border-top:1px solid #e9ebf0}.home-stat-card:nth-child(4){border-top:1px solid #e9ebf0}.timesheet-card{padding:18px 15px}.timesheet-heading{align-items:flex-start;flex-direction:column}.timesheet-grid{gap:5px}.timesheet-day{min-height:67px}.timesheet-day strong{font-size:15px}}.stat-peach{align-items:center;background:#fff0e5;color:#b46b3d;display:inline-flex;gap:5px}.stat-peach svg{font-size:9px}.timesheet-day{min-height:86px;padding:10px 7px;text-align:center}.timesheet-day span{color:#707b8d;display:block;font-size:10px;line-height:1.35;text-transform:none;white-space:normal}.timesheet-day strong{margin-top:2px}.timesheet-day{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;font:inherit;position:relative;transition:transform .18s ease,box-shadow .18s ease;width:100%}.timesheet-day:hover{box-shadow:0 10px 20px #2c36591f;transform:translateY(-2px);z-index:3}.timesheet-day:focus-visible{outline:3px solid #dbae186b;outline-offset:2px;z-index:4}.timesheet-day-name{font-weight:700}.timesheet-day-date{color:#8c95a5!important;font-size:11px!important}.timesheet-tooltip{background:#fff;border:1px solid #e5e8f0;border-radius:10px;bottom:calc(100% + 10px);box-shadow:0 12px 28px #1b274629;color:#667187;display:flex;flex-direction:column;font-size:10px;gap:5px;left:50%;line-height:1.35;max-width:min(220px,70vw);opacity:0;padding:11px 12px;pointer-events:none;position:absolute;transform:translate(-50%,5px);transition:opacity .18s ease,transform .18s ease;width:220px;z-index:5}.timesheet-tooltip:after{background:#fff;border-bottom:1px solid #e5e8f0;border-right:1px solid #e5e8f0;bottom:-5px;content:"";height:9px;left:50%;position:absolute;transform:translateX(-50%) rotate(45deg);width:9px}.timesheet-tooltip b{color:#293650;font-size:11px}.timesheet-day:focus-within .timesheet-tooltip,.timesheet-day:hover .timesheet-tooltip{opacity:1;transform:translate(-50%)}.welcome-date{color:#dbe1ff;display:block;font-size:11px;font-weight:700;margin:0 0 11px}@media (max-width:1000px){.home-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-stat-card:nth-child(4){border-left:0;border-top:1px solid #e9ebf0}.home-stat-card:nth-child(5){border-top:1px solid #e9ebf0}}@media (max-width:760px){.home-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-stat-card:nth-child(3){border-left:0;border-top:1px solid #e9ebf0}.home-stat-card:nth-child(4){border-left:1px solid #e9ebf0;border-top:1px solid #e9ebf0}.home-stat-card:nth-child(5){border-left:0;border-top:1px solid #e9ebf0}.timesheet-day{min-height:82px;padding:8px 3px}.timesheet-day span{font-size:9px}}.clock-actions{align-items:flex-end}.clock-actions .cio-card-controls{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.cio-card-action,.cio-card-history{align-items:center;border:0;border-radius:8px;cursor:pointer;display:inline-flex;font:inherit;font-size:10px;font-weight:800;gap:5px;justify-content:center;min-height:31px;padding:7px 10px;transition:transform .18s ease,background .18s ease,opacity .18s ease}.cio-card-action:hover,.cio-card-history:hover{transform:translateY(-1px)}.cio-card-action:disabled{cursor:wait;opacity:.7}.cio-card-action-in,.cio-card-action-out{background:#e7b957;color:#17213a}.cio-card-action-in:hover,.cio-card-action-out:hover{background:#f0c665}.cio-card-history{background:#ffffff1a;color:#d1d8ee}.cio-card-history:hover{background:#ffffff29}.cio-card-complete{align-items:center;background:#349e7a2e;border-radius:8px;color:#a8e8d2;display:inline-flex;font-size:10px;font-weight:800;gap:5px;padding:7px 9px}.cio-card-error{color:#ffb6ab;font-size:10px;line-height:1.35;margin-top:7px}.home-stat-action{-webkit-appearance:none;appearance:none;cursor:pointer;font:inherit;text-align:left;transition:background .18s ease,transform .18s ease;width:100%}.home-stat-action:hover{background:#fbfcff;transform:translateY(-2px)}.home-stat-action:focus-visible{outline:3px solid #5365db33;outline-offset:-3px;position:relative;z-index:1}@media (max-width:760px){.clock-actions{align-items:flex-start;flex-direction:column}.clock-actions .cio-card-controls{justify-content:flex-start}.cio-card-action,.cio-card-history{font-size:10px}}.home-stats-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.home-stats-grid .home-stat-card{min-width:0}.leave-balance-stat{align-items:flex-start;position:relative}.leave-balance-bar{background:#ece9fb;border-radius:999px;display:block!important;height:6px;margin-top:9px;overflow:hidden;width:100%}.leave-balance-bar span{background:linear-gradient(90deg,#7669d6,#a19bed);border-radius:inherit;display:block;height:100%;transition:width .25s ease}.leave-balance-caption{color:#9a91cf;display:block;font-size:9px;font-weight:600;margin-top:6px}.leave-balance-list{grid-gap:7px;display:grid;gap:7px;margin-top:10px}.leave-balance-item{display:flex;flex-direction:column;gap:4px}.leave-balance-item strong{font-family:DM Sans,sans-serif;font-size:12px;letter-spacing:0;margin:0;white-space:nowrap}.leave-balance-item em{margin:0;overflow:hidden;padding:3px 6px;text-overflow:ellipsis;white-space:nowrap}.leave-balance-empty{color:#929bad;display:block;font-size:10px;line-height:1.35;margin-top:10px}.home-stats-grid .home-stat-card{align-items:flex-start;min-height:124px}.home-stats-grid .home-stat-card>span:first-child{line-height:16px;margin:0;min-height:16px}@media (max-width:760px){.home-stats-grid .home-stat-card{min-height:118px}}.timesheet-heading-actions{align-items:center;display:inline-flex;gap:7px}.timesheet-week-arrow{color:#3f605d!important;height:32px;justify-content:center;min-width:32px;padding:0!important;width:32px}.home-clock-card-clickable{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.home-clock-card-clickable:hover{box-shadow:0 18px 34px #1f353840;transform:translateY(-2px)}.home-clock-card-clickable:focus-visible{outline:3px solid #dbae3299;outline-offset:3px}.dashboard-home{color:#203d3b}.welcome-card{background:linear-gradient(135deg,#416662,#294946);box-shadow:0 16px 30px #2d514e29}.welcome-card .home-eyebrow,.welcome-date{color:#d8e6e3}.welcome-card h2{color:#fff}.home-stats-grid,.teamplus-card,.timesheet-card{border-color:#d4e4e4;box-shadow:0 13px 28px #375b5814}.teamplus-heading h2,.timesheet-heading h2{color:#294946}.teamplus-logo{background:#f4df88;color:#3f605d}.teamplus-blue{background:#e6f1ef}.teamplus-pink{background:#f5edcf}.teamplus-gold{background:#f8e3a1}.teamplus-violet{background:#e8eeee}.teamplus-mint{background:#dcefeb}.home-clock-card{box-shadow:0 16px 30px #35809f33}.clock-actions .cio-card-action-in,.clock-actions .cio-card-action-out{background:#dbae32;color:#263b38}.clock-actions .cio-card-action-in:hover,.clock-actions .cio-card-action-out:hover{background:#e8c24f}.home-stat-card strong{color:#294946}.stat-lilac{background:#dfeceb;color:#526e69}.stat-mint{background:#d9eee9;color:#397d70}.stat-gold{background:#f8e8ad;color:#876a13}.stat-peach{background:#f7eac0;color:#8c6c17}.timesheet-day.complete{background:#d8eee9}.timesheet-day.empty{background:#f1f6f5}.timesheet-heading button{border-color:#cfdfdd;color:#3f605d}.clock-status.clocked-out{background:#dbae322e;color:#f1d58a}.clock-status.clocked-out span{background:#dfb632}.clock-status.not-clocked-in{background:#aab9be21;color:#c1cbd0}.clock-status.not-clocked-in span{background:#91a3a8}.clock-live-dot.clocked-out{background:#dfb632;box-shadow:0 0 0 5px #dbae321f}.clock-live-dot.not-clocked-in{background:#91a3a8;box-shadow:0 0 0 5px #91a3a81a}.home-stats-grid{background:#0000;border:0;border-radius:0;box-shadow:none;gap:12px;overflow:visible}.home-stats-grid .home-stat-card{border:1px solid #d9e6e4;border-radius:16px;box-shadow:0 9px 22px rgba(55,91,88,.065)}.home-stats-grid .home-stat-card+.home-stat-card{border-left:1px solid #d9e6e4}.home-stats-grid .home-stat-card:first-child{background:#eef7f5}.home-stats-grid .home-stat-card:nth-child(2){background:#f8f5ec}.home-stats-grid .home-stat-card:nth-child(3){background:#fff}.home-stats-grid .home-stat-card:nth-child(4){background:#eff5f3}.home-stats-grid .home-stat-card:nth-child(5){background:#fff8e7}.home-top-grid{grid-template-columns:minmax(240px,1fr) minmax(400px,1.45fr) minmax(270px,.9fr)}.home-clock-card{min-height:285px;padding:21px}.clock-current-date{color:#9fb1b4;display:block;font-size:10px;font-weight:600;margin-top:5px}.dashboard-home{--card-light-blue:#a5c3c9;--golden-birch:#e6a727;--todo-soft:#fbf8ef}.todo-card{background:var(--todo-soft)}.teamplus-card,.timesheet-card{background:var(--card-light-blue)}.teamplus-item{background:#f4f4f3b8}.home-stats-grid .home-stat-card{background:var(--todo-soft)!important;border-color:#35809f38}.home-clock-card{background:var(--employee-sidebar)}.clock-actions .cio-card-action-in,.clock-actions .cio-card-action-out,.page-frame-icon,.teamplus-logo{background:var(--golden-birch)}.clock-actions .cio-card-action-in:hover,.clock-actions .cio-card-action-out:hover{background:#f0b63b}.stat-gold,.stat-peach{background:#e6a72747;color:#76530a}.timesheet-day.complete{background:#a5c3c9c7}.timesheet-day.empty{background:#f4f4f3c7}.clock-employee-profile{align-items:center;display:flex;gap:10px;margin-top:11px}.clock-employee-avatar,.clock-employee-profile img{border:2px solid #ffffffb8;border-radius:50%;flex:0 0 42px;height:42px;width:42px}.clock-employee-profile img{object-fit:cover}.clock-employee-avatar{background:#dbae32;color:#263b38;display:grid;font-weight:800;place-items:center}.clock-employee-copy{min-width:0}.clock-employee-copy small,.clock-employee-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clock-employee-copy strong{color:#fff;font-size:13px}.clock-employee-copy small{color:#aebdc0;font-size:10px;margin-top:2px}.clock-attendance-metrics{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:15px}.clock-attendance-metrics>div{background:hsla(0,0%,100%,.055);border:1px solid #ffffff14;border-radius:10px;min-width:0;padding:9px 10px}.clock-attendance-metrics span{color:#93a6aa;display:block;font-size:9px}.clock-attendance-metrics strong{color:#fff;display:block;font-size:13px;letter-spacing:-.2px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-clock-card .clock-status{margin-top:12px}.home-clock-card .clock-actions{margin-top:auto;width:100%}.home-clock-card .clock-actions>div{width:100%}.home-clock-card .cio-card-controls{grid-gap:7px;display:grid;gap:7px;grid-template-columns:1fr 1fr;width:100%}.home-clock-card .cio-card-action{min-width:0;width:100%}.home-clock-card .cio-card-action:disabled{cursor:not-allowed;filter:saturate(.35);opacity:.45;transform:none}.leave-balance-bars{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px;width:100%}.leave-balance-bar{background:#0000;border-radius:0;display:flex!important;flex-direction:column;gap:7px;height:auto;margin:0;min-width:0;overflow:visible;width:auto}.leave-balance-bar__label{display:flex;flex-direction:column;gap:4px;min-width:0}.leave-balance-bar__label b{color:#294946;font-size:11px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leave-balance-bar__label span{background:#0000;color:#52747b;display:block;font-size:10px;height:auto;line-height:1.2;overflow:visible;white-space:nowrap;width:auto}.leave-balance-bar__track{background:#35809f24;border-radius:999px;height:6px;overflow:hidden;width:100%}.leave-balance-bar__track i{background:#35809f;border-radius:inherit;display:block;height:100%}.leave-balance-bar--sick\ leave .leave-balance-bar__track i{background:#e6a727}.pending-tasks-stat{cursor:pointer;text-align:left;transition:transform .18s ease,box-shadow .18s ease;width:100%}.pending-tasks-stat:hover{box-shadow:0 13px 28px #375b5821;transform:translateY(-2px)}.under-development-modal{width:min(430px,100%)}.under-development-icon{background:#e6f1ef;border-radius:50%;color:#35809f;display:grid;font-size:22px;height:54px;margin:2px auto 12px;place-items:center;width:54px}.under-development-copy{color:#526375;font-size:13px;line-height:1.5;margin:0;text-align:center}@media (max-width:1120px){.home-top-grid{grid-template-columns:minmax(210px,.85fr) minmax(350px,1.4fr)}.home-clock-card{grid-column:1/-1}}.home-top-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-top-grid>.home-clock-card,.home-top-grid>.teamplus-card,.home-top-grid>.todo-card{height:100%;min-width:0;width:100%}.home-clock-card{grid-column:auto}@media (max-width:1180px){.home-top-grid{grid-template-columns:minmax(210px,.7fr) minmax(420px,1.3fr)}.home-clock-card{grid-column:1/-1}}@media (max-width:900px){.home-top-grid{grid-template-columns:1fr}.home-clock-card{grid-column:auto}}@media (max-width:760px){.teamplus-item:last-child{grid-column:auto}}.home-clock-card .clock-attendance-metrics span{color:#ffffffd1}.home-clock-card .clock-attendance-metrics>div{background:#ffffff1a;border-color:#fff3}.home-clock-card .cio-card-action{background:#e6a727!important;color:#203d3b!important;filter:none!important;opacity:1!important;text-shadow:none}.home-clock-card .cio-card-action:hover{background:#f0b63b!important}.home-stat-card>span:first-child,.timesheet-card .home-eyebrow{color:#52747b;font-weight:700}.home-stat-card strong,.leave-balance-item strong,.timesheet-heading h2{color:#203d3b}.leave-balance-list{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.leave-balance-item{align-items:flex-start;gap:6px;min-width:0}.leave-balance-item strong{font-size:11px;line-height:1.25;white-space:normal}.leave-balance-item em{background:#f4f4f3d1;color:#245f78;font-size:9px;max-width:100%;width:-webkit-fit-content;width:fit-content}.leave-balance-empty{grid-column:1/-1}.todo-add-button{background:#e6a727;border:0;border-radius:10px;color:#203d3b;cursor:pointer;display:grid;font-size:24px;height:34px;line-height:1;padding:0;place-items:center;width:34px}.todo-add-button:hover{background:#f0b63b}.todo-input-row{display:flex;gap:7px;margin-bottom:10px}.todo-input-row input{background:#f4f4f3;border:1px solid #c5d8da;border-radius:9px;color:#203d3b;flex:1 1;font:inherit;font-size:11px;min-width:0;outline:none;padding:9px 10px}.todo-input-row input:focus{border-color:#35809f;box-shadow:0 0 0 3px #35809f24}.todo-input-row button{background:#e6a727;border:0;border-radius:9px;color:#203d3b;cursor:pointer;font:inherit;font-size:10px;font-weight:700;padding:0 11px}.todo-input-row button:hover{background:#f0b63b}.todo-empty{color:#708582;font-size:11px;margin:20px 4px;text-align:center}.todo-user-item{grid-gap:9px;align-items:center;background:#ffffffb8;border-radius:11px;display:grid;gap:9px;grid-template-columns:30px minmax(0,1fr);padding:9px}.todo-user-item small,.todo-user-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-user-item strong{color:#294946;font-size:11px}.todo-user-item small{color:#7c8b88;font-size:9px;margin-top:2px}.todo-item-actions{align-items:center;display:inline-flex;gap:5px;grid-column:2;grid-row:2;justify-self:end;margin-top:2px}.todo-item-actions button{border:0;border-radius:7px;cursor:pointer;font:inherit;font-size:9px;font-weight:800;line-height:1;min-width:42px;padding:6px 8px}.todo-edit-button,.todo-save-button{background:#d9e9ec;color:#245f78}.todo-edit-button:hover,.todo-save-button:hover{background:#c5dfe4}.todo-remove-button{background:#c45b47;color:#fff;min-width:54px!important}.todo-remove-button:hover{background:#a94433}.todo-edit-input{background:#f4f4f3;border:1px solid #35809f;border-radius:7px;color:#203d3b;font:inherit;font-size:10px;min-width:0;outline:none;padding:6px 7px;width:100%}.dashboard-home{--reference-blue:#35809f;--reference-outline:#174d5a;--reference-yellow:#e6a727;--reference-smoke:#f4f4f3}.home-clock-card,.home-stats-grid .home-stat-card,.teamplus-card,.timesheet-card,.todo-card{background:var(--reference-smoke)!important;border:1px solid var(--reference-outline);border-radius:15px;box-shadow:0 7px 18px #174d5a12}.clock-attendance-metrics>div,.teamplus-item,.teamplus-selection-note,.timesheet-day,.todo-user-item{background:#f4f4f3c7!important;border:1px solid #174d5ad1}.home-stat-action:hover,.teamplus-item.selected,.teamplus-item:hover{border-color:var(--reference-outline);box-shadow:0 7px 16px #174d5a1a}.clock-employee-avatar,.teamplus-item-icon,.teamplus-logo,.todo-item-icon{background:var(--reference-blue)!important;color:var(--reference-yellow)!important}.home-clock-card .cio-card-action,.teamplus-availability-actions button,.timesheet-heading button,.todo-add-button,.todo-edit-button,.todo-input-row button,.todo-save-button{background:var(--reference-yellow)!important;color:var(--reference-blue)!important}.home-clock-card .cio-card-action:hover,.teamplus-availability-actions button:hover,.timesheet-heading button:hover,.todo-add-button:hover,.todo-edit-button:hover,.todo-input-row button:hover,.todo-save-button:hover{background:#f0b63b!important}.home-clock-card,.home-clock-card .clock-attendance-metrics span,.home-clock-card .clock-attendance-metrics strong,.home-clock-card .clock-card-topline,.home-clock-card .clock-current-date,.home-clock-card .clock-employee-copy small,.home-clock-card .clock-employee-copy strong{color:#203d3b}.home-clock-card .clock-live-dot,.home-clock-card .clock-status span{background:var(--reference-yellow)}.home-clock-card .clock-status,.home-stat-card em,.leave-balance-item em{background:#e6a72738;color:var(--reference-blue)}.modal-content,.modal-header,.timesheet-tooltip{background:var(--reference-smoke)}.dashboard-home,.home-stat-card strong,.leave-balance-item strong,.teamplus-heading h2,.teamplus-item-value,.timesheet-day strong,.timesheet-heading h2,.todo-heading h2,.todo-user-item strong{color:#173f4c}.clock-attendance-metrics span,.clock-card-topline,.clock-current-date,.clock-employee-copy small,.home-eyebrow,.home-stat-card>span:first-child,.teamplus-item-label,.timesheet-day span,.todo-empty,.todo-user-item small{color:#456873!important}.clock-attendance-metrics strong,.home-stat-card strong,.teamplus-heading h2,.teamplus-item-value,.timesheet-heading h2,.todo-heading h2{font-weight:800}.home-clock-card,.home-stat-card,.teamplus-card,.teamplus-item,.timesheet-card,.todo-card{text-rendering:optimizeLegibility}.home-clock-card .clock-attendance-metrics strong,.home-clock-card .clock-employee-copy strong{color:#173f4c}.employee-container .topbar-greeting span{color:#456873}.employee-container .topbar-greeting strong{color:#173f4c}.dashboard-home{--dash-deep:#123f49;--dash-deep-soft:#1d5962;--dash-gold:#f2b544;--dash-gold-soft:#fff4d3;--dash-aqua:#e3f0ed;--dash-aqua-strong:#c9e0dc;--dash-ivory:#f4f4f3;--dash-white:#fff;--dash-text:#173f46;--dash-muted:#667d7b;color:var(--dash-text)}.home-clock-card,.home-stats-grid .home-stat-card,.teamplus-card,.timesheet-card,.todo-card{border:1px solid #123f4921;border-radius:18px;box-shadow:0 12px 28px #123f4914}.todo-card{background:var(--dash-gold-soft)!important}.home-stats-grid .home-stat-card,.teamplus-card,.timesheet-card{background:var(--dash-white)!important}.teamplus-item,.teamplus-selection-note,.timesheet-day,.todo-user-item{background:var(--dash-aqua)!important;border:1px solid #0000}.clock-employee-avatar,.teamplus-item-icon,.teamplus-logo,.todo-item-icon{background:var(--dash-gold)!important;color:var(--dash-deep)!important}.home-clock-card .cio-card-action,.teamplus-availability-actions button,.timesheet-heading button,.todo-add-button,.todo-edit-button,.todo-input-row button,.todo-save-button{background:var(--dash-gold)!important;border-color:#0000;color:var(--dash-deep)!important}.home-stat-card strong,.leave-balance-item strong,.teamplus-heading h2,.teamplus-item-value,.timesheet-day strong,.timesheet-heading h2,.todo-heading h2,.todo-user-item strong{color:var(--dash-text)}.home-eyebrow,.home-stat-card>span:first-child,.teamplus-item-label,.timesheet-day span,.todo-empty,.todo-user-item small{color:var(--dash-muted)!important}.home-clock-card .clock-live-dot,.home-clock-card .clock-status span{background:var(--dash-gold)}.home-stats-grid .home-stat-card{overflow:hidden;position:relative}.home-stats-grid .home-stat-card:before{background:var(--dash-deep-soft);content:"";height:3px;left:0;position:absolute;right:0;top:0}.home-stats-grid .home-stat-card:nth-child(2):before,.home-stats-grid .home-stat-card:nth-child(3):before,.home-stats-grid .home-stat-card:nth-child(5):before{background:var(--dash-gold)}.home-stat-card em,.leave-balance-item em{background:var(--dash-gold-soft);color:var(--dash-deep)}.stat-lilac,.stat-mint{background:var(--dash-aqua);color:var(--dash-deep)}.modal-content,.modal-header,.timesheet-tooltip,.todo-edit-input,.todo-input-row input{background:var(--dash-white);color:var(--dash-text)}.dashboard-home{--nature-forest:#123f49;--nature-forest-deep:#0d343d;--nature-sage:#e3f0ed;--nature-eucalyptus:#1d5962;--nature-linen:#f4f4f3;--nature-sun:#f2b544;--nature-sun-soft:#fff4d3;--nature-text:#173f46;--nature-muted:#667d7b;color:var(--nature-text)}.home-stats-grid .home-stat-card,.teamplus-card,.timesheet-card,.todo-card{background:var(--nature-cream)!important;border:1px solid #123f4921;box-shadow:0 12px 28px #123f4914}.todo-card{background:#fff!important}.home-clock-card{background:linear-gradient(145deg,#174e58,#103740)!important;border:1px solid #123f4921;box-shadow:0 14px 30px #123f4924;color:#fff}.teamplus-item,.teamplus-selection-note,.timesheet-day,.todo-user-item{background:#e3f0ed!important;border-color:#0000}.teamplus-item.selected,.teamplus-item:hover,.timesheet-day:hover{border-color:#123f4938;box-shadow:0 8px 16px #123f491a}.clock-employee-avatar,.teamplus-item-icon,.teamplus-logo,.todo-item-icon{background:#f2b544!important;border:1px solid #f2b54459;color:var(--nature-text)!important}.home-clock-card .cio-card-action,.teamplus-availability-actions button,.timesheet-heading button,.todo-add-button,.todo-edit-button,.todo-input-row button,.todo-save-button{background:#f2b544!important;border:1px solid #f2b544;box-shadow:0 5px 12px #f2b54438;color:var(--nature-text)!important}.home-clock-card .cio-card-action:hover,.teamplus-availability-actions button:hover,.timesheet-heading button:hover,.todo-add-button:hover,.todo-edit-button:hover,.todo-input-row button:hover,.todo-save-button:hover{background:#f7c45f!important;color:#173f46!important;filter:none}.home-stat-card strong,.leave-balance-item strong,.teamplus-heading h2,.teamplus-item-value,.timesheet-day strong,.timesheet-heading h2,.todo-heading h2,.todo-user-item strong{color:var(--nature-text)}.home-eyebrow,.home-stat-card>span:first-child,.teamplus-item-label,.timesheet-day span,.todo-empty,.todo-user-item small{color:var(--nature-muted)!important}.home-clock-card .clock-attendance-metrics span,.home-clock-card .clock-card-topline,.home-clock-card .clock-current-date,.home-clock-card .clock-employee-copy small{color:#ffffffb8!important}.home-clock-card .clock-attendance-metrics strong,.home-clock-card .clock-employee-copy strong{color:#fff}.home-clock-card .clock-attendance-metrics>div{background:#ffffff14!important;border-color:#ffffff29}.home-clock-card .clock-status{background:#f2b54429;color:#ffe4a0}.home-clock-card .clock-live-dot,.home-clock-card .clock-status span{background:#f2b544}.home-stats-grid .home-stat-card:before,.home-stats-grid .home-stat-card:nth-child(2):before,.home-stats-grid .home-stat-card:nth-child(3):before,.home-stats-grid .home-stat-card:nth-child(5):before{background:#174e58}.home-stat-card em,.leave-balance-item em{background:#fff4d3;border:1px solid #f2b54438;color:var(--nature-text)}.stat-lilac,.stat-mint{background:var(--nature-sage);color:var(--nature-forest)}.modal-content,.modal-header,.timesheet-tooltip,.todo-edit-input,.todo-input-row input{background:var(--nature-cream);color:var(--nature-text)}.home-clock-card .clock-employee-profile{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;margin-top:10px;text-align:center}.home-clock-card .clock-employee-avatar,.home-clock-card .clock-employee-profile img{border-width:3px;flex:0 0 64px;font-size:20px;height:64px;width:64px}.home-clock-card .clock-employee-copy{width:100%}.home-clock-card .clock-employee-copy strong{font-size:15px}.home-clock-card .clock-employee-copy small{font-size:10px;margin-top:2px}.home-clock-card .clock-current-date{display:block;font-size:10px;font-weight:600;margin-top:4px}.home-clock-card .clock-attendance-metrics{margin-top:13px}.home-clock-card .clock-status{align-self:flex-start;margin-top:11px}.home-clock-card .clock-actions{margin-top:14px}.home-stats-grid .home-stat-card{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;text-align:center}.home-stats-grid .home-stat-card>span:first-child{text-align:center;width:100%}.home-stats-grid .home-stat-card>strong{margin-top:14px;text-align:center;width:100%}.home-stats-grid .leave-balance-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr;justify-items:center;margin-top:12px;width:100%}.home-stats-grid .leave-balance-item{align-items:baseline;display:flex;flex-direction:row;gap:5px;justify-content:center;width:100%}.home-stats-grid .leave-balance-days,.home-stats-grid .leave-balance-item strong{color:var(--nature-text);font-size:11px;line-height:1.3;white-space:nowrap}.home-top-grid>.home-clock-card,.home-top-grid>.teamplus-card,.home-top-grid>.todo-card{border-radius:18px;box-shadow:none;overflow:hidden}.dashboard-home{--nature-forest:#2c3e50;--nature-forest-deep:#2c3e50;--nature-sage:#4c7ee0;--nature-eucalyptus:#4c7ee0;--nature-linen:#f7fafd;--nature-cream:#fff;--nature-sun:#4c7ee0;--nature-sun-soft:#eaf1fb;--nature-text:#2c3e50;--nature-muted:#2c3e50;--reference-blue:#4c7ee0;--reference-outline:#2c3e50;--reference-yellow:#4c7ee0;--reference-smoke:#f7fafd;color:#2c3e50}.dashboard-home .home-stat-card,.dashboard-home .teamplus-card,.dashboard-home .timesheet-card,.dashboard-home .todo-card{background:#fff!important;border-color:#2c3e5024;box-shadow:0 10px 24px #2c3e5014;color:#2c3e50}.dashboard-home .teamplus-item{background:#eaf1fb!important;border-color:#4c7ee042;color:#2c3e50}.dashboard-home .home-clock-card{background:#4c7ee0!important;border-color:#4c7ee0;box-shadow:0 12px 26px #4c7ee033;color:#fff}.dashboard-home .home-stat-card strong,.dashboard-home .leave-balance-item strong,.dashboard-home .teamplus-heading h2,.dashboard-home .teamplus-item-value,.dashboard-home .timesheet-day strong,.dashboard-home .timesheet-heading h2,.dashboard-home .todo-heading h2,.dashboard-home .todo-user-item strong{color:#2c3e50}.dashboard-home .home-eyebrow,.dashboard-home .home-stat-card>span:first-child,.dashboard-home .teamplus-item-label,.dashboard-home .timesheet-day span,.dashboard-home .todo-empty,.dashboard-home .todo-user-item small{color:#2c3e50!important}.dashboard-home .clock-employee-avatar,.dashboard-home .home-clock-card .cio-card-action,.dashboard-home .teamplus-item-icon,.dashboard-home .teamplus-logo,.dashboard-home .todo-add-button,.dashboard-home .todo-input-row button,.dashboard-home .todo-save-button{background:#4c7ee0!important;border-color:#4c7ee0;box-shadow:none;color:#fff!important}.dashboard-home .home-clock-card .cio-card-action:hover,.dashboard-home .todo-add-button:hover,.dashboard-home .todo-input-row button:hover,.dashboard-home .todo-save-button:hover{background:#3f6fcb!important;color:#fff!important}.dashboard-home .home-clock-card .clock-status{background:#eaf1fb33;color:#fff}.dashboard-home .home-clock-card .clock-live-dot,.dashboard-home .home-clock-card .clock-status span{background:#eaf1fb}.dashboard-home .home-clock-card .clock-status.clocked-in{background:#eaf1fb3d}.dashboard-home .home-clock-card .clock-live-dot.clocked-in,.dashboard-home .home-clock-card .clock-status.clocked-in span{background:#eaf1fb}.dashboard-home .home-clock-card .clock-attendance-metrics span,.dashboard-home .home-clock-card .clock-card-topline,.dashboard-home .home-clock-card .clock-current-date,.dashboard-home .home-clock-card .clock-employee-copy small{color:#f7fafd!important}.dashboard-home .home-clock-card .clock-attendance-metrics>div{background:#ffffff1a!important;border-color:#f7fafd3d}.dashboard-home .home-stats-grid .home-stat-card:before,.dashboard-home .home-stats-grid .home-stat-card:nth-child(2):before,.dashboard-home .home-stats-grid .home-stat-card:nth-child(3):before,.dashboard-home .home-stats-grid .home-stat-card:nth-child(4):before,.dashboard-home .home-stats-grid .home-stat-card:nth-child(5):before{background:#4c7ee0}.dashboard-home .home-stat-card em,.dashboard-home .leave-balance-item em,.dashboard-home .stat-lilac,.dashboard-home .stat-mint{background:#eaf1fb;border-color:#4c7ee03d;color:#2c3e50}.dashboard-home .todo-edit-input,.dashboard-home .todo-input-row input{background:#fff;border-color:#2c3e5024;color:#2c3e50}.dashboard-home .todo-edit-input:focus,.dashboard-home .todo-input-row input:focus{border-color:#4c7ee0;box-shadow:0 0 0 3px #4c7ee029}.dashboard-home .timesheet-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(5,minmax(0,1fr));padding:8px 0 2px;position:relative}.dashboard-home .timesheet-grid:before{background:#cbd8e6;border-radius:999px;content:"";height:3px;left:10%;position:absolute;right:10%;top:71px;z-index:0}.dashboard-home .timesheet-day{align-items:center;background:#0000!important;border:0!important;border-radius:12px;box-shadow:none!important;display:flex;flex-direction:column;gap:0;justify-content:flex-start;min-height:118px;padding:6px 8px;position:relative;z-index:1}.dashboard-home .timesheet-day:hover{background:#eaf1fb99!important;transform:translateY(-2px)}.dashboard-home .timesheet-day:focus-visible{outline:3px solid #4c7ee04d;outline-offset:1px}.dashboard-home .timesheet-day-name{color:#2c3e50!important;font-size:11px!important;font-weight:800}.dashboard-home .timesheet-day-date{color:#2c3e50b8!important;font-size:10px!important;margin-top:4px}.dashboard-home .timesheet-status-dot{border:5px solid #fff;border-radius:50%;box-shadow:0 2px 7px #2c3e5033;display:block;height:25px;margin:11px 0 8px;transition:transform .18s ease,box-shadow .18s ease;width:25px}.dashboard-home .timesheet-day:hover .timesheet-status-dot{box-shadow:0 4px 10px #2c3e503d;transform:scale(1.12)}.dashboard-home .timesheet-day-submitted .timesheet-status-dot{background:#4c7ee0}.dashboard-home .timesheet-day-clocked-in .timesheet-status-dot{background:#22c55e}.dashboard-home .timesheet-day-not-submitted .timesheet-status-dot{background:#ef4444}.dashboard-home .timesheet-day strong{color:#2c3e50;font-size:13px;margin:0}.dashboard-home .timesheet-tooltip-status{font-weight:800}.dashboard-home .timesheet-tooltip-status-submitted{color:#4c7ee0!important}.dashboard-home .timesheet-tooltip-status-clocked-in{color:#16a34a!important}.dashboard-home .timesheet-tooltip-status-not-submitted{color:#dc2626!important}.dashboard-home .timesheet-heading-actions>button:not(.timesheet-week-arrow){background:#4c7ee0!important;border-color:#4c7ee0;color:#fff!important}.dashboard-home .timesheet-heading-actions>button:not(.timesheet-week-arrow):hover{background:#3f6fcb!important}.dashboard-home .timesheet-heading-actions .timesheet-week-arrow{background:#fff!important;border-color:#4c7ee066;color:#4c7ee0!important}.dashboard-home .timesheet-heading-actions .timesheet-week-arrow:hover{background:#4c7ee0!important;color:#fff!important}.dashboard-home .home-clock-card .clock-live-dot.clocked-in{background:#22c55e!important;box-shadow:0 0 0 5px #22c55e33}.dashboard-home .home-clock-card .clock-live-dot.clocked-out{background:#ef4444!important;box-shadow:0 0 0 5px #ef444433}.dashboard-home .home-clock-card .cio-card-action-in{background:#22c55e!important;border-color:#22c55e;color:#fff!important}.dashboard-home .home-clock-card .cio-card-action-in:hover{background:#16a34a!important}.dashboard-home .home-clock-card .cio-card-action-out{background:#ef4444!important;border-color:#ef4444;color:#fff!important}.dashboard-home .home-clock-card .cio-card-action-out:hover{background:#dc2626!important}.dashboard-home .home-clock-card .cio-card-action:disabled{filter:none;opacity:.68}.dashboard-home .home-clock-card .clock-actions{margin-top:auto}.dashboard-home .home-stats-grid .home-stat-card:nth-child(odd):before{background:#5abdff}.dashboard-home .home-stats-grid .home-stat-card:nth-child(2n):before{background:#5add59}.dashboard-home .teamplus-logo{background:#e0e7ff!important;border-color:#e0e7ff;color:#6366f1!important}.dashboard-home .teamplus-blue .teamplus-item-icon{background:#dcf7ee!important;border-color:#dcf7ee;color:#159565!important}.dashboard-home .teamplus-mint .teamplus-item-icon{background:#dbeafe!important;border-color:#dbeafe;color:#2563eb!important}.dashboard-home .teamplus-pink .teamplus-item-icon{background:#fff1d7!important;border-color:#fff1d7;color:#f28d1a!important}.dashboard-home .teamplus-gold .teamplus-item-icon{background:#edeaff!important;border-color:#edeaff;color:#7c5ce4!important}@media (max-width:760px){.dashboard-home .timesheet-grid{grid-template-columns:repeat(5,minmax(96px,1fr));overflow-x:auto;padding-bottom:8px}.dashboard-home .timesheet-grid:before{left:48px;right:48px}}.dashboard-home,.dashboard-home .home-stats-grid,.dashboard-home .home-top-grid{background:#fff!important}.dashboard-home .home-clock-card,.dashboard-home .home-stat-card,.dashboard-home .teamplus-card,.dashboard-home .timesheet-card,.dashboard-home .todo-card{background:#fff!important;border-color:#e2e8f0;box-shadow:0 10px 26px #2c3e5012}.dashboard-home .teamplus-item{background:#fff!important;border-color:#e2e8f0}.dashboard-home .home-clock-card{color:#2c3e50}.dashboard-home .home-clock-card .clock-attendance-metrics span,.dashboard-home .home-clock-card .clock-card-topline,.dashboard-home .home-clock-card .clock-current-date,.dashboard-home .home-clock-card .clock-employee-copy small{color:#64748b!important}.dashboard-home .home-clock-card .clock-attendance-metrics strong,.dashboard-home .home-clock-card .clock-employee-copy strong{color:#2c3e50!important}.dashboard-home .home-clock-card .clock-attendance-metrics>div{background:#f8fafc!important;border-color:#e2e8f0}.dashboard-home .clock-employee-avatar{background:#e0e7ff!important;border-color:#e0e7ff;color:#4c7ee0!important}.dashboard-home .todo-user-item{grid-template-columns:30px minmax(0,1fr)}.dashboard-home .todo-item-actions{align-items:center;display:inline-flex;gap:6px;grid-column:2;grid-row:2;justify-self:end;margin-top:3px}.dashboard-home .todo-item-actions .todo-action-icon{background:#f8fafc!important;border:1px solid #e2e8f0;border-radius:8px;box-shadow:none;color:#64748b!important;cursor:pointer;display:inline-grid;font-size:12px;height:30px;line-height:1;min-width:30px!important;padding:0!important;place-items:center;transition:color .16s ease,border-color .16s ease,background .16s ease,transform .16s ease;width:30px}.dashboard-home .todo-item-actions .todo-action-icon:hover{transform:translateY(-1px)}.dashboard-home .todo-item-actions .todo-view-button:hover{background:#eff6ff!important;border-color:#bfdbfe;color:#2563eb!important}.dashboard-home .todo-item-actions .todo-edit-button:hover{background:#fffbeb!important;border-color:#fde68a;color:#b45309!important}.dashboard-home .todo-item-actions .todo-complete-button:hover,.dashboard-home .todo-item-actions .todo-save-button:hover{background:#f0fdf4!important;border-color:#bbf7d0;color:#15803d!important}.dashboard-home .todo-item-actions .todo-cancel-button:hover,.dashboard-home .todo-item-actions .todo-remove-button:hover{background:#fef2f2!important;border-color:#fecaca;color:#dc2626!important}.dashboard-home .todo-user-item-completed .todo-item-icon{background:#dcfce7;color:#15803d}.dashboard-home .todo-user-item-completed strong{color:#94a3b8!important;text-decoration:line-through}.dashboard-home .todo-view-modal{max-width:440px}.dashboard-home .todo-view-text{color:#2c3e50;font-size:15px;line-height:1.6;margin:0 0 14px;overflow-wrap:anywhere}.dashboard-home .todo-view-status{border-radius:999px;display:inline-flex;font-size:11px;font-weight:800;padding:6px 10px}.dashboard-home .todo-view-status.pending{background:#fef3c7;color:#b45309}.dashboard-home .todo-view-status.completed{background:#dcfce7;color:#15803d}.dashboard-home .calendar-events-modal{max-width:560px}.dashboard-home .calendar-events-list{grid-gap:10px;display:grid;gap:10px;max-height:min(55vh,520px);overflow-y:auto;padding-right:4px}.dashboard-home .calendar-event-row{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;padding:13px}.dashboard-home .calendar-event-icon{background:#dcf7ee;border-radius:10px;color:#159565;display:grid;flex:0 0 38px;height:38px;place-items:center;width:38px}.dashboard-home .calendar-event-copy{grid-gap:3px;display:grid;gap:3px;min-width:0}.dashboard-home .calendar-event-copy strong{color:#2c3e50;font-size:13px}.dashboard-home .calendar-event-copy time{color:#4c7ee0;font-size:11px;font-weight:750}.dashboard-home .calendar-event-copy small{color:#64748b;font-size:11px;line-height:1.45}.dashboard-home .availability-modal{max-width:680px}.dashboard-home .availability-sections{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-home .availability-section{background:#fff;border:1px solid #e2e8f0;border-radius:13px;min-width:0;padding:14px}.dashboard-home .availability-section h3{align-items:center;color:#2c3e50;display:flex;font-size:13px;gap:10px;justify-content:space-between;margin:0 0 12px}.dashboard-home .availability-section h3 span{background:#eaf1fb;border-radius:999px;color:#2563eb;display:inline-grid;font-size:11px;height:25px;min-width:25px;padding:0 7px;place-items:center}.dashboard-home .availability-section .people-list{max-height:330px;overflow-y:auto}@media (max-width:620px){.dashboard-home .availability-sections{grid-template-columns:1fr}}.dashboard-home .teamplus-heading{justify-content:center;text-align:center}.dashboard-home .teamplus-heading>div{width:100%}.dashboard-home .todo-heading{align-items:flex-start;justify-content:center;min-height:58px;position:relative;text-align:center}.dashboard-home .todo-heading-center{display:grid;justify-items:center}.dashboard-home .todo-date-nav{align-items:center;display:inline-flex;gap:7px;justify-content:center}.dashboard-home .todo-date-nav .home-eyebrow{color:#64748b!important;line-height:26px;min-width:76px;text-align:center}.dashboard-home .todo-date-arrow{background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;box-shadow:none;color:#4c7ee0;cursor:pointer;display:inline-grid;font-size:10px;height:26px;padding:0;place-items:center;transition:color .16s ease,background .16s ease,transform .16s ease;width:26px}.dashboard-home .todo-date-arrow:hover{background:#4c7ee0;color:#fff;transform:translateY(-1px)}.dashboard-home .todo-heading h2{margin-top:4px;text-align:center}.dashboard-home .todo-heading .todo-add-button{position:absolute;right:0;top:0}.dashboard-home .home-top-grid>.home-clock-card,.dashboard-home .home-top-grid>.teamplus-card,.dashboard-home .home-top-grid>.todo-card{box-sizing:border-box;height:320px!important;max-height:320px;min-height:320px}.dashboard-home .home-clock-card,.dashboard-home .teamplus-card,.dashboard-home .todo-card{padding:18px}.dashboard-home .teamplus-heading{margin-bottom:11px}.dashboard-home .teamplus-item{min-height:78px;padding:8px 10px}.dashboard-home .teamplus-item-icon{height:25px;margin-bottom:4px;width:25px}.dashboard-home .home-clock-card .clock-employee-profile{gap:5px}.dashboard-home .home-clock-card .clock-employee-avatar,.dashboard-home .home-clock-card .clock-employee-profile img{flex-basis:54px;height:54px;width:54px}.dashboard-home .home-clock-card .clock-attendance-metrics{margin-top:8px}.dashboard-home .home-clock-card .clock-attendance-metrics>div{padding:7px 9px}.dashboard-home .todo-card{display:flex;flex-direction:column;overflow:hidden}.dashboard-home .todo-list{align-content:start;max-height:none;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:5px;scrollbar-color:#b7c8df #f1f5f9;scrollbar-width:thin}.dashboard-home .todo-list::-webkit-scrollbar{width:6px}.dashboard-home .todo-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:999px}.dashboard-home .todo-list::-webkit-scrollbar-thumb{background:#b7c8df;border-radius:999px}.dashboard-home .todo-user-item{grid-template-columns:30px minmax(0,1fr) 30px;min-height:50px;position:relative}.dashboard-home .todo-time-input{flex:0 0 112px;min-width:112px;width:112px}.dashboard-home .todo-menu-wrap{display:block;grid-column:3;grid-row:1;justify-self:end;position:relative}.dashboard-home .todo-list .todo-menu-trigger{background:#f8fafc;border:1px solid #dce5f0;border-radius:8px;color:#64748b;display:grid;height:30px;min-width:30px;padding:0;place-items:center;transform:none;width:30px}.dashboard-home .todo-list .todo-menu-trigger:hover{background:#eef4ff;border-color:#bfd1ed;color:#4c7ee0;transform:none}.dashboard-home .todo-actions-menu,.todo-actions-menu-portal{background:#fff;border:1px solid #dce5f0;border-radius:11px;box-shadow:0 13px 28px #1e344f2e;display:grid;margin:0;overflow:hidden;padding:5px;position:fixed;width:174px;z-index:30}.todo-actions-menu-portal{z-index:12050!important}.dashboard-home .todo-list .todo-actions-menu button,.todo-actions-menu-portal button{align-items:center;background:#0000;border:0;border-radius:7px;color:#45566d;display:flex;font:inherit;font-size:11px;font-weight:750;gap:9px;grid-template-columns:none;min-width:0;padding:9px 10px;text-align:left;transform:none;width:100%}.dashboard-home .todo-list .todo-actions-menu button:hover,.todo-actions-menu-portal button:hover{background:#eff5ff;color:#294c86;transform:none}.dashboard-home .todo-list .todo-actions-menu button.active,.todo-actions-menu-portal button.active{background:#fff4db;color:#9b6411}.dashboard-home .todo-list .todo-actions-menu button svg,.todo-actions-menu-portal button svg{color:currentColor;font-size:12px;width:13px}.dashboard-home .todo-view-time{align-items:center;color:#60738b;display:flex;font-size:12px;font-weight:700;gap:7px;margin:-5px 0 14px}.todo-alert-toast{grid-gap:11px;align-items:center;background:#fff9e9;border:1px solid #f5d38b;border-radius:14px;box-shadow:0 16px 38px #23354d33;box-sizing:border-box;color:#5e4617;display:grid;gap:11px;grid-template-columns:38px minmax(0,1fr) 26px;padding:14px;position:fixed;right:22px;top:22px;width:min(380px,calc(100vw - 30px));z-index:12000}.todo-alert-toast>span{background:#e6a727;border-radius:11px;color:#fff;display:grid;height:38px;place-items:center;width:38px}.todo-alert-toast p,.todo-alert-toast strong{display:block;margin:0}.todo-alert-toast p{color:#806b40;font-size:11px;line-height:1.4;margin-top:3px}.todo-alert-toast>button{background:#0000;border:0;border-radius:7px;color:#806b40;cursor:pointer;display:grid;height:26px;padding:0;place-items:center;width:26px}.todo-alert-toast.informational{background:#f1f6ff;border-color:#bdd0ef;color:#294c86}.todo-alert-toast.informational>span{background:#4c7ee0}.dashboard-home .home-clock-card .clock-actions{margin-top:12px!important}.dashboard-home .clock-work-mode{border:3px solid #fff;border-radius:50%;box-shadow:0 3px 10px #2c3e5024;display:grid;font-weight:850;height:38px;letter-spacing:.2px;margin:8px auto 0;place-items:center;width:38px}.dashboard-home .clock-work-mode-wfo{background:#dbeafe;color:#1d4ed8;outline:2px solid #60a5fa}.dashboard-home .clock-work-mode-wfh{background:#dcfce7;color:#15803d;outline:2px solid #4ade80}.dashboard-home .clock-work-mode-hybrid{background:#ede9fe;color:#2c3e50;outline:2px solid #a78bfa}.dashboard-home .hybrid-work-icon{align-items:flex-end;display:flex;gap:0;height:20px;justify-content:center;width:27px}.dashboard-home .hybrid-office-icon{color:#2c3e50;flex:0 0 auto;font-size:19px;position:static}.dashboard-home .hybrid-home-icon{background:#0000;color:#2c3e50;flex:0 0 auto;font-size:14px;margin-left:-2px;padding:0;position:static}.dashboard-home .home-clock-card{position:relative}.dashboard-home .home-clock-card .clock-live-dot-corner{position:absolute;right:25px;top:25px;z-index:2}.dashboard-home .home-clock-card .clock-employee-profile{margin-top:0}.dashboard-home .clock-work-mode{font-size:15px}.dashboard-home .allowance-stat-card>strong{align-items:center;display:flex;gap:9px}.dashboard-home .allowance-stat-card>strong small{background:#eef2f7;border-radius:999px;color:#64748b;font-size:12px;font-weight:800;padding:6px 11px}.dashboard-home .allowance-stat-card>strong.status-applied small,.dashboard-home .allowance-stat-card>strong.status-pending small{background:#fff1d6;color:#a56608}.dashboard-home .allowance-stat-card>strong.status-approved small{background:#def5e9;color:#158354}.dashboard-home .allowance-stat-card>strong.status-rejected small{background:#ffe4e7;color:#c43642}.dashboard-home .home-top-grid>.home-clock-card,.dashboard-home .home-top-grid>.teamplus-card,.dashboard-home .home-top-grid>.todo-card{height:auto!important;max-height:none;min-height:225px}.dashboard-home .home-top-grid{align-items:stretch}.dashboard-home .home-clock-card,.dashboard-home .teamplus-card,.dashboard-home .todo-card{box-shadow:0 12px 28px #2c3e5017;padding:18px 20px}.dashboard-home .teamplus-heading{margin-bottom:8px}.dashboard-home .teamplus-item{min-height:64px;padding:7px 10px}.dashboard-home .todo-heading{min-height:54px}.dashboard-home .home-clock-card .clock-employee-avatar,.dashboard-home .home-clock-card .clock-employee-profile img{flex-basis:50px;height:50px;width:50px}.dashboard-home .clock-work-mode{font-size:14px;height:34px;margin-top:6px;width:34px}.dashboard-home .hybrid-work-icon{transform:scale(.84)}.dashboard-home .home-clock-card .clock-attendance-metrics{margin-top:6px}.dashboard-home .home-clock-card .clock-attendance-metrics>div{padding:6px 8px}.dashboard-home .home-clock-card .clock-live-dot-corner{right:18px;top:18px}.dashboard-home .todo-list{flex:1 1 auto;max-height:120px}.dashboard-home .todo-empty{margin:auto}.dashboard-home .home-clock-card .clock-attendance-metrics{gap:12px}.dashboard-home .home-clock-card .clock-attendance-metrics>div{border-radius:12px}.dashboard-home .home-clock-card .clock-actions{margin-top:auto!important;padding-top:12px}.dashboard-home .home-clock-card .cio-card-controls{gap:12px}.dashboard-home .teamplus-grid .teamplus-item:nth-child(odd) .teamplus-item-icon{background:#5abdff!important;border-color:#5abdff;color:#fff!important}.dashboard-home .teamplus-grid .teamplus-item:nth-child(2n) .teamplus-item-icon{background:#5add59!important;border-color:#5add59;color:#fff!important}.dashboard-home .teamplus-grid .teamplus-item:nth-child(odd) .teamplus-item-arrow{color:#5abdff}.dashboard-home .teamplus-grid .teamplus-item:nth-child(2n) .teamplus-item-arrow{color:#5add59}.dashboard-home .teamplus-grid .teamplus-item:nth-child(odd).selected,.dashboard-home .teamplus-grid .teamplus-item:nth-child(odd):hover{border-color:#5abdff}.dashboard-home .teamplus-grid .teamplus-item:nth-child(2n).selected,.dashboard-home .teamplus-grid .teamplus-item:nth-child(2n):hover{border-color:#5add59}.dashboard-home .teamplus-summary-list{grid-gap:7px;display:grid;gap:7px;margin-top:8px}.dashboard-home .teamplus-summary-item{grid-gap:9px;align-items:center;border:1px solid #0000;border-radius:10px;color:#2c3e50;cursor:pointer;display:grid;font:inherit;gap:9px;grid-template-columns:minmax(0,1fr) auto 11px;padding:7px 9px;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;width:100%}.dashboard-home .teamplus-summary-item:nth-child(odd){background:#5abdff1a;border-color:#5abdff47}.dashboard-home .teamplus-summary-item:nth-child(2n){background:#5add591a;border-color:#5add594d}.dashboard-home .teamplus-summary-item:hover{box-shadow:0 6px 14px #2c3e5014;transform:translateX(3px)}.dashboard-home .teamplus-summary-item:nth-child(odd).selected,.dashboard-home .teamplus-summary-item:nth-child(odd):hover{border-color:#5abdff}.dashboard-home .teamplus-summary-item:nth-child(2n).selected,.dashboard-home .teamplus-summary-item:nth-child(2n):hover{border-color:#5add59}.dashboard-home .teamplus-summary-item strong{color:#2c3e50;font-size:13px;min-width:34px}.dashboard-home .teamplus-summary-item .teamplus-item-label{color:#40536a!important;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-home .teamplus-summary-arrow{color:#94a3b8;font-size:9px}.dashboard-home .teamplus-summary-item:nth-child(odd):hover .teamplus-summary-arrow{color:#5abdff}.dashboard-home .teamplus-summary-item:nth-child(2n):hover .teamplus-summary-arrow{color:#5add59}.dashboard-home .teamplus-summary-item:focus-visible{border-radius:6px;outline:2px solid #5abdff;outline-offset:2px}.dashboard-home .home-clock-card .cio-card-action{min-height:38px}.dashboard-home .teamplus-summary-list{gap:0;margin-top:4px}.dashboard-home .teamplus-summary-item{background:#fff;border:0;border-bottom:1px solid #e2e8e5;border-radius:0;gap:10px;grid-template-columns:30px minmax(0,1fr) auto;min-height:45px;padding:7px 2px}.dashboard-home .teamplus-summary-item:nth-child(2n),.dashboard-home .teamplus-summary-item:nth-child(odd){background:#fff;border-color:#0000 #0000 #e2e8e5}.dashboard-home .teamplus-summary-item:last-child{border-bottom:0}.dashboard-home .teamplus-summary-item.selected,.dashboard-home .teamplus-summary-item:hover{background:#f7faf8;border-color:#e2e8e5;box-shadow:none;transform:none}.dashboard-home .teamplus-summary-icon{border-radius:8px;display:grid;font-size:12px;height:30px;place-items:center;width:30px}.dashboard-home .teamplus-summary-item:first-child .teamplus-summary-icon{background:#e4eff4;color:#39758e}.dashboard-home .teamplus-summary-item:nth-child(2) .teamplus-summary-icon{background:#e3f3ed;color:#23856a}.dashboard-home .teamplus-summary-item:nth-child(3) .teamplus-summary-icon{background:#fff0e2;color:#b66d30}.dashboard-home .teamplus-summary-item:nth-child(4) .teamplus-summary-icon{background:#f8efcf;color:#9b7a22}.dashboard-home .teamplus-summary-item .teamplus-item-label{color:#263b36!important;font-size:12px;font-weight:750}.dashboard-home .teamplus-summary-item strong{color:#172d27;font-size:12px;font-weight:850;min-width:42px;text-align:right}.dashboard-home .leave-balance-stat,.dashboard-home .present-days-stat{padding:17px 20px}.dashboard-home .home-stats-grid .present-days-stat:before{background:#278263!important}.dashboard-home .home-stats-grid .leave-balance-stat:before{background:#c47b2d!important}.dashboard-home .leave-balance-stat>span,.dashboard-home .present-days-stat>span{color:#62756f!important;font-size:11px;font-weight:750}.dashboard-home .present-days-stat>strong{color:#152b25;font-size:25px;margin-top:10px}.dashboard-home .present-days-stat>strong small{color:#91a09b;font-size:13px}.dashboard-home .present-days-chart{height:32px;margin-top:8px}.dashboard-home .leave-balance-meter{background:#e8ecea;border-radius:999px;display:flex;height:8px;margin-top:13px;overflow:hidden}.dashboard-home .leave-balance-meter i:first-child{background:#c47b2d}.dashboard-home .leave-balance-meter i:last-child{background:#95832e}.dashboard-home .leave-balance-compact{display:flex;font-size:10px;gap:10px;justify-content:space-between;margin-top:11px}.dashboard-home .leave-balance-compact b{color:#697c76;font-weight:750}.dashboard-home .todo-heading{align-items:center;margin-bottom:10px;min-height:34px}.dashboard-home .todo-heading h2{color:#20322d;font-family:Georgia,Times New Roman,serif;font-size:18px;margin:0!important;text-align:left}.dashboard-home .todo-heading .todo-date-nav{margin-left:auto}.dashboard-home .todo-quick-add{grid-gap:4px;align-items:center;background:#f5f8f6;border:1px solid #dce5e1;border-radius:9px;color:#93a29e;display:grid;gap:4px;grid-template-columns:18px minmax(0,1fr);margin-bottom:13px;padding:0 11px}.dashboard-home .todo-quick-add>span{font-size:18px}.dashboard-home .todo-quick-add input{background:#0000!important;border:0!important;box-shadow:none!important;font-size:12px;height:42px;padding:0!important}.dashboard-home .todo-checklist{grid-gap:4px;display:grid;gap:4px;max-height:132px;overflow-y:auto}.dashboard-home .todo-checklist .todo-user-item{grid-gap:8px;align-items:center;background:#0000!important;border:0;display:grid;gap:8px;grid-template-columns:20px 7px minmax(0,1fr) 24px;min-height:34px;padding:3px 4px}.dashboard-home .todo-checklist .todo-check-button,.dashboard-home .todo-checklist .todo-delete-x{cursor:pointer;display:grid;min-width:0;padding:0;place-items:center;transform:none}.dashboard-home .todo-checklist .todo-check-button{background:#fff;border:1px solid #d6e0dc;border-radius:6px;color:#fff;font-size:9px;height:19px;width:19px}.dashboard-home .todo-checklist .todo-check-button[aria-pressed=true]{background:#278263;border-color:#278263}.dashboard-home .todo-checklist .todo-delete-x{background:#0000;border:0;border-radius:6px;color:#9aa8a3;font-size:10px;height:24px;opacity:.72;width:24px}.dashboard-home .todo-checklist .todo-delete-x:hover{background:#fdecec;color:#d34c4c;opacity:1;transform:none}.dashboard-home .todo-priority-dot{background:#c6554a;border-radius:50%;height:6px;width:6px}.dashboard-home .todo-user-item:nth-child(3n+2) .todo-priority-dot{background:#c47b2d}.dashboard-home .todo-user-item:nth-child(3n) .todo-priority-dot{background:#39758e}.dashboard-home .todo-task-text{color:#31443e!important;font-size:11px!important;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-home .todo-user-item-completed .todo-task-text{color:#96a39f!important;text-decoration:line-through}.dashboard-home .todo-checklist .todo-empty{margin:15px 0}.dashboard-home .home-stats-grid .home-stat-card:before,.dashboard-home .home-stats-grid .home-stat-card:nth-child(2n):before,.dashboard-home .home-stats-grid .home-stat-card:nth-child(odd):before{display:none!important}.dashboard-home .home-stats-grid .home-stat-card{background:#fff!important}.dashboard-home .leave-balance-stat,.dashboard-home .present-days-stat{align-items:center!important;justify-content:center!important;min-height:126px;padding:18px!important;text-align:center}.dashboard-home .leave-balance-stat>span,.dashboard-home .present-days-stat>span{color:#162c3e!important;font-size:12px!important;font-weight:800!important;min-height:0!important}.dashboard-home .present-days-stat>strong{color:#10251f!important;font-size:28px!important;line-height:1}.dashboard-home .present-days-stat>strong small{color:#91a09b!important;font-size:14px!important}.dashboard-home .leave-balance-compact{color:#334a43;font-size:11px;gap:13px;justify-content:center;margin-top:30px;width:auto}.dashboard-home .leave-balance-compact b{color:#62756f}.dashboard-home .home-clock-card .cio-card-action{border-radius:11px;justify-content:center;min-height:42px;min-width:160px;width:min(62%,220px)}.dashboard-home .home-clock-card .cio-card-complete{border-radius:11px;justify-content:center;min-height:42px;width:100%}.dashboard-home .leave-balance-stat,.dashboard-home .present-days-stat{align-items:flex-start!important;justify-content:flex-start!important;padding:18px 20px!important;text-align:left}.dashboard-home .present-days-stat>strong{margin-top:17px!important}.dashboard-home .present-days-chart{align-items:flex-end;display:flex;gap:4px;height:34px;margin-top:10px;width:100%}.dashboard-home .present-days-chart i{background:#e2f0eb;border-radius:3px 3px 1px 1px;flex:1 1;min-width:0}.dashboard-home .present-days-chart i.active{background:#278263}.dashboard-home .leave-balance-bars{grid-gap:9px;display:grid;gap:9px;margin-top:10px;width:100%}.dashboard-home .leave-balance-row{grid-gap:4px;display:grid;gap:4px}.dashboard-home .leave-balance-bar__label{align-items:center;color:#66778c;display:flex;font-size:10px;font-weight:700;justify-content:space-between;line-height:1.2;width:100%}.dashboard-home .leave-balance-bar__label b{color:#17324f;font-size:11px}.dashboard-home .leave-balance-bar__track{background:#e7eef7;border-radius:999px;height:6px;overflow:hidden;width:100%}.dashboard-home .leave-balance-bar__track i{background:#53b89a;border-radius:inherit;display:block;height:100%}.dashboard-home .leave-balance-row--sl .leave-balance-bar__track{background:#e5ecfa}.dashboard-home .leave-balance-row--sl .leave-balance-bar__track i{background:#6f8fe6}.dashboard-home .leave-balance-summary{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:8px;width:100%}.dashboard-home .leave-balance-donut{background:conic-gradient(#4c7ee0 var(--leave-completed),#e5ecf7 0);border-radius:50%;display:grid;flex:0 0 62px;height:62px;place-items:center;position:relative;width:62px}.dashboard-home .leave-balance-donut:before{background:#fff;border-radius:50%;content:"";inset:7px;position:absolute}.dashboard-home .leave-balance-donut>div{display:grid;justify-items:center;position:relative;z-index:1}.dashboard-home .leave-balance-donut strong{color:#173354!important;font-size:16px!important;letter-spacing:0!important;line-height:1!important;margin:0!important}.dashboard-home .leave-balance-donut small{color:#8290a2;font-size:8px;font-weight:750;margin-top:2px}.dashboard-home .leave-balance-summary-values{grid-gap:7px;display:grid;gap:7px;min-width:0;text-align:left}.dashboard-home .leave-balance-summary-values>span{grid-gap:5px;align-items:baseline;display:grid;gap:5px;grid-template-columns:auto minmax(0,1fr)}.dashboard-home .leave-balance-summary-values b{color:#315fc0;font-size:12px}.dashboard-home .leave-balance-summary-values small{color:#74859a;font-size:8.5px;font-weight:700;white-space:nowrap}.dashboard-home .home-clock-card .cio-card-action-in,.dashboard-home .home-clock-card .cio-card-action-in:hover{background:#4c7ee0!important;color:#fff!important}.dashboard-home .home-clock-card .cio-card-action-in:hover{background:#3f6fcb!important}.dashboard-home .todo-quick-add{grid-template-columns:18px minmax(0,1fr) 64px}.dashboard-home .todo-quick-add .todo-alert-time-input{border-left:1px solid #dce5e1!important;border-radius:0!important;color:#61738a;font-size:9px;min-width:0;padding-left:5px!important;width:64px}.dashboard-home .todo-checklist .todo-user-item{grid-template-columns:20px 7px minmax(0,1fr) auto}.dashboard-home .todo-row-actions{align-items:center;display:flex;gap:3px;opacity:0;pointer-events:none;transition:opacity .15s ease,visibility .15s ease;visibility:hidden}.dashboard-home .todo-user-item:focus-within .todo-row-actions,.dashboard-home .todo-user-item:hover .todo-row-actions{opacity:1;pointer-events:auto;visibility:visible}.dashboard-home .todo-checklist .todo-row-action{align-items:center;background:#f4f8ff;border:1px solid #d8e4f4;border-radius:7px;color:#4c6fad;cursor:pointer;display:inline-flex;font:inherit;font-size:9px;font-weight:800;gap:4px;height:25px;justify-content:center;min-width:0;padding:0 7px}.dashboard-home .todo-checklist .todo-row-action.active,.dashboard-home .todo-checklist .todo-row-action:hover{background:#e8f1ff;border-color:#afc7ef;color:#356dd1}.dashboard-home .todo-checklist .todo-row-action span{display:none}.dashboard-home .todo-checklist .todo-row-action{padding:0;width:27px}.dashboard-home .todo-inline-edit{background:#fff;border:1px solid #afc7ef;border-radius:6px;color:#31443e;font:inherit;font-size:11px;height:27px;min-width:0;outline:none;padding:0 7px;width:100%}.dashboard-home .todo-inline-edit:focus{box-shadow:0 0 0 2px #4c7ee024}@media (hover:none){.dashboard-home .todo-row-actions{opacity:1;pointer-events:auto;visibility:visible}}@media (max-width:1180px){.dashboard-home .todo-checklist .todo-row-action span{display:none}.dashboard-home .todo-checklist .todo-row-action{padding:0;width:25px}}.todo-view-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#16263a7a!important;display:grid!important;inset:0!important;padding:20px!important;place-items:center!important;position:fixed!important;z-index:10030!important}.todo-view-modal{border:1px solid #dce5f0!important;border-radius:18px!important;box-shadow:0 24px 65px #182f4e40!important;color:#2c3e50!important;display:block!important;height:auto!important;max-height:calc(100vh - 40px)!important;opacity:1!important;overflow:hidden!important;width:min(420px,100%)!important}.todo-view-modal,.todo-view-modal .modal-header{background:#fff!important;min-height:0!important}.todo-view-modal .modal-header{align-items:flex-start!important;border-bottom:1px solid #e8edf3!important;color:#203650!important;display:flex!important;justify-content:space-between!important;padding:21px 23px 17px!important}.todo-view-modal .modal-header h2{color:#203650!important;font-size:20px!important;margin:5px 0 0!important}.todo-view-modal .modal-header .home-eyebrow{color:#4c7ee0!important;font-size:10px!important;font-weight:850!important;letter-spacing:.1em;text-transform:uppercase}.todo-view-modal .close-btn{background:#f1f4f8!important;border:0!important;border-radius:9px!important;color:#718198!important;cursor:pointer;display:grid!important;height:32px!important;min-width:32px!important;padding:0!important;place-items:center!important;width:32px!important}.todo-view-modal .close-btn:hover{background:#fceaec!important;color:#c33e48!important;transform:none!important}.todo-view-modal .modal-body{background:#fff!important;display:block!important;max-height:none!important;min-height:0!important;overflow:auto!important;padding:20px 23px 23px!important}.todo-view-modal .todo-view-text{color:#2c3e50!important;font-size:15px!important;line-height:1.55;margin:0 0 14px!important;overflow-wrap:anywhere}.todo-view-modal .todo-view-time{align-items:center;color:#61738a!important;display:flex;font-size:12px;gap:7px;margin:0 0 16px}.todo-view-modal .todo-view-status{border-radius:999px!important;display:inline-flex!important;font-size:11px!important;font-weight:800!important;padding:6px 11px!important}.todo-view-modal .todo-view-status.pending{background:#fff1d6!important;color:#a56608!important}.todo-view-modal .todo-view-status.completed{background:#def5e9!important;color:#158354!important}.dashboard-home .todo-checklist .todo-row-action,.dashboard-home .todo-checklist .todo-row-action.active,.dashboard-home .todo-checklist .todo-row-action:hover{background:#0000;border:0;color:#9aa8a3}.dashboard-home .todo-checklist .todo-row-action:hover{color:#4c7ee0}.dashboard-home .todo-checklist .todo-row-action.active{color:#278263}.dashboard-home .teamplus-heading h2,.dashboard-home .timesheet-heading h2,.dashboard-home .todo-heading h2{font-size:18px!important;line-height:1.25}.dashboard-home .home-clock-card .cio-card-controls{display:flex;justify-content:center;width:100%}.dashboard-home .home-clock-card .cio-card-action,.dashboard-home .home-clock-card .cio-card-complete{background:#4c7ee0!important;border-radius:11px;box-shadow:none;color:#fff!important;justify-content:center;min-height:38px;min-width:160px;padding:7px 12px;width:min(62%,220px)}.dashboard-home .home-clock-card .cio-card-action-in:hover,.dashboard-home .home-clock-card .cio-card-action-out:hover{background:#3f6fcb!important;color:#fff!important}.employee-projects-page{color:#2c3e50;font-family:DM Sans,Segoe UI,sans-serif;margin:0 auto;max-width:1440px;width:100%}.employee-projects-heading{margin-bottom:16px}.employee-projects-heading>div>span{color:#4c7ee0;font-size:9px;font-weight:850;letter-spacing:.14em}.employee-projects-heading h1{color:#172033;font-family:Manrope,Segoe UI,sans-serif;font-size:clamp(23px,2.5vw,30px);letter-spacing:-.6px;margin:4px 0 0}.employee-projects-heading p{color:#64748b;font-size:12px;margin:6px 0 0}.employee-project-summary{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}.employee-project-summary-card{align-items:center;border:1px solid #0000;border-radius:17px;box-shadow:0 12px 28px #2c3e5017;display:flex;gap:13px;min-height:92px;overflow:hidden;padding:13px 17px;position:relative}.employee-project-summary-card:after{border:18px solid;border-radius:50%;bottom:-62px;content:"";height:120px;opacity:.07;position:absolute;right:-34px;width:120px}.employee-project-summary-card.ongoing{background:linear-gradient(135deg,#fff,#eff6ff);border-color:#bfdbfe;color:#2563eb}.employee-project-summary-card.completed{background:linear-gradient(135deg,#fff,#f0fdf4);border-color:#bbf7d0;color:#159565}.employee-project-summary-icon{background:#4c7ee0;border-radius:14px;box-shadow:0 8px 18px #2c3e501f;color:#fff;display:grid;flex:0 0 48px;font-size:18px;height:48px;place-items:center;width:48px}.employee-project-summary-icon svg{color:#fff}.employee-project-summary-card.ongoing .employee-project-summary-icon{background:#2563eb}.employee-project-summary-card.completed .employee-project-summary-icon{background:#159565}.employee-project-summary-copy{display:grid;min-width:0}.employee-project-summary-copy small{color:#64748b;font-size:11px;font-weight:800}.employee-project-summary-copy strong{color:currentColor;font-family:Manrope,Segoe UI,sans-serif;font-size:27px;line-height:1;margin-top:1px}.employee-project-summary-copy em{color:#94a3b8;font-size:10px;font-style:normal;font-weight:650;margin-top:4px}.employee-project-section{background:#fff;border:1px solid #e2e8f0;border-radius:17px;box-shadow:0 10px 28px #2c3e5012;margin-bottom:16px;overflow:hidden}.employee-project-section-heading{align-items:center;background:linear-gradient(90deg,#f3f7fe,#fff);border-bottom:1px solid #dce7f5;display:flex;justify-content:space-between;padding:14px 18px}.completed-section .employee-project-section-heading{background:linear-gradient(90deg,#effaf4,#fff);border-bottom-color:#d9efe3}.employee-project-section-heading>div{align-items:center;display:flex;gap:9px}.employee-project-section-marker{background:#4c7ee0;border-radius:999px;height:24px;width:5px}.completed-section .employee-project-section-marker{background:#22c55e}.employee-project-section-heading h2{color:#253247;font-size:16px;margin:0}.employee-project-count{background:#eaf1fb;border-radius:999px;color:#2563eb;display:inline-grid;font-size:11px;font-weight:850;height:29px;min-width:29px;padding:0 8px;place-items:center}.completed-section .employee-project-count{background:#dcfce7;color:#15803d}.employee-project-table-wrap{overflow-x:auto}.employee-project-table{border-collapse:collapse;min-width:790px;width:100%}.employee-project-table thead{background:#eaf1fb}.completed-section .employee-project-table thead{background:#e7f6ee}.employee-project-table th{border-bottom:1px solid #d7e3f3;color:#35516f;font-size:10px;font-weight:850;letter-spacing:.08em;padding:12px 15px;text-align:left;text-transform:uppercase;white-space:nowrap}.completed-section .employee-project-table th{border-bottom-color:#cee9da;color:#287154}.employee-project-table td{border-bottom:1px solid #edf1f5;color:#52606f;font-size:11.5px;line-height:1.45;padding:13px 15px;vertical-align:middle}.employee-project-table tbody tr:nth-child(2n){background:#fbfcfe}.employee-project-table tbody tr:last-child td{border-bottom:0}.employee-project-table tbody tr:hover{background:#f8fafc}.employee-project-table td strong{color:#1e293b;font-weight:800}.employee-project-description{color:#64748b!important;max-width:340px}.employee-project-number{background:#eff6ff;border-radius:8px;color:#4c7ee0;display:inline-grid;font-size:10px;font-weight:850;height:25px;min-width:29px;padding:0 6px;place-items:center}.employee-project-status{border-radius:999px;display:inline-flex;font-size:10.5px;font-weight:850;padding:5px 10px;white-space:nowrap}.employee-project-status.ongoing{background:#dbeafe;color:#2563eb}.employee-project-status.completed{background:#dcfce7;color:#15803d}.employee-project-empty-row td,.employee-project-loading{color:#94a3b8!important;font-size:12px;padding:28px!important;text-align:center}.employee-project-error{background:#fef2f2;border:1px solid #fecaca;border-radius:11px;color:#b91c1c;font-size:12px;margin-bottom:14px;padding:11px 13px}@media (max-width:720px){.employee-projects-heading p{max-width:520px}.employee-project-summary{gap:10px;grid-template-columns:1fr}.employee-project-summary-card{min-height:82px;padding:11px 14px}.employee-project-summary-icon{border-radius:12px;flex-basis:43px;font-size:16px;height:43px;width:43px}}.employee-team-page{color:#253247;font-family:DM Sans,Segoe UI,sans-serif;margin:0 auto;max-width:1440px;width:100%}.employee-team-toolbar{align-items:center;display:flex;gap:14px;justify-content:space-between;margin-bottom:16px}.employee-team-search{align-items:center;background:#fff;border:1px solid #d7e3f1;border-radius:11px;color:#7d91a9;display:flex;gap:9px;padding:9px 12px;width:min(360px,100%)}.employee-team-search input{background:#0000;border:0;color:#253247;font:inherit;font-size:12px;min-width:0;outline:0;width:100%}.employee-team-count{background:#eaf1fb;border-radius:999px;color:#3567bd;font-size:11px;font-weight:800;padding:7px 12px;white-space:nowrap}.employee-team-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.employee-team-card{align-items:center;background:#fff;border:1px solid #dfe8f3;border-radius:15px;box-shadow:0 7px 20px #2c3e500f;display:flex;gap:13px;padding:16px}.employee-team-avatar{background:linear-gradient(135deg,#35809f,#4c7ee0);border-radius:50%;color:#fff;display:grid;flex:0 0 46px;font-size:17px;font-weight:850;height:46px;place-items:center;width:46px}.employee-team-details{grid-gap:3px;display:grid;gap:3px;min-width:0}.employee-team-details strong{color:#1e293b;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-team-details span{color:#4c7ee0;font-size:11px;font-weight:700}.employee-team-details small{align-items:center;color:#7c8b9d;display:flex;font-size:10px;gap:6px}.employee-team-state{align-items:center;background:#fbfcfe;border:1px dashed #d8e2ee;border-radius:15px;color:#8795a7;display:flex;font-size:13px;gap:9px;justify-content:center;min-height:180px}.employee-team-state.error{background:#fff5f5;color:#b4232f}@media (max-width:560px){.employee-team-toolbar{align-items:stretch;flex-direction:column}.employee-team-search{box-sizing:border-box}.employee-team-count{align-self:flex-start}}.employee-calendar-v2{background:#0000!important;color:#263b54;width:100%}.employee-calendar-toolbar{align-items:center;background:#fff;border:1px solid #dfe8f3;border-radius:16px;box-shadow:0 8px 20px rgba(38,58,82,.055);display:flex;gap:20px;justify-content:space-between;margin-bottom:16px;padding:16px 18px}.employee-calendar-month{align-items:center;display:flex;gap:13px;min-width:0}.employee-calendar-month>span{background:#4c7ee0;border-radius:12px;box-shadow:0 7px 14px #4c7ee033;color:#fff;display:grid;flex:0 0 42px;height:42px;place-items:center;width:42px}.employee-calendar-month small{color:#8796aa;font-size:8px;font-weight:850;letter-spacing:.12em}.employee-calendar-month h2{color:#243a54;font-size:20px;letter-spacing:-.35px;margin:2px 0 0}.employee-calendar-month p{color:#8a98a9;font-size:9px;margin:3px 0 0}.employee-calendar-actions{align-items:center;display:flex;gap:10px}.employee-calendar-navigation{background:#f7f9fc;border:1px solid #e0e8f2;border-radius:11px;display:flex;gap:6px;padding:4px}.employee-calendar-icon-button,.employee-calendar-navigation button{background:#fff;border:0;border-radius:8px;box-shadow:0 2px 7px #2c425f0f;color:#5277bd;cursor:pointer;display:grid;font:inherit;font-size:10px;height:34px;place-items:center;width:34px}.employee-calendar-icon-button:hover,.employee-calendar-navigation button:hover{background:#4c7ee0;color:#fff}.employee-calendar-navigation .today-button{display:block;font-weight:800;padding:0 13px;width:auto}.employee-calendar-notification{position:relative}.employee-calendar-icon-button{color:#d39017;position:relative}.employee-calendar-icon-button em{background:#e65555;border:2px solid #fff;border-radius:999px;box-sizing:border-box;color:#fff;display:grid;font-size:7px;font-style:normal;font-weight:850;height:17px;min-width:17px;padding:0 4px;place-items:center;position:absolute;right:-4px;top:-4px}.employee-calendar-notification-menu{background:#fff;border:1px solid #dce6f2;border-radius:13px;box-shadow:0 17px 38px #22334c2e;padding:12px;position:absolute;right:0;top:calc(100% + 9px);width:260px;z-index:12}.employee-calendar-notification-menu>div{align-items:center;border-bottom:1px solid #edf1f6;display:flex;justify-content:space-between;padding:2px 2px 9px}.employee-calendar-notification-menu>div strong{font-size:11px}.employee-calendar-notification-menu>div button{background:#f1f4f8;border:0;border-radius:7px;color:#8190a2;cursor:pointer;display:grid;height:24px;padding:0;place-items:center;width:24px}.employee-calendar-notification-menu>button{align-items:center;background:#0000;border:0;border-bottom:1px solid #f0f3f7;cursor:pointer;display:flex;gap:9px;padding:10px 3px;text-align:left;width:100%}.employee-calendar-notification-menu>button>span:first-child{background:#edf4ff;border-radius:8px;color:#4c7ee0;display:grid;flex:0 0 29px;height:29px;place-items:center;width:29px}.employee-calendar-notification-menu>button small,.employee-calendar-notification-menu>button strong{display:block}.employee-calendar-notification-menu>button strong{color:#3c5068;font-size:9px}.employee-calendar-notification-menu>button small{color:#8b98a9;font-size:8px;margin-top:3px}.employee-calendar-notification-menu>p{color:#8b98a9;font-size:9px;margin:13px 3px 3px}.employee-calendar-board{background:#fff;border:1px solid #dce6f2;border-radius:16px;box-shadow:0 8px 22px #2438520d;overflow:hidden}.employee-calendar-weekdays{background:linear-gradient(90deg,#3d8bad,#4d7fdf);display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.employee-calendar-weekdays span{color:#fff;font-size:9px;font-weight:850;letter-spacing:.06em;padding:12px 6px;text-align:center;text-transform:uppercase}.employee-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.employee-calendar-day{background:#fff;border:0;border-bottom:1px solid #e8edf4;border-right:1px solid #e8edf4;box-sizing:border-box;color:#344961;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:6px;min-height:83px;min-width:0;padding:9px;position:relative;text-align:left}.employee-calendar-day:nth-child(7n){border-right:0}.employee-calendar-day:hover{background:#f4f8ff;box-shadow:inset 0 0 0 1px #85a7e9;z-index:1}.employee-calendar-day.outside{background:#fafbfd;color:#b4bfcb}.employee-calendar-day.weekend{background:#f8fafc}.employee-calendar-day.today{background:#edf4ff;box-shadow:inset 0 0 0 2px #4c7ee0}.employee-calendar-date-number{border-radius:7px;display:grid;font-size:10px;font-weight:850;height:23px;place-items:center;width:23px}.employee-calendar-day.today .employee-calendar-date-number{background:#4c7ee0;color:#fff}.employee-calendar-event-stack{grid-gap:3px;display:grid;gap:3px;min-width:0}.employee-calendar-event-chip{background:#e9f8f2;border-left:3px solid #1ba778;border-radius:5px;color:#28725d;display:block;font-size:7px;font-weight:800;overflow:hidden;padding:4px 6px;text-overflow:ellipsis;white-space:nowrap}.employee-calendar-event-stack>small{color:#6f83a0;font-size:7px;font-weight:750}.employee-calendar-loading{color:#8291a4;display:grid;font-size:10px;min-height:330px;place-items:center}.employee-calendar-message{border-radius:9px;font-size:9px;margin-bottom:12px;padding:10px 13px}.employee-calendar-message.error{background:#fff0f0;border:1px solid #f3cccc;color:#b64d4d}.employee-calendar-legend{display:flex;gap:16px;justify-content:flex-end;padding:10px 4px 0}.employee-calendar-legend span{align-items:center;color:#8190a2;display:inline-flex;font-size:8px;gap:6px}.employee-calendar-legend i{border-radius:50%;height:8px;width:8px}.employee-calendar-legend .today-dot{background:#4c7ee0}.employee-calendar-legend .event-dot{background:#1ba778}.employee-calendar-legend .weekend-dot{background:#d8e0e9}.employee-calendar-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1f2f4375;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:1000}.employee-calendar-modal{background:#fff;border:1px solid #dce5f0;border-radius:18px;box-shadow:0 24px 65px #19273a47;max-height:min(620px,calc(100vh - 40px));overflow:hidden;width:min(470px,100%)}.employee-calendar-modal-head{align-items:center;background:#f7faff;border-bottom:1px solid #e8edf4;display:flex;gap:15px;justify-content:space-between;padding:18px 20px}.employee-calendar-modal-head span{color:#4c7ee0;font-size:8px;font-weight:850;letter-spacing:.12em}.employee-calendar-modal-head h3{color:#293f59;font-size:15px;margin:4px 0 0}.employee-calendar-modal-head>button{background:#fff;border:0;border-radius:9px;color:#7d8b9e;cursor:pointer;display:grid;height:31px;place-items:center;width:31px}.employee-calendar-modal-body{grid-gap:10px;display:grid;gap:10px;max-height:440px;overflow-y:auto;padding:17px}.employee-calendar-modal-body article{background:#fbfcfe;border:1px solid #e1e9f3;border-radius:12px;display:flex;gap:11px;padding:13px}.employee-calendar-modal-body article>span{background:#4c7ee0;border-radius:9px;color:#fff;display:grid;flex:0 0 34px;height:34px;place-items:center;width:34px}.employee-calendar-modal-body article strong{color:#354b65;font-size:10px}.employee-calendar-modal-body article p{color:#75869a;font-size:9px;line-height:1.45;margin:5px 0}.employee-calendar-modal-body article small{color:#1b8e67;font-size:8px;font-weight:800}.employee-calendar-empty{grid-gap:7px;align-content:center;color:#8d9aab;display:grid;gap:7px;min-height:170px;place-items:center;text-align:center}.employee-calendar-empty>svg{color:#91ade0;font-size:27px}.employee-calendar-empty strong{color:#415771;font-size:12px}.employee-calendar-empty p{font-size:9px;margin:0}@media (max-width:700px){.employee-calendar-toolbar{align-items:flex-start;flex-direction:column}.employee-calendar-actions{justify-content:space-between;width:100%}.employee-calendar-day{min-height:65px;padding:6px}.employee-calendar-event-chip{background:#1ba778;border:0;border-radius:50%;color:#0000;height:9px;max-width:9px;padding:0}.employee-calendar-event-stack>small{display:none}}@media (max-width:480px){.employee-calendar-month h2{font-size:17px}.employee-calendar-weekdays span{font-size:7px;padding:10px 2px}.employee-calendar-day{min-height:52px}.employee-calendar-date-number{font-size:8px;height:20px;width:20px}.employee-calendar-legend{justify-content:flex-start}}.employee-calendar-layout-v3{grid-gap:18px;align-items:stretch;display:grid;gap:18px;grid-template-columns:minmax(0,1.75fr) minmax(280px,.75fr)}.employee-calendar-panel-v3,.employee-upcoming-panel-v3{background:#fff;border:1px solid #dce6f2;border-radius:18px;box-shadow:0 8px 24px rgba(38,58,82,.055);min-height:610px;min-width:0}.employee-calendar-panel-v3{padding:30px 34px 24px}.employee-calendar-head-v3{align-items:center;display:flex;gap:18px;justify-content:space-between;margin-bottom:24px}.employee-calendar-head-v3>div:first-child>span{color:#668198;font-size:9px;font-weight:850;letter-spacing:.14em}.employee-calendar-head-v3 h2{color:#203751;font-size:24px;letter-spacing:-.45px;margin:5px 0 0}.employee-calendar-head-v3 p{color:#8b99aa;font-size:9px;margin:4px 0 0}.employee-calendar-navigation-v3{align-items:center;display:flex;gap:8px}.employee-calendar-navigation-v3 button{background:#f7faff;border:1px solid #cfe0f4;border-radius:12px;color:#4c7ee0;cursor:pointer;display:grid;font:inherit;font-size:12px;height:42px;place-items:center;width:42px}.employee-calendar-navigation-v3 button:hover{background:#4c7ee0;border-color:#4c7ee0;color:#fff}.employee-calendar-navigation-v3 .today-button{display:block;font-size:11px;font-weight:800;padding:0 16px;width:auto}.employee-calendar-grid-v3,.employee-calendar-weekdays-v3{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.employee-calendar-weekdays-v3{margin-bottom:7px}.employee-calendar-weekdays-v3 span{color:#4f6076;font-size:10px;font-weight:850;padding:8px 3px;text-align:center}.employee-calendar-grid-v3{row-gap:10px}.employee-calendar-day-v3{background:#0000;border:0;color:#17324f;cursor:pointer;display:grid;font:inherit;min-height:68px;min-width:0;padding:0;place-items:center;position:relative}.employee-calendar-day-v3>span{border-radius:50%;display:grid;font-size:13px;font-weight:850;height:46px;place-items:center;transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;width:46px}.employee-calendar-day-v3:not(:disabled):hover>span{background:#edf4ff;color:#4c7ee0;transform:translateY(-1px)}.employee-calendar-day-v3.weekend>span{color:#c1c9d3}.employee-calendar-day-v3.outside{pointer-events:none;visibility:hidden}.employee-calendar-day-v3.event-day>span{background:#8a55ef;box-shadow:0 7px 17px #8a55ef38;color:#fff}.employee-calendar-day-v3.today>span{background:#4c7ee0;box-shadow:0 7px 17px #4c7ee040;color:#fff}.employee-calendar-day-v3>em{background:#e85f65;border:2px solid #fff;border-radius:999px;box-sizing:border-box;color:#fff;display:grid;font-size:6px;font-style:normal;font-weight:850;height:14px;min-width:14px;padding:0 3px;place-items:center;position:absolute;right:calc(50% - 24px);top:4px}.employee-calendar-loading-v3{color:#8796a8;display:grid;font-size:10px;min-height:300px;place-items:center}.employee-calendar-legend-v3{border-top:1px solid #edf1f5;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:18px;padding-top:15px}.employee-calendar-legend-v3 span{align-items:center;color:#78899e;display:inline-flex;font-size:9px;gap:6px}.employee-calendar-legend-v3 i{background:#fff;border:2px solid;border-radius:50%;box-sizing:border-box;height:9px;width:9px}.employee-calendar-legend-v3 .today-dot{color:#4c7ee0}.employee-calendar-legend-v3 .event-dot{background:#fff!important;border:2px solid #8a55ef!important;border-radius:50%!important;box-shadow:none!important;color:#8a55ef;display:inline-block;height:9px!important;max-width:9px!important;min-height:9px!important;min-width:9px!important;padding:0!important;width:9px!important}.employee-calendar-legend-v3 .weekend-dot{color:#c1c9d3}.employee-upcoming-panel-v3{display:flex;flex-direction:column;max-height:610px;overflow:hidden}.employee-upcoming-panel-v3>header{align-items:center;background:linear-gradient(135deg,#f8fbff,#f8f5ff);border-bottom:1px solid #e7edf4;display:flex;gap:12px;padding:21px 20px 17px}.employee-upcoming-panel-v3>header>span{background:#4c7ee0;border-radius:11px;color:#fff;display:grid;flex:0 0 39px;height:39px;place-items:center;width:39px}.employee-upcoming-panel-v3 header h2{color:#243b55;font-size:16px;margin:0}.employee-upcoming-list-v3{grid-gap:8px;display:grid;gap:8px;overflow-y:auto;padding:12px;scrollbar-color:#c8d4e4 #0000;scrollbar-width:thin}.employee-upcoming-list-v3>button{align-items:center;background:#fff;border:1px solid #e4ebf4;border-radius:12px;cursor:pointer;display:flex;font:inherit;gap:10px;min-width:0;padding:10px;text-align:left;transition:border-color .18s ease,background .18s ease,transform .18s ease;width:100%}.employee-upcoming-list-v3>button:hover{background:#f7faff;border-color:#b9cdef;transform:translateX(2px)}.employee-upcoming-list-v3 time{align-content:center;background:#edf4ff;border-radius:10px;color:#4c7ee0;display:grid;flex:0 0 42px;height:44px;place-items:center;text-align:center;width:42px}.employee-upcoming-list-v3 time span,.employee-upcoming-list-v3 time strong{display:block;line-height:1.05}.employee-upcoming-list-v3 time strong{font-size:14px}.employee-upcoming-list-v3 time span{font-size:7px;font-weight:850;margin-top:3px;text-transform:uppercase}.employee-upcoming-list-v3>button>span{flex:1 1;min-width:0}.employee-upcoming-list-v3>button>span em,.employee-upcoming-list-v3>button>span small,.employee-upcoming-list-v3>button>span strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-upcoming-list-v3>button>span strong{color:#354b65;font-size:10px}.employee-upcoming-list-v3>button>span small{color:#8a55ef;font-size:8px;font-weight:750;margin-top:3px}.employee-upcoming-list-v3>button>span em{color:#8a98a9;font-size:7px;font-style:normal;margin-top:3px}.employee-upcoming-list-v3>button>svg{color:#a0afc0;flex:0 0 auto;font-size:9px}.employee-upcoming-empty-v3{grid-gap:7px;align-content:center;color:#8b99aa;display:grid;font-size:9px;gap:7px;min-height:240px;place-items:center;text-align:center}.employee-upcoming-empty-v3>svg{color:#91ade0;font-size:26px}.employee-upcoming-empty-v3 strong{color:#425870;font-size:12px}.employee-upcoming-empty-v3 p{margin:0}@media (max-width:940px){.employee-calendar-layout-v3{grid-template-columns:1fr}.employee-upcoming-panel-v3{max-height:none}.employee-upcoming-list-v3{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}}@media (max-width:620px){.employee-calendar-panel-v3{padding:17px 12px 15px}.employee-calendar-head-v3{align-items:flex-start;flex-direction:column;margin-bottom:15px}.employee-calendar-navigation-v3{align-self:stretch;justify-content:flex-end}.employee-calendar-weekdays-v3 span{font-size:8px}.employee-calendar-day-v3{min-height:44px}.employee-calendar-day-v3>span{font-size:10px;height:32px;width:32px}.employee-upcoming-list-v3{grid-template-columns:1fr}}.employee-leave-page{--leave-primary:#4c7ee0;--leave-primary-dark:#315fc0;--leave-ink:#173354;--leave-muted:#718098;--leave-border:#d9e3f0;color:var(--leave-ink);min-height:100%;padding:6px 4px 36px}.employee-leave-header{align-items:center;display:flex;gap:13px;margin-bottom:14px}.employee-leave-icon{background:linear-gradient(145deg,#4c7ee0,#7199eb);border-radius:14px;box-shadow:0 9px 20px #4c7ee033;color:#fff;display:grid;flex:0 0 46px;font-size:19px;height:46px;place-items:center;width:46px}.employee-leave-header h1,.leave-calendar-head h2,.leave-history-head h2,.leave-modal-head h2,.leave-side-title h2,.leave-success-modal h2{color:var(--leave-ink);margin:0}.employee-leave-header h1{font-size:clamp(23px,2.3vw,30px)}.employee-leave-header p{color:var(--leave-muted);font-size:14px;margin:2px 0 0}.leave-eyebrow{color:#67858f;display:block;font-size:12px;font-weight:800;letter-spacing:.12em;margin-bottom:3px;text-transform:uppercase}.employee-leave-tabs{background:#fff;border:1px solid var(--leave-border);border-radius:14px;box-shadow:0 8px 24px #1b35530f;display:flex;gap:5px;margin:0 auto 18px;padding:4px;width:-webkit-fit-content;width:fit-content}.employee-leave-tabs button{align-items:center;background:#0000;border:0;border-radius:9px;color:#66758a;cursor:pointer;display:flex;font:inherit;font-weight:750;gap:9px;justify-content:center;min-width:142px;padding:9px 17px}.employee-leave-tabs button.active{background:var(--leave-primary);box-shadow:0 7px 16px #4c7ee03d;color:#fff}.leave-application-layout{grid-gap:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:minmax(0,1.65fr) minmax(280px,.72fr)}.leave-calendar-card,.leave-history-card,.leave-side-card{background:#fff;border:1px solid var(--leave-border);border-radius:22px;box-shadow:0 14px 35px #1b355314}.leave-calendar-card{padding:clamp(18px,2.5vw,30px)}.leave-calendar-head{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:23px}.leave-calendar-head h2,.leave-history-head h2,.leave-side-title h2{font-size:22px}.leave-month-actions{align-items:center;display:flex;gap:7px}.leave-month-actions button{background:#f8fbff;border:1px solid #cadaf0;border-radius:11px;color:var(--leave-primary);cursor:pointer;display:grid;height:38px;place-items:center;width:38px}.leave-month-actions .leave-today-btn{font-weight:750;padding:0 14px;width:auto}.leave-calendar-grid,.leave-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin-left:auto;margin-right:auto;width:min(100%,560px)}.leave-weekdays{color:#526174;font-size:12px;font-weight:800;margin-bottom:7px;padding:8px 2px;text-align:center}.leave-calendar-grid{gap:4px}.leave-day-empty{min-height:50px}.leave-day{background:#0000;border:1px solid #0000;border-radius:12px;color:var(--leave-ink);cursor:pointer;font:inherit;font-weight:750;height:48px;justify-self:center;min-height:48px;min-width:0;position:relative;transition:color .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;width:48px}.leave-day:not(:disabled):hover{background:#edf4ff;color:var(--leave-primary);transform:translateY(-1px);z-index:1}.leave-day.today{align-self:center;background:var(--leave-primary);border:0;border-radius:50%;box-shadow:0 5px 13px #4c7ee040;color:#fff;height:44px;justify-self:center;min-height:44px;width:44px}.leave-day:disabled{cursor:not-allowed;opacity:.46}.leave-day.weekend{background:#0000;color:#9aa6b5}.employee-leave-page .leave-legend i{aspect-ratio:1;border:2px solid;border-radius:50%!important;box-sizing:border-box;display:block!important;flex:0 0 12px!important;height:12px!important;max-height:12px!important;max-width:12px!important;min-height:12px!important;min-width:12px!important;width:12px!important}.approved{background:#25b66f}.pending{background:#e8a128}.rejected{background:#ef4d56}.leave-day.application-date{border:0;border-radius:50%;color:#fff;font-weight:850;opacity:1}.leave-day.today.application-date{border-radius:50%;height:48px;min-height:48px;width:48px}.leave-day.application-leave{background:#3b82f6;box-shadow:0 6px 15px #3b82f647;color:#fff}.leave-day.application-wfh{background:#22c55e;box-shadow:0 6px 15px #22c55e47;color:#fff}.leave-day.application-rejected{background:#ef4444;box-shadow:0 6px 15px #ef444447;color:#fff}.leave-day.application-pending{background:#94a3b8;box-shadow:0 6px 15px #64748b3d;color:#fff}.leave-day.admin-calendar-date{border:0;border-radius:50%;color:#fff;font-weight:850;opacity:1}.leave-day.company-holiday{background:#8b5cf6;box-shadow:0 6px 15px #8b5cf647}.leave-day.company-event{background:#f59e0b;box-shadow:0 6px 15px #f59e0b47}.leave-day.admin-calendar-date:disabled{cursor:default;opacity:1}.leave-day.application-leave:not(:disabled):hover{background:#2563eb;color:#fff}.leave-day.application-wfh:not(:disabled):hover{background:#16a34a;color:#fff}.leave-day.application-rejected:not(:disabled):hover{background:#dc2626;color:#fff}.leave-day.application-pending:not(:disabled):hover{background:#64748b;color:#fff}.leave-legend .application-leave{background:#dbeafe;color:#3b82f6}.leave-legend .application-wfh{background:#dcfce7;color:#22c55e}.leave-legend .application-rejected{background:#fee2e2;color:#ef4444}.leave-legend .company-holiday{background:#ede9fe;color:#8b5cf6}.leave-legend .company-event{background:#fef3c7;color:#f59e0b}.leave-legend{grid-gap:9px;color:#77869a;display:grid;font-size:12px;gap:9px;justify-content:center;margin-top:17px}.leave-legend-row{align-items:center;display:flex;gap:18px;justify-content:center}.leave-legend-row--centered{justify-self:center}.leave-legend span{align-items:center;display:flex;gap:6px}.leave-side-card{padding:24px}.leave-side-title{align-items:center;display:flex;gap:12px;justify-content:center;text-align:center}.leave-side-title>svg{color:var(--leave-primary);font-size:22px}.leave-balances{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr;margin:18px -8px 0 0;max-height:min(520px,calc(100vh - 250px));overflow-y:auto;padding-right:8px;scrollbar-color:#afc3e1 #0000;scrollbar-width:thin}.leave-balances::-webkit-scrollbar{width:6px}.leave-balances::-webkit-scrollbar-track{background:#0000}.leave-balances::-webkit-scrollbar-thumb{background:#afc3e1;border-radius:999px}.leave-balances>div{min-width:0}.leave-balance-bar-item{--balance-color:#318a67;--balance-mid:#8fd9bc;--balance-soft:#effaf5;background:#0000;border:0;border-bottom:1px solid #e4eaf2;border-radius:0;padding:13px 2px}.leave-balance-bar-item:last-child{border-bottom:0}.leave-balance-bar-item.balance-tone-1{--balance-color:#2f8f68;--balance-mid:#91d8bc;--balance-soft:#effaf5}.leave-balance-bar-item.balance-tone-2{--balance-color:#397bbd;--balance-mid:#9ec7ed;--balance-soft:#f0f7fd}.leave-balance-bar-item.balance-tone-3{--balance-color:#8062b9;--balance-mid:#c1afe5;--balance-soft:#f7f3fc}.leave-balance-bar-item.balance-tone-4{--balance-color:#bd792f;--balance-mid:#e6ba82;--balance-soft:#fdf7ee}.leave-balance-bar-item.balance-tone-5{--balance-color:#bd5e78;--balance-mid:#e3a8b8;--balance-soft:#fdf3f6}.leave-balance-bar-item.balance-tone-6{--balance-color:#278b91;--balance-mid:#8fd3d6;--balance-soft:#eff9fa}.leave-balance-bar-item.balance-tone-7{--balance-color:#a66d42;--balance-mid:#dbb797;--balance-soft:#fbf5ef}.leave-balance-bar-item.balance-tone-8{--balance-color:#596fbd;--balance-mid:#aab7e8;--balance-soft:#f2f4fc}.leave-balance-bar-item.balance-tone-9{--balance-color:#4188a8;--balance-mid:#9dcddd;--balance-soft:#f0f8fb}.leave-balance-bar-item.balance-tone-10{--balance-color:#b85b50;--balance-mid:#e2aaa3;--balance-soft:#fdf3f1}.leave-balance-bar-item.casual{--balance-color:#3b82f6;--balance-mid:#9ec5fa}.leave-balance-bar-item.wfh{--balance-color:#22a866;--balance-mid:#91dcb8}.leave-balance-bar-label{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:9px}.leave-balance-bar-label strong{color:var(--leave-ink);font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leave-balance-bar-label>span{color:var(--balance-color);flex:0 0 auto;font-size:10px;font-weight:800}.leave-balance-track{background:#dfe8f2;border-radius:999px;display:flex;height:9px;overflow:hidden}.leave-balance-track>span{display:block;height:100%;transition:width .25s ease}.leave-balance-used{background:var(--balance-color)}.leave-balance-remaining{background:var(--balance-mid)}.leave-balance-values{align-items:center;color:#718096;display:flex;font-size:9px;font-weight:700;gap:10px;justify-content:space-between;margin-top:7px}.leave-balance-values span{align-items:center;display:inline-flex;gap:4px}.leave-balance-values i{background:var(--balance-color);border-radius:50%;height:6px;width:6px}.leave-balance-values .remaining i{background:var(--balance-mid)}.leave-balance-values strong{color:var(--leave-ink)}.leave-balance-item{align-items:center}.leave-balance-item>div{min-width:0}.leave-balance-item>div>small,.leave-balance-item>div>strong{display:block}.leave-balance-item>div>strong{color:var(--leave-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leave-balance-item>div>small{color:#8996a7;font-size:10px;margin-top:3px}.leave-balance-ring{--ring-color:#25b66f;background:conic-gradient(var(--ring-color) var(--balance-percent),#dfe8f2 0);border-radius:50%;display:grid;flex:0 0 42px;height:42px;place-items:center;position:relative;width:42px}.leave-balance-ring.wfh{--ring-color:#4c7ee0}.leave-balance-ring:before{background:#fff;border-radius:50%;content:"";inset:5px;position:absolute}.leave-balance-ring>strong{color:var(--ring-color);font-size:11px;position:relative;z-index:1}.leave-side-card>h3{font-size:15px;margin:0 0 12px}.leave-recent-list{grid-gap:10px;display:grid;gap:10px}.leave-recent-item{grid-gap:10px;align-items:center;border:1px solid #e3eaf3;border-radius:12px;display:grid;gap:10px;grid-template-columns:36px minmax(0,1fr) 9px;padding:10px}.leave-recent-icon,.leave-type-icon{border-radius:10px;display:grid;place-items:center}.leave-recent-icon{height:36px;width:36px}.leave-recent-icon.leave,.leave-type-icon.leave{background:#fff0db;color:#d98618}.leave-recent-icon.wfh,.leave-type-icon.wfh{background:#e3ecff;color:var(--leave-primary)}.leave-recent-item>div{min-width:0}.leave-recent-item small,.leave-recent-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leave-recent-item strong{font-size:13px}.leave-recent-item small{color:#7b899c;font-size:11px;margin-top:3px}.leave-empty-text{color:var(--leave-muted);font-size:13px;line-height:1.55;margin:7px 0}.leave-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#11233a94;display:grid;inset:0;overflow-y:auto;padding:24px;place-items:center;position:fixed;z-index:1200}.leave-apply-modal{background:#fff;border-radius:22px;box-shadow:0 28px 80px #0c1d324d;box-sizing:border-box;max-height:calc(100vh - 48px);overflow-y:auto;padding:25px;width:min(590px,100%)}.leave-modal-head{align-items:flex-start;display:flex;gap:15px;justify-content:space-between;margin-bottom:22px}.leave-modal-head h2{font-size:23px}.leave-modal-head>button{background:#eef3f9;border:0;border-radius:10px;color:#5f6f83;cursor:pointer;display:grid;height:36px;place-items:center;width:36px}.leave-form-grid{grid-gap:13px;display:grid;gap:13px;grid-template-columns:repeat(2,minmax(0,1fr))}.leave-date-fields{background:#f5f8fd;border:1px solid #d7e4f5;border-radius:14px;margin-bottom:15px;padding:14px}.leave-field{display:block;margin-bottom:15px}.leave-field,.leave-form-grid label{min-width:0}.leave-field>span,.leave-form-grid label>span{color:#586a81;display:block;font-size:12px;font-weight:800;margin-bottom:7px}.leave-apply-modal input:not([type=checkbox]),.leave-apply-modal select,.leave-apply-modal textarea{background:#fff;border:1px solid #cfdae8;border-radius:10px;box-sizing:border-box;color:var(--leave-ink);font:inherit;font-size:14px;outline:none;padding:11px 12px;width:100%}.leave-apply-modal input:focus,.leave-apply-modal select:focus,.leave-apply-modal textarea:focus{border-color:var(--leave-primary);box-shadow:0 0 0 3px #4c7ee01f}.leave-apply-modal textarea{resize:vertical}.leave-days{align-items:center;background:#eaf7f0;border-radius:11px;color:#137149;display:flex;font-size:13px;gap:9px;margin:15px 0;padding:11px 13px}.leave-days small{color:#58816e;margin-left:auto}.leave-extra-fields{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:.95fr 1.2fr}.leave-checkbox{align-items:center;color:#586a81;display:flex;font-size:13px;gap:8px}.leave-checkbox input{accent-color:var(--leave-primary);height:17px;width:17px}.leave-wfh-declaration{align-items:center;background:#f7f9fc;border:1px solid #d9e3ef;border-radius:12px;color:#52657c;cursor:pointer;display:flex;gap:11px;margin-top:4px;padding:13px 14px;transition:border-color .18s ease,background .18s ease}.leave-wfh-declaration.confirmed{background:#eefaf4;border-color:#9fd8bb}.leave-wfh-declaration input{accent-color:#1ca466;cursor:pointer;flex:0 0 18px;height:18px;margin:1px 0 0;width:18px}.leave-wfh-declaration span{display:block}.leave-wfh-declaration strong{color:#31465e;font-size:12px;line-height:1.4}.leave-wfh-declaration small{color:#7d8b9c;font-size:10px;line-height:1.45}.leave-field small{color:#94a0af;font-weight:600}.leave-form-error{background:#fff0f1;border-radius:10px;color:#c4313b;font-size:13px;margin-top:4px;padding:10px 12px}.leave-modal-actions{border-top:1px solid #e8edf4;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:18px}.leave-primary,.leave-secondary{align-items:center;border:0;border-radius:11px;cursor:pointer;display:inline-flex;font:inherit;font-weight:800;gap:8px;justify-content:center;min-height:42px;padding:0 20px}.leave-primary{background:var(--leave-primary);box-shadow:0 8px 18px #4c7ee038;color:#fff}.leave-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.leave-secondary{background:#edf2f7;color:#5d6d81}.leave-success-modal{background:#fff;border-radius:24px;box-shadow:0 28px 80px #0c1d324d;box-sizing:border-box;padding:34px;text-align:center;width:min(430px,100%)}.leave-success-icon{background:#dcf7e8;border-radius:50%;color:#20aa68;display:grid;font-size:32px;height:68px;margin:0 auto 18px;place-items:center;width:68px}.leave-success-modal h2{margin-bottom:10px}.leave-success-modal p{color:#6a798d;line-height:1.65;margin:0 0 24px}.leave-details-modal{background:#fff;border-radius:22px;box-shadow:0 28px 80px #0c1d324d;box-sizing:border-box;padding:25px;width:min(500px,100%)}.leave-detail-date-range{grid-gap:15px;align-items:center;background:#f4f7fc;border-radius:14px;color:#708096;display:grid;gap:15px;grid-template-columns:1fr auto 1fr;margin-bottom:18px;padding:15px}.leave-detail-date-range>div{grid-gap:4px;display:grid;gap:4px}.leave-detail-date-range>div:last-child{text-align:right}.leave-detail-date-range small,.leave-detail-grid small,.leave-detail-reason>small{color:#8390a2;font-size:11px;font-weight:750;letter-spacing:.05em;text-transform:uppercase}.leave-detail-date-range strong,.leave-detail-grid strong{color:var(--leave-ink)}.leave-detail-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.leave-detail-grid>div{grid-gap:6px;align-content:start;border:1px solid #e1e8f1;border-radius:11px;display:grid;gap:6px;min-height:58px;padding:12px}.leave-detail-reason{border:1px solid #e1e8f1;border-radius:11px;margin-bottom:20px;padding:14px}.leave-detail-reason p{color:#54657a;line-height:1.55;margin:7px 0 0}.leave-details-modal>.leave-primary{width:100%}.leave-history-card{border-color:#cadaf0;box-shadow:0 14px 32px #27487417;overflow:hidden;padding:0 20px 18px}.leave-history-head{align-items:center;background:linear-gradient(135deg,#f8fbff,#edf4ff);border-bottom:1px solid #d8e5f5;display:flex;gap:15px;justify-content:space-between;margin:0 -20px 14px;padding:15px 20px}.leave-history-head>div{align-items:baseline;display:flex;gap:14px;text-align:left}.leave-history-head .leave-eyebrow,.leave-history-head h2{margin-left:0;padding-left:0;text-align:left}.leave-history-head .leave-eyebrow{margin-bottom:0;white-space:nowrap}.leave-history-head h2{font-size:20px}.leave-history-head>span{background:#fff;border:1px solid #cfe0f7;border-radius:999px;box-shadow:0 4px 10px #375f9a12;color:#3567bc;font-size:10px;font-weight:800;padding:6px 10px}.leave-development-notice{align-items:center;background:#eff5ff;border:1px solid #c9daf2;border-radius:10px;color:#315fad;display:flex;font-size:11px;font-weight:750;gap:8px;margin-bottom:12px;padding:10px 12px}.leave-development-notice svg{flex:0 0 auto;font-size:14px}.leave-history-filters{grid-gap:10px;align-items:end;background:#f8fafd;border:1px solid #d7e3f2;border-radius:12px;box-shadow:inset 0 1px 0 #fff;display:grid;gap:10px;grid-template-columns:minmax(230px,1fr) 160px 160px auto;margin-bottom:13px;padding:10px 12px}.leave-history-filters label>span{color:#6c7c90;display:block;font-size:10px;font-weight:800;margin-bottom:4px}.leave-history-filters input{background:#fff;border:1px solid #cfdae8;border-radius:8px;box-sizing:border-box;color:var(--leave-ink);font:inherit;font-size:12px;height:36px;outline:none;padding:0 10px;width:100%}.leave-history-filters input:focus{border-color:var(--leave-primary);box-shadow:0 0 0 3px #4c7ee01a}.leave-search-filter>div{position:relative}.leave-search-filter svg{color:#91a0b3;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.leave-search-filter input{padding-left:35px}.leave-clear-filters{align-items:center;background:#e9eef6;border:0;border-radius:8px;color:#5f6f83;cursor:pointer;display:inline-flex;font:inherit;font-size:11px;font-weight:800;gap:6px;height:36px;justify-content:center;padding:0 12px}.leave-table-wrap{border:1px solid #d7e2f0;border-radius:13px;box-shadow:0 8px 20px #2e4b6f0f;overflow-x:hidden}.leave-history-table{background:#fff;border-collapse:collapse;min-width:0;table-layout:fixed;width:100%}.leave-history-table thead{background:#eaf1fb}.leave-history-table th{border-bottom:1px solid #d7e3f3;box-sizing:border-box;color:#35516f;font-size:10px;font-weight:850;letter-spacing:.08em;padding:12px 9px;text-align:left;text-transform:uppercase}.leave-history-table td{border-bottom:1px solid #e3eaf3;box-sizing:border-box;color:#52657d;font-size:12px;padding:11px 9px;transition:background .18s ease,box-shadow .18s ease}.leave-history-table th:first-child{width:22%}.leave-history-table th:nth-child(2),.leave-history-table th:nth-child(3){width:14%}.leave-history-table th:nth-child(4){width:7%}.leave-history-table th:nth-child(5){width:12%}.leave-history-table th:nth-child(6){width:14%}.leave-history-table th:nth-child(7){width:12%}.leave-history-table th:nth-child(8){width:5%}.leave-history-table tbody tr:last-child td{border-bottom:0}.leave-history-table tbody tr:nth-child(2n){background:#fafcff}.leave-history-table tbody tr:hover td{background:#eef5ff}.leave-history-table tbody tr:hover td:first-child{box-shadow:inset 4px 0 0 #4c7ee0}.leave-type-cell{align-items:center;color:var(--leave-ink);display:flex;gap:10px}.leave-type-icon{border:1px solid #4c7ee01a;box-shadow:0 4px 10px #2c4b7612;flex:0 0 34px;height:34px;width:34px}.leave-type-cell small{color:#8491a3;display:block;margin-top:3px}.leave-reason{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leave-status-stack{grid-gap:5px;display:grid;gap:5px;justify-items:start}.leave-status-stack small{color:#c43642;max-width:170px}.leave-status{border-radius:999px;display:inline-flex;font-size:11px;font-weight:850;padding:6px 10px;white-space:nowrap}.leave-status.approved{background:#def5e9;color:#158354}.leave-status.pending{background:#fff1d6;color:#a56a09}.leave-status.rejected{background:#ffe4e7;color:#c43642}.leave-respond-cell{width:auto}.leave-chat-button{background:#eff5ff;border:1px solid #bdd1f2;border-radius:9px;color:#3567bc;cursor:pointer;display:inline-grid;font:inherit;font-size:10.5px;font-weight:800;height:32px;min-width:32px;padding:0;place-items:center;white-space:nowrap;width:32px}.leave-chat-button:hover{background:#e2edff;border-color:#7fa6e9;color:#2858aa}.leave-chat-button svg{font-size:12px}.leave-delete{background:#fff0f1;border:0;border-radius:9px;color:#da3e48;cursor:pointer;display:grid;height:34px;place-items:center;width:34px}.leave-history-actions-cell{padding-left:4px!important;padding-right:6px!important;text-align:center!important;width:auto}.leave-history-actions{display:inline-flex;position:relative}.leave-history-menu-trigger{background:#f8fafc;border:1px solid #dce5f0;border-radius:10px;color:#64748b;cursor:pointer;display:grid;height:32px;padding:0;place-items:center;width:32px}.leave-history-menu-trigger:hover,.leave-history-menu-trigger[aria-expanded=true]{background:#eef4ff;border-color:#afc7ee;color:#4c7ee0}.leave-history-action-menu{background:#fff;border:1px solid #dce5f0;border-radius:11px;box-shadow:0 13px 30px #1e344f2e;padding:6px;position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);width:145px;z-index:30}.leave-history-action-menu button{align-items:center;background:#0000;border:0;border-radius:7px;color:#45566d;cursor:pointer;display:flex;font:inherit;font-size:11.5px;font-weight:750;gap:8px;padding:9px 10px;text-align:left;width:100%}.leave-history-action-menu button:hover{background:#eff5ff;color:#294c86}.leave-history-action-menu button.danger{color:#d63e49}.leave-history-action-menu button.danger:hover{background:#fff0f1}.leave-no-history{color:#7e8c9e!important;padding:45px!important;text-align:center}@media (max-width:980px){.leave-application-layout{grid-template-columns:1fr}.leave-history-filters{grid-template-columns:1fr 1fr}}@media (max-width:640px){.employee-leave-page{padding:0 0 28px}.employee-leave-header{align-items:flex-start}.employee-leave-icon{border-radius:14px;flex-basis:48px;height:48px;width:48px}.employee-leave-header p{display:none}.employee-leave-tabs{box-sizing:border-box;display:flex;width:100%}.employee-leave-tabs button{flex:1 1;min-width:0;padding-inline:8px}.leave-calendar-card,.leave-history-card,.leave-side-card{border-radius:16px}.leave-calendar-head{align-items:flex-start;flex-direction:column}.leave-month-actions{align-self:stretch}.leave-month-actions .leave-today-btn{flex:1 1}.leave-weekdays{font-size:10px}.leave-calendar-grid{gap:4px}.leave-day,.leave-day-empty{min-height:46px}.leave-day>i{bottom:5px;right:5px}.leave-legend-row{flex-wrap:wrap;gap:8px 14px}.leave-modal-overlay{padding:12px}.leave-apply-modal{border-radius:18px;max-height:calc(100vh - 24px);padding:19px}.leave-extra-fields,.leave-form-grid{grid-template-columns:1fr}.leave-days{align-items:flex-start;flex-wrap:wrap}.leave-days small{margin-left:25px;width:100%}.leave-modal-actions button{flex:1 1;padding-inline:10px}.leave-history-filters{grid-template-columns:1fr}.leave-history-head>div{align-items:flex-start;flex-direction:column;gap:3px}}.leave-container{background:#f4f7fb;font-family:Segoe UI,sans-serif;min-height:100vh;padding:25px}.leave-container h2{color:#1e293b;margin-bottom:20px;text-align:center}.calendar-header{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:10px}.calendar-header button{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px}.calendar-header button:hover{background:#1d4ed8}.calendar-days{font-weight:600;margin-bottom:6px;text-align:center}.calendar-days,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-grid{grid-gap:6px;gap:6px;margin-bottom:20px}.calendar-cell{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;padding:12px;text-align:center;transition:.2s}.calendar-cell:hover{background:#dbeafe}.empty{background:#0000}.modal{align-items:center;background:#0006;display:flex;height:100%;inset:0;justify-content:center;position:fixed;width:100%}.modal-box{background:#fff;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:20px;width:320px}.modal-box h3{margin-bottom:5px;text-align:center}.modal-box input,.modal-box select,.modal-box textarea{border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:8px}.modal-box textarea{height:70px;resize:none}.modal-actions{display:flex;justify-content:space-between;margin-top:10px}.modal-actions button{border:none;border-radius:6px;cursor:pointer;padding:8px 12px}.modal-actions button:first-child{background:#80ff80;color:#fff}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-glow:#2563eb24;--purple:#7c3aed;--purple-dark:#6d28d9;--success:#16a34a;--success-bg:#f0fdf4;--success-border:#bbf7d0;--error:#dc2626;--error-bg:#fef2f2;--error-border:#fecaca;--warn-bg:#fefce8;--warn-border:#fde68a;--warn-text:#b45309;--text-dark:#0f172a;--text-mid:#475569;--text-soft:#94a3b8;--border:#e2e8f0;--bg-page:#f1f5f9;--bg-card:#fff;--radius:14px;--radius-sm:8px;--shadow:0 1px 3px #0f172a0f,0 8px 24px #0f172a14;--shadow-focus:0 0 0 3px var(--primary-glow);--transition:0.2s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.ts-page{background:#0000;color:#0f172a;color:var(--text-dark);font-family:DM Sans,sans-serif;margin:0 auto;max-width:1440px;min-height:0;padding:0;position:relative;width:100%}.ts-loader{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffc;display:flex;flex-direction:column;gap:14px;inset:0;justify-content:center;position:fixed;z-index:9999}.ts-loader__spinner{animation:ts-spin .75s linear infinite;border:4px solid #e2e8f0;border-top-color:#2563eb;border:4px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:44px;width:44px}.ts-loader p{color:#2563eb;color:var(--primary);font-size:14px;font-weight:600}.ts-header{margin-bottom:28px}.ts-header h2{color:#0f172a;color:var(--text-dark);font-family:Sora,sans-serif;font-size:24px;font-weight:800;letter-spacing:-.4px;margin-bottom:4px}.ts-header p{color:#475569;color:var(--text-mid);font-size:14px}.ts-banner{align-items:center;animation:ts-fadeIn .3s ease;border-radius:8px;border-radius:var(--radius-sm);display:flex;font-size:14px;font-weight:500;gap:10px;margin-bottom:20px;padding:12px 16px}.ts-banner--success{background:#f0fdf4;background:var(--success-bg);border:1px solid #bbf7d0;border:1px solid var(--success-border);color:#16a34a;color:var(--success)}.ts-banner--error{background:#fef2f2;background:var(--error-bg);border:1px solid #fecaca;border:1px solid var(--error-border);color:#dc2626;color:var(--error)}.ts-tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);display:flex;gap:8px;margin-bottom:20px;padding-bottom:0}.ts-tabs button{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#475569;color:var(--text-mid);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;gap:7px;margin-bottom:-2px;padding:10px 20px;transition:color .2s ease,border-color .2s ease;transition:color var(--transition),border-color var(--transition)}.ts-tabs button.active,.ts-tabs button:hover{color:#2563eb;color:var(--primary)}.ts-tabs button.active{border-bottom-color:#2563eb;border-bottom-color:var(--primary)}.ts-subtabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.ts-subtabs button{align-items:center;background:#fff;background:var(--bg-card);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:20px;color:#475569;color:var(--text-mid);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:8px 18px;transition:all .2s ease;transition:all var(--transition)}.ts-subtabs button:hover{background:#2563eb24;background:var(--primary-glow);border-color:#2563eb;border-color:var(--primary);color:#2563eb;color:var(--primary)}.ts-subtabs button.active{background:#2563eb;background:var(--primary);border-color:#2563eb;border-color:var(--primary);box-shadow:0 3px 10px #2563eb24;box-shadow:0 3px 10px var(--primary-glow);color:#fff}.ts-card,.ts-form{animation:ts-fadeUp .3s ease both;background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);box-shadow:0 1px 3px #0f172a0f,0 8px 24px #0f172a14;box-shadow:var(--shadow);padding:28px}.ts-section{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);margin-bottom:24px;padding:20px}.ts-section h3{color:#0f172a;color:var(--text-dark);font-family:Sora,sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.ts-grid{grid-gap:16px;display:grid;gap:16px}.ts-grid--2{grid-template-columns:repeat(2,1fr)}.ts-grid--3{grid-template-columns:repeat(3,1fr)}.ts-field{display:flex;flex-direction:column;gap:6px}.ts-field--full{grid-column:1/-1}.ts-field label{color:#475569;color:var(--text-mid);font-size:12.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.req{color:#dc2626;color:var(--error);margin-left:2px}.ts-field input,.ts-field select,.ts-field textarea{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#0f172a;color:var(--text-dark);font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;outline:none;padding:10px 13px;transition:border-color .2s ease,box-shadow .2s ease;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.ts-field input:hover:not(:disabled),.ts-field select:hover,.ts-field textarea:hover{border-color:#93c5fd}.ts-field input:focus,.ts-field select:focus,.ts-field textarea:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb24;box-shadow:var(--shadow-focus)}.ts-field input:disabled{background:#f1f5f9;color:#475569;color:var(--text-mid);cursor:not-allowed;font-weight:600}.ts-field textarea{min-height:90px;resize:vertical}.ts-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.ts-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:Sora,sans-serif;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:12px 28px;transition:all .2s ease;transition:all var(--transition)}.ts-btn--primary{background:#2563eb;background:var(--primary);box-shadow:0 3px 12px #2563eb24;box-shadow:0 3px 12px var(--primary-glow);color:#fff}.ts-btn--primary:hover:not(:disabled){background:#1d4ed8;background:var(--primary-dark);box-shadow:0 6px 18px #2563eb24;box-shadow:0 6px 18px var(--primary-glow);transform:translateY(-1px)}.ts-btn--primary:disabled{cursor:not-allowed;opacity:.6}.ts-btn--ghost{background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--border);color:#475569;color:var(--text-mid)}.ts-btn--ghost:hover{border-color:#2563eb;border-color:var(--primary);color:#2563eb;color:var(--primary)}.ts-btn--purple{background:#7c3aed;background:var(--purple);box-shadow:0 3px 12px #7c3aed33;color:#fff}.ts-btn--purple:hover{background:#6d28d9;background:var(--purple-dark);transform:translateY(-1px)}.ts-spinner{animation:ts-spin .7s linear infinite;border:2.5px solid #ffffff4d;border-radius:50%;border-top-color:#fff;flex-shrink:0;height:16px;width:16px}.ts-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.ts-filter-label{color:#475569;color:var(--text-mid);font-size:13px;font-weight:700}.ts-filter-row input[type=date],.ts-filter-row select{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#0f172a;color:var(--text-dark);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;outline:none;padding:9px 12px;transition:border-color .2s ease,box-shadow .2s ease;transition:border-color var(--transition),box-shadow var(--transition)}.ts-filter-row input[type=date]:focus,.ts-filter-row select:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb24;box-shadow:var(--shadow-focus)}.ts-table-wrap{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);overflow-x:auto}.ts-table{background:#fff;background:var(--bg-card);border-collapse:collapse;font-size:14px;width:100%}.ts-table thead tr{background:linear-gradient(135deg,#35809f,#4c7ee0)}.ts-table th{color:#fff;font-size:13px;font-weight:700;letter-spacing:.3px;white-space:nowrap}.ts-table td,.ts-table th{padding:12px 14px;text-align:center}.ts-table td{border-bottom:1px solid #f1f5f9;color:#475569;color:var(--text-mid);font-weight:500}.ts-table tbody tr:last-child td{border-bottom:none}.ts-table tbody tr:hover{background:#f8fafc}.ts-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;padding:4px 12px;white-space:nowrap}.ts-badge--pending{background:#fef3c7;color:#d97706}.ts-badge--approved{background:#dcfce7;color:#16a34a;color:var(--success)}.ts-badge--rejected{background:#fee2e2;color:#dc2626;color:var(--error)}.ts-badge--tl-approved{background:#e0f2fe;color:#0369a1}.ts-badge--draft{background:#f1f5f9;color:#64748b}.ts-badge--unsaved{background:#fee2e2;color:#b91c1c}.ts-week-nav{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.ts-week-range{color:#1e293b;font-size:15px;font-weight:700}.ts-week-lock-banner{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;color:#9a3412;font-size:13px;margin-bottom:14px;padding:12px 16px}.ts-week-lock-banner p{margin:0 0 8px}.ts-week-lock-banner--approved{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.ts-week-lock-banner--approved p{margin:0}.ts-week-lock-request{display:flex;flex-wrap:wrap;gap:10px}.ts-week-lock-request input{border:1px solid #fdba74;border-radius:8px;flex:1 1;font-size:13px;min-width:220px;padding:8px 10px}.ts-week-grid{display:flex;flex-direction:column;gap:10px}.ts-week-row{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-wrap:wrap;gap:16px;padding:12px 14px}.ts-week-row--locked{background:#f8fafc;opacity:.75}.ts-week-daygroup{background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-wrap:wrap;gap:16px;padding:14px}.ts-week-day-entries{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:280px}.ts-week-entry-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) minmax(92px,auto) 38px;min-width:0}.ts-week-arrow{background:#eaf1fb;border:1px solid #bfd2f1;border-radius:12px;box-shadow:0 4px 10px #4c7ee01a;color:#3567bc;cursor:pointer;display:inline-grid;font:inherit;font-size:30px;font-weight:800;height:48px;line-height:1;padding:0;place-items:center;transition:.18s ease;width:48px}.ts-week-arrow svg{height:21px;width:21px}.ts-week-arrow:hover{background:#4c7ee0;border-color:#4c7ee0;color:#fff;transform:translateY(-1px)}.ts-week-entry-row .ts-week-row__fields{min-width:0;width:100%}.ts-week-entry-status{display:flex;justify-content:flex-end;min-width:92px}.ts-week-entry-actions{display:grid;min-height:38px;place-items:center;position:relative;width:38px}.ts-week-menu-trigger{background:#f8fafc;border:1px solid #dce5f1;border-radius:10px;color:#64748b;cursor:pointer;display:grid;height:36px;padding:0;place-items:center;width:36px}.ts-week-menu-trigger:hover,.ts-week-menu-trigger[aria-expanded=true]{background:#edf4ff;border-color:#9bbcf6;color:#2563eb;color:var(--primary)}.ts-week-action-menu{background:#fff;border:1px solid #dce5f1;border-radius:10px;box-shadow:0 12px 28px #0f234129;padding:6px;position:absolute;right:0;top:calc(100% + 6px);width:126px;z-index:30}.ts-week-action-menu button{align-items:center;background:#0000;border:0;border-radius:7px;color:#dc2626;cursor:pointer;display:flex;font:inherit;font-size:12.5px;font-weight:700;gap:8px;padding:9px 10px;text-align:left;width:100%}.ts-week-action-menu button:hover{background:#fef2f2}.ts-week-add-btn{align-self:flex-start;background:#fff;border:1.5px dashed #93c5fd;border-radius:8px;color:#2563eb;color:var(--primary);cursor:pointer;font-size:12.5px;font-weight:600;padding:6px 14px;transition:all .2s ease;transition:all var(--transition)}.ts-week-add-btn:hover{background:#eff6ff}.ts-new-entry-heading{align-items:flex-start;border-bottom:1px solid #e5eaf1;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px;padding-bottom:15px}.ts-new-entry-heading h3{margin:0}.ts-new-entry-heading p{color:#7a899b;font-size:12px;margin:5px 0 0}.ts-new-entry-heading>span{background:#e7f0ff;border-radius:999px;color:#356dd1;font-size:10px;font-weight:800;padding:6px 10px;white-space:nowrap}.ts-new-entry-date{margin-bottom:18px;width:min(330px,100%)}.ts-new-project-list{grid-gap:11px;display:grid;gap:11px}.ts-new-project-row{align-items:flex-end;background:#f9fbfd;border:1px solid #dfe7f1;border-radius:13px;display:flex;gap:11px;padding:14px}.ts-new-project-number{background:#e7f0ff;border-radius:9px;color:#477bdd;display:grid;flex:0 0 34px;font-size:11px;font-weight:800;height:38px;place-items:center;width:34px}.ts-new-project-fields{grid-gap:10px;display:grid;flex:1 1;gap:10px;grid-template-columns:1.15fr 1fr 120px 90px 1.25fr;min-width:0}.ts-new-project-fields .ts-field{min-width:0}.ts-new-project-fields input,.ts-new-project-fields select{font-size:12px;min-height:38px;padding:8px 10px}.ts-new-project-remove{background:#fff5f5;border:1px solid #f2caca;border-radius:9px;color:#c64545;cursor:pointer;display:grid;flex:0 0 34px;font-size:19px;height:38px;place-items:center;width:34px}.ts-new-project-remove:hover{background:#dc4c4c;color:#fff}.ts-new-project-add{background:#f6f9ff;border:1.5px dashed #9db9e7;border-radius:9px;color:#356dd1;cursor:pointer;font:inherit;font-size:11px;font-weight:800;margin-top:12px;padding:9px 14px}.ts-new-project-add:hover{background:#eaf2ff;border-color:#4c7ee0}@media (max-width:1050px){.ts-new-project-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.ts-new-project-row{align-items:flex-start}}@media (max-width:620px){.ts-new-entry-heading{align-items:flex-start;flex-direction:column}.ts-new-project-row{align-items:stretch;flex-wrap:wrap}.ts-new-project-fields{flex-basis:100%;grid-template-columns:1fr;order:3}.ts-new-project-remove{margin-left:auto}}.ts-week-row__day{display:flex;flex-direction:column;min-width:90px}.ts-week-row__day strong{color:#1e293b;font-size:13.5px}.ts-week-row__day span{color:#64748b;font-size:12px}.ts-week-row__fields{grid-gap:10px;display:grid;gap:10px;grid-template-columns:minmax(135px,1.15fr) minmax(125px,1fr) minmax(108px,.8fr) minmax(72px,.55fr) minmax(150px,1.2fr);min-width:0}.ts-week-row__fields input,.ts-week-row__fields select{border:1px solid #cbd5e1;border-radius:8px;font-size:13px;min-width:0;padding:8px 10px;width:100%}.ts-week-row__fields input:disabled,.ts-week-row__fields select:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.ts-week-hint{color:#64748b;font-size:12.5px;margin-top:14px}.ts-edit-btn{background:#eff6ff;border:none;border-radius:6px;color:#2563eb;color:var(--primary);cursor:pointer;font-size:12.5px;font-weight:700;padding:5px 13px;transition:all .2s ease;transition:all var(--transition)}.ts-edit-btn:hover{background:#2563eb;background:var(--primary);color:#fff}.ts-delete-btn{background:#fef2f2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;font-size:12.5px;font-weight:700;padding:5px 13px;transition:all .2s ease;transition:all var(--transition)}.ts-delete-btn:hover{background:#dc2626;color:#fff}.ts-history-actions-cell{width:86px}.ts-history-actions{display:inline-flex;justify-content:center;position:relative}.ts-history-menu-trigger{background:#f8fafc;border:1px solid #dce5f1;border-radius:10px;color:#597087;cursor:pointer;display:grid;height:36px;place-items:center;transition:color .2s ease,border-color .2s ease,background .2s ease;transition:color var(--transition),border-color var(--transition),background var(--transition);width:36px}.ts-history-menu-trigger:hover,.ts-history-menu-trigger[aria-expanded=true]{background:#edf4ff;border-color:#9bbcf6;color:#2563eb;color:var(--primary)}.ts-history-menu{background:#fff;border:1px solid #dce5f1;border-radius:11px;box-shadow:0 12px 30px #0f234129;padding:6px;position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);width:128px;z-index:20}.ts-history-menu button{align-items:center;background:#0000;border:0;border-radius:7px;color:#334155;cursor:pointer;display:flex;font:inherit;font-size:12.5px;font-weight:700;gap:8px;padding:9px 10px;text-align:left;width:100%}.ts-history-menu button:hover{background:#eff6ff;color:#2563eb;color:var(--primary)}.ts-history-menu button.danger{color:#dc2626}.ts-history-menu button.danger:hover{background:#fef2f2}.ts-no-actions{color:#a7b2c0}.ts-entry-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#172a447a;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:10020}.ts-entry-modal{background:#fff;border:1px solid #dce6f3;border-radius:18px;box-shadow:0 24px 70px #14274340;overflow:hidden;width:min(520px,100%)}.ts-entry-modal-heading{align-items:center;background:#f3f7fe;border-bottom:1px solid #d7e3f3;display:flex;justify-content:space-between;padding:17px 20px}.ts-entry-modal-heading span{color:#66809d;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.ts-entry-modal-heading h3{color:#243b57;font-size:18px;margin:4px 0 0}.ts-entry-modal-heading button{background:#fff;border:0;border-radius:9px;color:#61758d;cursor:pointer;display:grid;font-size:21px;height:32px;padding:0;place-items:center;width:32px}.ts-entry-details{grid-gap:11px;display:grid;gap:11px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:20px}.ts-entry-details>div{background:#fafcff;border:1px solid #e1e8f1;border-radius:10px;padding:11px 12px}.ts-entry-details-full{grid-column:1/-1}.ts-entry-details dt{color:#7a8a9e;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.ts-entry-details dd{color:#2d425c;font-size:12px;font-weight:700;margin:5px 0 0;overflow-wrap:anywhere}.ts-entry-modal-close{align-items:center;background:#4c7ee0;border:0;border-radius:9px;color:#fff;cursor:pointer;display:flex;font:inherit;font-size:11px;font-weight:800;justify-content:center;margin:0 20px 20px auto;min-height:38px;padding:0 20px}.ts-category-badge{align-items:center;background:#dcf7ea;border-radius:999px;color:#116149;display:inline-flex;font-size:11.5px;font-weight:800;padding:5px 10px;white-space:nowrap}.ts-category-badge--nonbillable{background:#fff1c9;color:#71520a}.ts-empty{background:#fafbfc;border:1px dashed #e2e8f0;border:1px dashed var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#94a3b8;color:var(--text-soft);font-size:14px;font-weight:600;margin-top:8px;padding:48px 20px;text-align:center}.ts-stat-cards{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.ts-stat{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 2px 8px #0f172a0d;display:flex;flex:1 1;gap:16px;min-width:180px;padding:18px 24px;transition:transform .2s ease;transition:transform var(--transition)}.ts-stat:hover{transform:translateY(-2px)}.ts-stat__icon{color:#2563eb;color:var(--primary);flex-shrink:0;font-size:26px}.ts-stat__label{color:#94a3b8;color:var(--text-soft);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.ts-stat__value{color:#0f172a;color:var(--text-dark);font-family:Sora,sans-serif;font-size:26px;font-weight:800;line-height:1}.ts-report-workspace{grid-gap:22px;display:grid;gap:22px}.ts-report-heading{align-items:center;border-bottom:1px solid #e5eaf1;display:flex;gap:13px;padding-bottom:17px}.ts-report-heading__icon{background:linear-gradient(135deg,#35809f,#4c7ee0);border-radius:13px;color:#fff;display:grid;flex:0 0 46px;font-size:19px;height:46px;place-items:center;width:46px}.ts-report-heading h3{color:#0f172a;color:var(--text-dark);font-size:19px;margin:0}.ts-report-heading p{color:#94a3b8;color:var(--text-soft);font-size:12.5px;margin:4px 0 0}.ts-report-tabs{background:#f3f6fa;border:1px solid #dfe7f1;border-radius:12px;display:inline-flex;gap:6px;padding:5px;width:-webkit-fit-content;width:fit-content}.ts-report-tabs button{align-items:center;background:#0000;border:0;border-radius:9px;color:#64748b;cursor:pointer;display:inline-flex;font:inherit;font-size:13px;font-weight:800;gap:8px;padding:10px 20px}.ts-report-tabs button.active{background:linear-gradient(135deg,#35809f,#4c7ee0);box-shadow:0 5px 14px #4c7ee038;color:#fff}.ts-report-panel{grid-gap:20px;display:grid;gap:20px}.ts-report-filter-bar{align-items:flex-end;background:#0000;border:0;display:flex;gap:12px;justify-content:space-between;overflow:visible;padding:0}.ts-report-history-filters{display:grid;flex:1 1 42%;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;min-width:0}.ts-report-filter-bar .ts-report-toolbar{background:#0000;border:0;flex:1 1 58%;flex-wrap:nowrap;margin-left:auto;min-width:0;padding:0}.ts-report-filter-bar .ts-filter-row select{box-sizing:border-box;flex:1 1;min-width:0;width:auto}.ts-report-filter-bar .ts-report-history-filters,.ts-report-filter-bar .ts-report-toolbar{align-items:flex-end}.ts-report-filter-bar .ts-filter-row select,.ts-report-filter-bar .ts-report-toolbar input{height:42px;min-height:42px}.ts-report-filter-bar .ts-report-toolbar label{flex:1 1;min-width:0}.ts-report-filter-bar .ts-report-toolbar input{box-sizing:border-box;min-width:0;width:100%}.ts-report-filter-bar .ts-report-download{flex:0 0 auto;font-size:11px;min-height:42px;padding:8px 11px;white-space:nowrap}.ts-report-history-card{background:#fff;border:1px solid #e2e8f0;border-radius:17px;box-shadow:0 10px 28px #2c3e5012;overflow:hidden}.ts-report-table-heading{align-items:center;background:linear-gradient(90deg,#f3f7fe,#fff);border-bottom:1px solid #dce7f5;display:flex;justify-content:space-between;padding:14px 18px}.ts-report-table-heading>div{align-items:center;display:flex;gap:9px}.ts-report-table-heading h3{color:#253247;font-size:16px;margin:0}.ts-report-table-marker{background:#4c7ee0;border-radius:999px;height:24px;width:5px}.ts-report-table-count{background:#eaf1fb;border-radius:999px;color:#2563eb;display:inline-grid;font-size:11px;font-weight:850;height:29px;min-width:29px;padding:0 8px;place-items:center}.ts-report-history-table{border:0;border-radius:0}.ts-report-history-table .ts-table thead tr{background:#eaf1fb}.ts-report-history-table .ts-table th{border-bottom:1px solid #d7e3f3;color:#35516f;font-size:10px;font-weight:850;letter-spacing:.08em;padding:12px 15px;text-transform:uppercase}.ts-report-pagination{align-items:center;background:#fff;border-top:1px solid #e2e8f0;color:#64748b;display:flex;font-size:12px;font-weight:700;gap:14px;justify-content:space-between;padding:12px 18px}.ts-report-pagination>div{align-items:center;display:flex;gap:10px}.ts-report-pagination button{background:#f3f7fe;border:1px solid #cfe0f5;border-radius:8px;color:#3567bd;cursor:pointer;font:inherit;font-size:11px;font-weight:800;padding:7px 11px}.ts-report-pagination button:hover:not(:disabled){background:#e7f0fd}.ts-report-pagination button:disabled{cursor:not-allowed;opacity:.45}.ts-history-status-note{font-size:11px;font-style:italic;margin-top:4px}.ts-history-status-note.approved{color:#0369a1}.ts-history-status-note.rejected{color:#dc2626}.ts-report-toolbar{align-items:flex-end;background:#f8fafc;border:1px solid #dfe7f1;border-radius:13px;display:flex;gap:14px;padding:16px}.ts-report-toolbar label{grid-gap:6px;color:#475569;color:var(--text-mid);display:grid;font-size:12px;font-weight:800;gap:6px}.ts-report-toolbar input{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:9px;color:#0f172a;color:var(--text-dark);font:inherit;min-width:190px;outline:none;padding:10px 12px}.ts-report-toolbar input:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb24;box-shadow:var(--shadow-focus)}.ts-report-download{margin-left:auto}.ts-report-download:disabled{box-shadow:none;cursor:not-allowed;opacity:.48;transform:none}.ts-report-range-summary{align-items:center;color:#94a3b8;color:var(--text-soft);display:flex;font-size:13px;gap:8px}.ts-report-range-summary strong{color:#0f172a;color:var(--text-dark)}.ts-report-prompt{background:#fbfcfe;border:1px dashed #cbd8e8;border-radius:12px;color:#94a3b8;color:var(--text-soft);font-size:13px;font-weight:600;padding:34px 20px;text-align:center}@keyframes ts-fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ts-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ts-spin{to{transform:rotate(1turn)}}@media (max-width:900px){.ts-grid--3{grid-template-columns:repeat(2,1fr)}.ts-week-entry-row{align-items:start;grid-template-columns:minmax(0,1fr) 38px}.ts-week-entry-row .ts-week-row__fields{grid-column:1/-1}.ts-week-entry-status{justify-content:flex-start;min-width:0}.ts-week-row__fields{grid-template-columns:repeat(2,minmax(0,1fr))}.ts-report-toolbar{align-items:stretch;flex-wrap:wrap}.ts-report-download{margin-left:0}.ts-report-filter-bar{align-items:flex-end;flex-direction:row}.ts-report-filter-bar .ts-report-toolbar{margin-left:auto;min-width:0;width:auto}}@media (max-width:640px){.ts-page{padding:0}.ts-grid--2,.ts-grid--3{grid-template-columns:1fr}.ts-card,.ts-form{padding:20px 16px}.ts-report-pagination{align-items:flex-start;flex-direction:column}.ts-section{padding:16px}.ts-tabs button{font-size:13px;padding:8px 14px}.ts-stat{min-width:140px}.ts-form-actions{flex-direction:column}.ts-btn{justify-content:center;width:100%}.ts-report-toolbar{flex-direction:column}.ts-report-toolbar input,.ts-report-toolbar label{min-width:0;width:100%}.ts-report-filter-bar .ts-report-toolbar{flex-direction:row;min-width:0;width:auto}.ts-report-filter-bar .ts-report-toolbar label{min-width:0;width:auto}.ts-report-filter-bar .ts-report-toolbar input{min-width:0;width:100%}.ts-report-filter-bar .ts-report-download{width:auto}}.ts-report-workspace .ts-stat-cards{gap:12px;margin-bottom:0}.ts-report-workspace .ts-stat{gap:11px;min-height:62px;padding:11px 16px}.ts-report-workspace .ts-stat__icon{font-size:20px}.ts-report-workspace .ts-stat__label{font-size:10px;margin-bottom:2px}.ts-report-workspace .ts-stat__value{font-size:21px}.employee-resignation-page{color:#263b55;font-family:DM Sans,Segoe UI,sans-serif;margin:0 auto;max-width:1120px;width:100%}.resignation-intro{margin-bottom:16px}.resignation-card-heading span,.resignation-intro span{color:#4c7ee0;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.resignation-intro h1{color:#1f344f;font-size:25px;margin:4px 0 0}.resignation-intro p{color:#718198;font-size:12px;margin:5px 0 0}.resignation-content{grid-gap:16px;display:grid;gap:16px}.resignation-form-card,.resignation-status-card{background:#fff;border:1px solid #dce5f0;border-radius:17px;box-shadow:0 10px 28px #2c3e5012;padding:22px}.resignation-card-heading{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.resignation-card-heading h2{color:#1f344f;font-size:17px;margin:3px 0 0}.resignation-form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,minmax(0,1fr))}.resignation-form-grid label{grid-gap:7px;align-content:start;display:grid;gap:7px;min-width:0}.resignation-form-grid label.full-width{grid-column:1/-1}.resignation-form-grid label>span{color:#5c6d82;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.resignation-form-grid label>span b{color:#d6404b}.resignation-form-grid input,.resignation-form-grid select,.resignation-form-grid textarea{background:#f8fafc;border:1px solid #d5e0ed;border-radius:10px;box-sizing:border-box;color:#263b55;font:inherit;font-size:12px;min-height:40px;outline:0;padding:9px 11px;width:100%}.resignation-form-grid textarea{resize:vertical}.resignation-form-grid input:focus,.resignation-form-grid select:focus,.resignation-form-grid textarea:focus{border-color:#4c7ee0;box-shadow:0 0 0 3px #4c7ee01c}.resignation-form-grid label>small{color:#8290a2;font-size:9px}.resignation-character-count{justify-self:end}.resignation-date-field{position:relative}.resignation-date-field>svg{color:#7d91a8;left:12px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.resignation-date-field input{padding-left:34px}.resignation-date-field.calculated input{background:#eff5ff;color:#315fc0;cursor:default}.resignation-form-actions{border-top:1px solid #e7edf4;display:flex;justify-content:flex-end;margin-top:18px;padding-top:16px}.resignation-form-actions button{background:#4c7ee0;border:0;border-radius:10px;box-shadow:0 7px 15px #4c7ee03b;color:#fff;cursor:pointer;font:inherit;font-size:11px;font-weight:850;min-height:40px;padding:0 19px}.resignation-form-actions button:hover{background:#386ccc}.resignation-summary-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.resignation-summary-grid>div{background:#f6f9fd;border-radius:10px;min-width:0;padding:11px}.resignation-summary-grid small,.resignation-summary-grid strong{display:block}.resignation-reason small,.resignation-summary-grid small{color:#8492a5;font-size:9px;font-weight:800;text-transform:uppercase}.resignation-summary-grid strong{color:#30445e;font-size:11px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resignation-reason{background:#f6f9fd;border-left:4px solid #9bb9ec;border-radius:9px;margin-top:12px;padding:12px}.resignation-reason p{color:#526375;font-size:12px;margin:5px 0 0}.resignation-status{border-radius:999px;letter-spacing:0!important;padding:6px 10px}.resignation-status.pending{background:#fff3d7;color:#a6670b}.resignation-status.approved{background:#e6f7ee;color:#137b4c}.resignation-status.rejected{background:#fff0f1;color:#bd3f49}.resignation-admin-note{background:#fff3f4;border:1px solid #f2cdd0;border-radius:9px;color:#a72d38;font-size:11px;margin-top:12px;padding:10px 12px}.resignation-pending-note{color:#718198;font-size:11px;margin:12px 0 0}.resignation-message{background:#effaf4;border:1px solid #b9e4ce;border-radius:10px;color:#137b4c;font-size:12px;font-weight:750;margin-bottom:14px;padding:10px 13px}.resignation-message.error{background:#fff3f4;border-color:#f2cdd0;color:#bd3f49}.resignation-state{color:#8290a2;display:grid;font-size:12px;min-height:180px;place-items:center}.resignation-confirm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#182b4494;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:1400}.resignation-confirm-dialog{background:#fff;border-radius:20px;box-shadow:0 28px 75px #11274647;box-sizing:border-box;padding:28px;position:relative;text-align:center;width:min(430px,100%)}.resignation-confirm-close{background:#f0f4f8;border:0;border-radius:9px;color:#718198;cursor:pointer;display:grid;height:32px;place-items:center;position:absolute;right:14px;top:14px;width:32px}.resignation-confirm-icon{background:#fff1d7;border-radius:50%;color:#bd7514;display:grid;font-size:23px;height:58px;margin:0 auto 14px;place-items:center;width:58px}.resignation-confirm-dialog h2{color:#1f344f;font-size:20px;margin:0}.resignation-confirm-dialog>p{color:#66778c;font-size:12px;line-height:1.55;margin:9px auto 17px}.resignation-confirm-summary{grid-gap:9px;display:grid;gap:9px;grid-template-columns:1fr 1fr;text-align:left}.resignation-confirm-summary span{background:#f5f8fc;border-radius:9px;padding:10px}.resignation-confirm-summary small,.resignation-confirm-summary strong{display:block}.resignation-confirm-summary small{color:#8a98aa;font-size:8px;font-weight:800;text-transform:uppercase}.resignation-confirm-summary strong{color:#30445e;font-size:10px;margin-top:4px}.resignation-confirm-actions{display:flex;gap:10px;justify-content:center;margin-top:19px}.resignation-confirm-actions button{align-items:center;border:0;border-radius:10px;cursor:pointer;display:inline-flex;font:inherit;font-size:11px;font-weight:850;gap:7px;justify-content:center;min-height:40px;padding:0 17px}.resignation-confirm-actions .cancel{background:#edf2f7;color:#5d6d81}.resignation-confirm-actions .confirm{background:#dc454f;color:#fff}.resignation-confirm-actions button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:700px){.resignation-form-grid,.resignation-summary-grid{grid-template-columns:1fr}.resignation-form-grid label.full-width{grid-column:auto}.resignation-form-card,.resignation-status-card{padding:17px}}.allowance-page{color:#2c3e50;margin:0 auto;max-width:1240px;padding:0;width:100%}.allowance-tabs{background:#fff;border:1px solid #dce5f0;border-radius:14px;box-shadow:0 8px 20px #2c3e500f;gap:6px;justify-content:center;margin:0 auto 18px;padding:5px;width:-webkit-fit-content;width:fit-content}.allowance-tab-btn{background:#0000;border:0;border-radius:10px;color:#64748b;font-size:12px;font-weight:800;justify-content:center;min-width:155px;padding:10px 18px}.allowance-tab-btn:hover{background:#eff5ff;color:#315fc0}.allowance-tab-btn.active{background:#4c7ee0;border-color:#4c7ee0;box-shadow:0 7px 15px #4c7ee038}.allowance-tab-count{display:grid;height:18px;min-width:18px;padding:0 4px;place-items:center}.allowance-apply-shell{grid-gap:10px;display:grid;gap:10px}.allowance-choice-heading{text-align:center}.allowance-choice-heading>span{color:#1f344f;font-size:17px;font-weight:850}.allowance-choice-heading p{color:#7a899c;font-size:12px;margin:4px 0 0}.allowance-type-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.allowance-type-option{align-items:center;background:#fff;border:1px solid #dde6f1;border-radius:12px;box-shadow:0 7px 18px #2c3e500d;color:#526375;cursor:pointer;display:flex;font:inherit;gap:8px;min-height:54px;min-width:0;padding:7px 10px;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.allowance-type-option:hover{border-color:#b9ccea;box-shadow:0 10px 22px #2c3e5017;transform:translateY(-2px)}.allowance-type-option.selected{background:#f3f7ff;border-color:#4c7ee0;box-shadow:none}.allowance-type-option.under-development{background:#f8fafc;box-shadow:none;cursor:not-allowed;opacity:.68;transform:none}.allowance-type-option.under-development:hover{border-color:#dce5f0;box-shadow:none;transform:none}.allowance-type-option.under-development small{color:#b97812;font-weight:800}.allowance-type-option>span:last-child{min-width:0}.allowance-type-option small,.allowance-type-option strong{display:block}.allowance-type-option strong{color:#23364f;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.allowance-type-option small{color:#8795a7;font-size:9px;line-height:1.35;margin-top:4px}.allowance-type-icon{background:#e7f0ff;border-radius:10px;color:#356dd1;display:grid;flex:0 0 34px;font-size:17px;height:34px;place-items:center;width:34px}.allowance-type-icon.internet,.allowance-type-option.internet .allowance-type-icon{background:#e2f7ec;color:#16865a}.allowance-type-icon.overtime,.allowance-type-option.overtime .allowance-type-icon{background:#fff1d7;color:#b97812}.allowance-type-icon.loan,.allowance-type-option.loan .allowance-type-icon{background:#f2e7fa;color:#9a55c7}.loan-eligibility-card{grid-gap:6px;background:#f7f9fc;border:1px solid #dce5f0;border-radius:13px;display:grid;gap:6px;margin-bottom:15px;padding:15px 17px}.loan-eligibility-card strong{color:#344a64;font-size:13px}.loan-eligibility-card span{color:#61738a;font-size:11px;line-height:1.55}.loan-eligibility-heading{align-items:center;display:flex;gap:12px;justify-content:space-between}.loan-eligibility-heading em{background:#ffffffb8;border-radius:999px;color:#52667e;font-size:10px;font-style:normal;font-weight:800;padding:5px 9px;white-space:nowrap}.loan-eligibility-card ul{grid-gap:5px;color:#61738a;display:grid;font-size:11px;gap:5px;line-height:1.5;margin:3px 0 0;padding-left:18px}.loan-eligibility-card li::marker{color:#4c7ee0}.loan-eligibility-card li b{color:#344a64}.loan-eligibility-card .loan-eligibility-reason{border-top:1px solid #bd3f4929;color:#bd3f49;font-weight:750;padding-top:7px}.loan-eligibility-card.eligible{background:#effaf4;border-color:#b9e4ce}.loan-eligibility-card.eligible .loan-eligibility-heading em,.loan-eligibility-card.eligible strong{color:#137b4c}.loan-eligibility-card.ineligible{background:#fff3f4;border-color:#f2cdd0}.loan-eligibility-card.ineligible .loan-eligibility-heading em,.loan-eligibility-card.ineligible strong{color:#bd3f49}.loan-eligibility-card.loading{background:#f3f7fd;border-color:#d6e2f4}.allowance-card{border-color:#dde6f1;border-radius:18px;box-shadow:0 12px 28px #2c3e5012}.allowance-form-card{padding:15px 18px}.allowance-form-title{grid-gap:9px;align-items:center;display:grid;gap:9px;grid-template-columns:34px minmax(0,1fr);margin-bottom:11px;min-height:34px}.allowance-form-title>.allowance-type-icon{align-self:center}.allowance-form-title h3{align-self:center;color:#1f344f;font-size:16px;line-height:1.2;margin:0!important}.allowance-form-grid{gap:10px 15px}.allowance-form-group input,.allowance-form-group select,.allowance-form-group textarea{padding:8px 11px}.allowance-submit-row{margin-top:2px}.allowance-submit-btn{padding:10px 22px}.allowance-form-group label{color:#5c6d82;font-size:10px;letter-spacing:.07em}.allowance-form-group input,.allowance-form-group select,.allowance-form-group textarea{border-color:#d5e0ed;border-radius:10px;color:#263b55;font-size:12px}.allowance-form-group input:focus,.allowance-form-group select:focus,.allowance-form-group textarea:focus{border-color:#4c7ee0;box-shadow:0 0 0 3px #4c7ee01c}.allowance-submit-btn{background:#4c7ee0;border-radius:10px;box-shadow:0 7px 15px #4c7ee03b;font-size:12px}.allowance-submit-btn:hover{background:#386ccc;box-shadow:0 9px 18px #4c7ee047}.attendance-check-box input[type=checkbox]{accent-color:#4c7ee0}.allowance-requests-card{padding:24px}.allowance-card.allowance-requests-card{background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.allowance-requests-heading{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:20px}.allowance-requests-heading h3{color:#1f344f;margin:0}.allowance-requests-heading p{color:#7b899b;font-size:11px;margin:5px 0 0}.allowance-requests-heading>span{background:#e7f0ff;border-radius:999px;color:#356dd1;font-size:10px;font-weight:850;padding:6px 10px}.allowance-requests-card h4{color:#334a65;font-size:13px;margin:0 0 10px}.allowance-request-type-tabs{grid-template-columns:repeat(2,minmax(180px,240px));justify-content:center;margin-bottom:18px}.allowance-request-type-tabs .allowance-type-option{min-height:54px}.allowance-request-type-tabs .allowance-type-option small{color:#8795a7}.allowance-loan-heading{border-top:0;margin-top:0!important;padding-top:0}.allowance-table-wrapper+.allowance-loan-heading{border-top:1px solid #e5ebf3;margin-top:24px!important;padding-top:20px}.allowance-request-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:17px;box-shadow:0 10px 28px #2c3e5012;margin-bottom:16px;overflow:hidden}.allowance-repayment-card{margin-top:18px}.allowance-request-table-heading{align-items:center;background:linear-gradient(90deg,#f3f7fe,#fff);border-bottom:1px solid #dce7f5;display:flex;justify-content:space-between;padding:14px 18px}.allowance-request-table-heading h4{align-items:center;color:#253247;display:flex;font-size:16px;gap:9px;margin:0}.allowance-request-table-heading h4:before{background:#4c7ee0;border-radius:999px;content:"";flex:0 0 5px;height:24px;width:5px}.allowance-request-table-heading>span{background:#eaf1fb;border-radius:999px;box-sizing:border-box;color:#2563eb;display:inline-grid;font-size:11px;font-weight:850;height:29px;min-width:29px;padding:0 8px;place-items:center}.allowance-request-filters{background:#fff;border-bottom:1px solid #e3eaf3;display:flex;justify-content:flex-end;padding:10px 15px}.allowance-request-filters label{align-items:center;color:#64748b;display:flex;font-size:10px;font-weight:800;gap:8px}.allowance-request-filters select{background:#f8fafc;border:1px solid #d5e0ed;border-radius:9px;color:#334a65;font:inherit;font-size:11px;height:34px;min-width:160px;outline:none;padding:0 32px 0 10px}.allowance-request-filters select:focus{border-color:#4c7ee0;box-shadow:0 0 0 3px #4c7ee01a}.allowance-table-wrapper{border:0;border-radius:0;overflow:hidden auto}.allowance-table thead{background:#eaf1fb}.allowance-table th{background:#0000;border-bottom:1px solid #d7e3f3;color:#35516f;font-size:10px;font-weight:850;letter-spacing:.08em;padding:12px 15px}.allowance-table td{color:#52606f;font-size:11.5px;line-height:1.45;padding:13px 15px;vertical-align:middle}.allowance-table tbody tr:nth-child(2n){background:#fbfcfe}.allowance-type-badge{background:#e7f0ff;color:#356dd1;font-size:10px}.allowance-loan-history-table{min-width:900px}.loan-balance-value{background:#eaf8f1;border-radius:8px;color:#137b4c;display:inline-flex;font-weight:850;padding:6px 10px;white-space:nowrap}@media (max-width:900px){.allowance-type-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.allowance-tabs{box-sizing:border-box;display:flex;width:100%}.allowance-tab-btn{flex:1 1;min-width:0;padding-inline:9px}.allowance-type-options{grid-template-columns:1fr}.allowance-form-card,.allowance-requests-card{padding:17px}.allowance-requests-heading{align-items:flex-start}}.loan-confirm-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#16263a7a;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:10020}.loan-confirm-dialog{background:#fff;border:1px solid #d9e4f2;border-radius:18px;box-shadow:0 24px 65px #182f4e3d;padding:25px;width:min(440px,100%)}.loan-confirm-kicker{color:#4c7ee0;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.loan-confirm-dialog h3{color:#203650;font-size:21px;margin:7px 0 8px}.loan-confirm-dialog>p{color:#64758a;font-size:13px;margin:0}.loan-confirm-dialog>p strong{color:#203650}.loan-confirm-dialog>small{color:#7b899b;display:block;font-size:10px;line-height:1.5;margin-top:13px}.loan-confirm-summary{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:19px}.loan-confirm-summary>div{background:#f7f9fc;border:1px solid #e0e8f2;border-radius:11px;padding:13px}.loan-confirm-summary span,.loan-confirm-summary strong{display:block}.loan-confirm-summary span{color:#7b899b;font-size:9px;font-weight:750;text-transform:uppercase}.loan-confirm-summary strong{color:#263b55;font-size:14px;margin-top:6px}.loan-confirm-summary .loan-confirm-monthly{background:#eff5ff;border-color:#c9d9f4;grid-column:1/-1}.loan-confirm-summary .loan-confirm-monthly strong{color:#356dd1;font-size:18px}.loan-confirm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:21px}.loan-confirm-actions button{border-radius:10px;cursor:pointer;font:inherit;font-size:11px;font-weight:800;min-height:40px;padding:9px 16px}.loan-confirm-actions button:disabled{cursor:wait;opacity:.65}.loan-confirm-cancel{background:#fff;border:1px solid #d7e1ec;color:#61738a}.loan-confirm-submit{background:#4c7ee0;border:1px solid #4c7ee0;box-shadow:0 7px 15px #4c7ee038;color:#fff}.loan-confirm-submit:hover:not(:disabled){background:#386ccc}@media (max-width:480px){.loan-confirm-dialog{padding:20px}.loan-confirm-summary{grid-template-columns:1fr}.loan-confirm-summary .loan-confirm-monthly{grid-column:auto}.loan-confirm-actions{flex-direction:column-reverse}.loan-confirm-actions button{width:100%}}.profile-page{background:#0000;color:#253950;margin:0 auto;max-width:1240px;min-height:auto;padding:0;width:100%}.profile-header{animation:none;background:linear-gradient(120deg,#f0f6ff,#fff 66%,#f7fbff);border:1px solid #dce6f1;border-radius:18px;box-shadow:0 10px 26px #25395012;box-sizing:border-box;color:#243a54;margin:0 0 16px;min-height:112px;padding:20px 24px}.profile-left{gap:15px}.profile-img-placeholder,.profile-img-wrapper img{border:3px solid #fff;box-shadow:0 5px 14px #3e70c92b;box-sizing:border-box;height:68px;width:68px}.profile-img-placeholder{background:#dde8ff;color:#477bdd;font-size:25px}.profile-left h2{color:#233850;font-size:20px;letter-spacing:-.02em}.profile-left p{color:#718298;font-size:12px;margin-top:4px}.photo-edit-overlay{background:#4c7ee0;height:24px;width:24px}.edit-btn{border-color:#cad9eb;box-shadow:0 5px 13px #2c3e5012;color:#3e70d1;font-size:12px;padding:9px 15px}.edit-btn:hover{background:#4c7ee0;box-shadow:0 7px 16px #4c7ee033;color:#fff;transform:none}.profile-section-tabs{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.profile-section-tabs>button{align-items:center;background:#fff;border:1px solid #dde6f1;border-radius:13px;box-shadow:0 6px 16px rgba(44,62,80,.045);color:#687a90;cursor:pointer;display:flex;font:inherit;gap:10px;min-height:58px;min-width:0;padding:10px 12px;text-align:left;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.profile-section-tabs>button:hover{border-color:#b8cae4;transform:translateY(-1px)}.profile-section-tabs>button.active{background:#4c7ee0;border-color:#4c7ee0;box-shadow:0 8px 18px #4c7ee036;color:#fff}.profile-section-tabs>button>span:last-child{min-width:0}.profile-section-tabs small,.profile-section-tabs strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-section-tabs strong{color:#31465f;font-size:11px;font-weight:800}.profile-section-tabs small{color:#8a98a9;font-size:8px;margin-top:3px}.profile-section-tabs>button.active small,.profile-section-tabs>button.active strong{color:#fff}.profile-tab-icon{background:#e7f0ff;border-radius:10px;color:#477bdd;display:grid;flex:0 0 34px;font-size:13px;height:34px;place-items:center;width:34px}.profile-section-tabs>button.active .profile-tab-icon{background:#fff;color:#315fb9}.profile-page .tab-content{animation:none;border:1px solid #dce6f1;border-radius:18px;box-shadow:0 10px 26px #2539500f;padding:22px 24px 24px}.profile-section-heading{align-items:center;border-bottom:1px solid #e7edf4;display:flex;gap:12px;margin-bottom:21px;padding-bottom:16px}.profile-section-heading>span{background:#e7f0ff;border-radius:11px;color:#477bdd;display:grid;flex:0 0 38px;font-size:14px;height:38px;place-items:center;width:38px}.profile-section-heading h3{color:#243a54;font-size:16px;margin:0}.profile-section-heading p{color:#8492a4;font-size:10px;margin:4px 0 0}.profile-page .form-grid{gap:17px 20px}.profile-page .form-group{gap:6px}.profile-page .form-group label{color:#65758a;font-size:9px;letter-spacing:.07em}.profile-page .form-grid input,.profile-page .form-grid select,.profile-page .form-grid textarea{background:#f9fbfd;border:1px solid #d7e1ed;border-radius:9px;box-sizing:border-box;color:#2b3f57;font-size:11px;min-height:42px;padding:10px 12px}.profile-page .form-grid textarea{min-height:74px;resize:vertical}.profile-page .form-grid input:disabled,.profile-page .form-grid select:disabled,.profile-page .form-grid textarea:disabled{background:#f3f6f9;border-color:#e1e7ef;color:#728196;opacity:1}.profile-document-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.profile-document-card{background:#f9fbfd;border:1px solid #dde6f1;border-radius:14px;padding:17px}.profile-document-card.uploaded{background:#f5fcf8;border-color:#bfe4d2}.profile-document-title{align-items:center;color:#477bdd;display:flex;gap:10px}.profile-document-title>svg{font-size:18px}.profile-document-title span{min-width:0}.profile-document-title small,.profile-document-title strong{display:block}.profile-document-title strong{color:#2d425a;font-size:12px}.profile-document-title strong em{background:#eef2f7;border-radius:999px;color:#64748b;display:inline-flex;font-size:8px;font-style:normal;font-weight:800;margin-left:7px;padding:2px 6px;vertical-align:middle}.profile-document-title small{color:#8795a7;font-size:9px;margin-top:3px}.profile-document-card>input[type=file]{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.profile-upload-action{background:#fff;border:1px dashed #afc4e2;border-radius:9px;color:#3e70d1;cursor:pointer;display:block;font-size:10px;font-weight:800;margin-top:16px;padding:9px 10px;text-align:center}.profile-upload-action.disabled{background:#f2f5f8;color:#9aa7b6;cursor:not-allowed}.profile-document-card .doc-status{margin-top:11px}.profile-document-card .file-hint{color:#16865a;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-document-card .file-hint-empty{font-size:9px;margin:10px 0 0}.profile-document-card .doc-delete-btn{font-size:9px;padding:4px 8px}.profile-certificate-list{grid-gap:6px;display:grid;gap:6px;margin-top:10px}.profile-certificate-list>div{align-items:center;background:#fff;border-radius:8px;display:flex;font-size:9px;gap:8px;justify-content:space-between;padding:6px 8px}.profile-certificate-list a{color:#3567bc;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-certificate-list button{background:#0000;border:0;color:#c53b48;cursor:pointer;font:inherit;font-size:8px;font-weight:800}.profile-page .security-box{background:#f8fafc;border:1px solid #e0e7f0;border-radius:13px;box-shadow:none;margin:0;max-width:560px;padding:20px}.profile-page .security-box .form-group{margin-bottom:14px}.profile-page .security-box input{border:1px solid #d7e1ed;border-radius:9px;box-sizing:border-box;font-size:11px;min-height:42px;padding:10px 38px 10px 12px}.profile-page .eye-btn{color:#8290a2;font-size:14px;right:8px}.profile-page .update-btn{align-items:center;background:#4c7ee0;border-radius:9px;box-shadow:0 6px 14px #4c7ee033;display:inline-flex;font-size:11px;gap:7px;justify-content:center;margin-top:6px;padding:10px 16px;width:auto}.profile-page .update-btn:hover{background:#386ccc;transform:none}@media (max-width:920px){.profile-document-grid,.profile-section-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.profile-page{padding:0}.profile-header{gap:13px;min-height:auto;padding:16px}.profile-left{width:auto}.profile-img-placeholder,.profile-img-wrapper img{height:56px;width:56px}.profile-left h2{font-size:16px}.profile-section-tabs{gap:7px;grid-template-columns:1fr}.profile-section-tabs>button{padding:10px}.profile-section-tabs small{display:none}.profile-page .tab-content{padding:17px}.profile-document-grid,.profile-page .form-grid{grid-template-columns:1fr}.profile-page .form-grid .full-width{grid-column:span 1}}.employee-profile-v2{--profile-blue:#4c7ee0;--profile-blue-soft:#edf4ff;--profile-ink:#203650;--profile-muted:#76879d;--profile-border:#dfe8f3;background:#fff!important;color:var(--profile-ink);margin:0 auto;max-width:none!important;min-height:0!important;padding:0!important;width:100%}.profile-hero-v2{background:radial-gradient(circle at 91% 14%,#e4d7ff94,#0000 24%),radial-gradient(circle at 78% 95%,#daefffb8,#0000 26%),linear-gradient(120deg,#fff,#fbfdff 68%,#f8f4ff);border:1px solid var(--profile-border);border-radius:20px 20px 0 0;box-shadow:0 12px 30px #2a3d5512;box-sizing:border-box;gap:28px;justify-content:space-between;min-height:174px;overflow:hidden;padding:25px 28px}.profile-avatar-row-v2,.profile-card-head-v2,.profile-card-head-v2 h2,.profile-hero-meta-v2,.profile-hero-side-v2,.profile-hero-v2,.profile-identity-v2,.profile-overview-docs-v2>div,.profile-save-row-v2,.profile-team-grid-v2 article,.profile-team-preview-v2{align-items:center;display:flex}.profile-identity-v2{gap:23px;min-width:0}.profile-photo-v2{flex:0 0 108px;position:relative}.profile-photo-v2>img,.profile-photo-v2>span{background:linear-gradient(145deg,#dce7ff,#f0eaff);border:5px solid #fff;border-radius:50%;box-shadow:0 8px 24px #3e5e972e;box-sizing:border-box;color:#477bdd;display:grid;font-size:36px;font-weight:800;height:108px;object-fit:cover;place-items:center;width:108px}.profile-photo-action-v2{background:var(--profile-blue);border:3px solid #fff;border-radius:50%;bottom:3px;box-sizing:border-box;color:#fff;cursor:pointer;display:grid;font-size:11px;height:30px;place-items:center;position:absolute;right:0;width:30px}.profile-hero-copy-v2{min-width:0}.profile-hero-copy-v2 h1{color:#1c3150;font-size:27px;letter-spacing:-.5px;line-height:1.15;margin:0}.profile-hero-copy-v2>p{color:#53677f;font-size:13px;font-weight:700;margin:5px 0 13px}.profile-role-divider{color:#9aa9b9;font-weight:500;margin:0 7px}.profile-hero-meta-v2{flex-wrap:wrap;gap:9px 18px}.profile-hero-meta-v2 span{align-items:center;color:#72849a;display:inline-flex;font-size:10px;font-weight:650;gap:7px}.profile-hero-meta-v2 svg{color:#6685b5;font-size:11px}.profile-hero-side-v2{align-items:flex-end;align-self:flex-start;flex-direction:column;gap:15px;justify-content:flex-start;width:auto}.profile-edit-v2{align-items:center;background:#ffffffdb;border:1px solid #cfdcf0;border-radius:10px;box-shadow:0 5px 14px #37507814;color:#426fc7;cursor:pointer;display:inline-flex;font:inherit;font-size:10px;font-weight:800;gap:7px;padding:9px 14px}.profile-edit-v2:hover{background:var(--profile-blue);border-color:var(--profile-blue);color:#fff}.profile-edit-v2:disabled{cursor:wait;opacity:.65}.profile-highlight-v2{background:#faf6ffbf;border:1px solid #dfd8f8b3;border-radius:15px;box-sizing:border-box;padding:15px 17px;width:100%}.profile-highlight-v2 small,.profile-highlight-v2 span,.profile-highlight-v2 strong{display:block}.profile-highlight-v2 small{color:#9a86ba;font-size:8px;font-weight:850;letter-spacing:.12em}.profile-highlight-v2 strong{color:#4c4160;font-size:12px;margin-top:6px}.profile-highlight-v2 span{color:#887c98;font-size:9px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-remove-photo-v2{background:#0000;border:0;color:#d55252;cursor:pointer;font-size:9px;font-weight:750;margin:8px 0 0;padding:0}.profile-nav-v2{background:#fff;border:1px solid var(--profile-border);border-top:0;box-shadow:0 7px 16px #2a3d550a;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0 22px}.profile-nav-v2 button{background:#0000;border:0;color:#66778e;cursor:pointer;font:inherit;font-size:10px;font-weight:750;min-height:48px;padding:0 10px;position:relative}.profile-nav-v2 button:after{background:#0000;border-radius:3px 3px 0 0;bottom:0;content:"";height:3px;left:25%;position:absolute;right:25%}.profile-nav-v2 button.active,.profile-nav-v2 button:hover{color:var(--profile-blue)}.profile-nav-v2 button.active:after{background:var(--profile-blue)}.profile-view-v2{padding-top:18px}.profile-overview-grid-v2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-card-v2{background:#fff;border:1px solid var(--profile-border);border-radius:17px;box-shadow:0 8px 22px rgba(39,59,84,.055);box-sizing:border-box;min-width:0;padding:20px}.profile-card-head-v2{gap:15px;justify-content:space-between;margin-bottom:17px}.profile-card-head-v2 h2{color:#263d59;font-size:13px;gap:9px;margin:0}.profile-card-head-v2 h2 svg{color:#527dcc}.profile-card-head-v2>button,.profile-form-title-v2 button{align-items:center;background:#0000;border:0;color:#4c74bd;cursor:pointer;display:inline-flex;font:inherit;font-size:9px;font-weight:800;gap:6px;padding:5px 7px}.profile-summary-list-v2{grid-gap:9px;display:grid;gap:9px;margin:0}.profile-summary-list-v2>div{grid-gap:12px;display:grid;gap:12px;grid-template-columns:125px minmax(0,1fr)}.profile-summary-list-v2 dt{color:#8492a4;font-size:9px}.profile-summary-list-v2 dd{color:#40546d;font-size:9px;font-weight:650;margin:0;overflow-wrap:anywhere}.profile-overview-docs-v2{grid-gap:9px;display:grid;gap:9px}.profile-overview-docs-v2>div{border-bottom:1px solid #edf1f6;gap:9px;min-height:34px;padding-bottom:8px}.profile-overview-docs-v2>div:last-child{border-bottom:0;padding-bottom:0}.profile-doc-icon-v2{background:#edf4ff;border-radius:8px;color:#527dcc;display:grid;flex:0 0 27px;font-size:10px;height:27px;place-items:center;width:27px}.profile-overview-docs-v2 strong{color:#40536b;flex:1 1;font-size:10px;min-width:0}.profile-overview-docs-v2 em{align-items:center;border-radius:999px;display:inline-flex;font-size:8px;font-style:normal;font-weight:800;gap:4px;padding:4px 7px;white-space:nowrap}.profile-overview-docs-v2 em.verified{background:#eaf8f1;color:#16865a}.profile-overview-docs-v2 em.missing{background:#fff0f0;color:#d66060}.profile-overview-docs-v2 em.optional{background:#f1f5f9;color:#64748b}.profile-skill-list-v2{display:flex;flex-wrap:wrap;gap:8px}.profile-skill-list-v2 span{background:#f1f6ff;border:1px solid #dce7f8;border-radius:999px;color:#54719b;font-size:9px;font-weight:700;padding:6px 10px}.profile-skill-list-v2.large{gap:10px;padding:7px 0 3px}.profile-skill-list-v2.large span{font-size:10px;padding:9px 13px}.profile-skill-entry-v2{display:flex;gap:9px;margin:4px 0 18px;max-width:520px}.profile-skill-entry-v2 input{background:#f9fbfd;border:1px solid #d8e3f1;border-radius:9px;color:#334a65;flex:1 1;font:inherit;font-size:10px;min-height:40px;min-width:0;outline:none;padding:9px 12px}.profile-skill-entry-v2 input:focus{border-color:#7ba0e7;box-shadow:0 0 0 3px #4c7ee01c}.profile-skill-entry-v2>button{background:var(--profile-blue);border:0;border-radius:9px;color:#fff;cursor:pointer;font:inherit;font-size:10px;font-weight:800;padding:9px 14px}.profile-skill-list-v2.editable span{align-items:center;display:inline-flex;gap:7px}.profile-skill-list-v2.editable span button{background:#fff;border:0;border-radius:50%;color:#7186a5;cursor:pointer;display:grid;font:inherit;font-size:13px;height:16px;line-height:1;padding:0;place-items:center;width:16px}.profile-skill-list-v2.editable span button:hover{background:#df6767;color:#fff}.profile-empty-v2{color:#8b98a9;font-size:10px;margin:6px 0 0}.profile-team-preview-v2{gap:16px;justify-content:space-between}.profile-avatar-row-v2{padding-left:6px}.profile-avatar-row-v2 span,.profile-team-avatar-v2{background:linear-gradient(145deg,#527fd8,#7a63d7);border:3px solid #fff;border-radius:50%;box-shadow:0 3px 9px #3a53802b;box-sizing:border-box;color:#fff;display:grid;font-size:10px;font-weight:850;height:34px;place-items:center;width:34px}.profile-avatar-row-v2 span{margin-left:-6px}.profile-avatar-row-v2 span:first-child{margin-left:0}.profile-team-preview-v2 p{color:#7b8a9e;font-size:9px;margin:0}.profile-form-card-v2,.profile-full-card-v2{padding:24px}.profile-form-title-v2{align-items:flex-start;border-bottom:1px solid #e8eef5;padding-bottom:16px}.profile-form-title-v2>div>p{color:#8593a5;font-size:9px;margin:5px 0 0}.profile-subheading-v2{color:#415974;font-size:10px;font-weight:850;letter-spacing:.06em;margin:23px 0 14px;text-transform:uppercase}.employee-profile-v2 .form-grid{gap:15px 18px}.employee-profile-v2 .form-group label{font-size:9px}.employee-profile-v2 .form-grid input,.employee-profile-v2 .form-grid select,.employee-profile-v2 .form-grid textarea{border-radius:9px;min-height:42px}.profile-save-row-v2{justify-content:flex-end;margin-top:21px}.profile-save-row-v2 button{align-items:center;background:var(--profile-blue);border:0;border-radius:9px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-size:10px;font-weight:800;gap:7px;padding:10px 17px}.profile-save-row-v2 button:disabled{opacity:.65}.profile-empty-state-v2{grid-gap:8px;align-content:center;color:#8b99aa;display:grid;gap:8px;min-height:185px;place-items:center;text-align:center}.profile-empty-state-v2>svg{color:#91addf;font-size:28px}.profile-empty-state-v2 h3{color:#435973;font-size:14px;margin:2px 0 0}.profile-empty-state-v2 p{font-size:9px;margin:0}.profile-team-count-v2{background:#edf4ff;border-radius:999px;color:#477bdd;font-size:9px;font-weight:800;padding:6px 9px}.profile-team-grid-v2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.profile-team-grid-v2 article{background:#f9fbfd;border:1px solid #e1e9f3;border-radius:13px;gap:11px;padding:14px}.profile-team-avatar-v2{flex:0 0 40px;font-size:13px;height:40px;width:40px}.profile-team-grid-v2 article>div{min-width:0}.profile-team-grid-v2 p,.profile-team-grid-v2 small,.profile-team-grid-v2 strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-team-grid-v2 strong{color:#354b65;font-size:10px}.profile-team-grid-v2 p{color:#75869a;font-size:9px;margin:4px 0}.profile-team-grid-v2 small{color:#92a0af;font-size:8px}.profile-team-grid-v2 small svg{margin-right:4px}@media (max-width:900px){.profile-hero-v2{align-items:flex-start}.profile-hero-side-v2{width:245px}.profile-team-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.profile-hero-v2{border-radius:16px 16px 0 0;flex-direction:column;padding:20px}.profile-hero-side-v2{align-items:flex-start;width:100%}.profile-highlight-v2{display:none}.profile-nav-v2{display:flex;overflow-x:auto;padding:0 8px;scrollbar-width:none}.profile-nav-v2::-webkit-scrollbar{display:none}.profile-nav-v2 button{min-width:115px}.profile-overview-grid-v2,.profile-team-grid-v2{grid-template-columns:1fr}.profile-form-card-v2,.profile-full-card-v2{padding:18px}}@media (max-width:480px){.profile-identity-v2{align-items:flex-start;gap:14px}.profile-photo-v2{flex-basis:72px}.profile-photo-v2>img,.profile-photo-v2>span{font-size:25px;height:72px;width:72px}.profile-hero-copy-v2 h1{font-size:20px}.profile-hero-meta-v2{grid-gap:7px;display:grid;gap:7px}.profile-card-v2{padding:17px}.profile-summary-list-v2>div{grid-template-columns:95px minmax(0,1fr)}}.page-container{background:#f5f7fb;min-height:100vh;padding:30px}.page-container h2,.user-info{margin-bottom:20px;text-align:center}.user-info{padding:15px}.password-form,.user-info{background:#fff;border-radius:12px}.password-form{gap:15px;margin:auto;max-width:400px;padding:25px}.password-form input{border:1px solid #ddd;border-radius:8px;padding:12px}.password-form button{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:12px}.message.error{color:red;text-align:center}.popup{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;left:0;top:0;width:100%}.popup-content{background:#fff;border-radius:10px;color:green;padding:20px 40px}.password-field{margin-bottom:20px}.password-input-wrapper input{border:1px solid #ddd;border-radius:6px;font-size:16px;padding:12px 45px 12px 12px;transition:border-color .3s}.password-input-wrapper input:focus{border-color:#4caf50;box-shadow:0 0 5px #4caf504d;outline:none}.eye-btn{align-items:center;display:flex;justify-content:center}.message{animation:slideDown .3s ease-out;border-radius:6px;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.password-form{display:flex;flex-direction:column;gap:16px}.password-form .submit-btn{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:12px 24px;transition:background-color .3s,transform .2s}.password-form .submit-btn:hover:not(:disabled){background-color:#45a049;transform:translateY(-2px)}.password-form .submit-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.popup{animation:popupAppear .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;left:50%;min-width:300px;padding:30px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.popup-icon{display:block;font-size:48px;margin-bottom:15px}@keyframes popupAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.popup:before{background:#00000080;border-radius:0;bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:-1}.service-directory{margin:0 auto;max-width:1100px}.service-hero{align-items:center;background:linear-gradient(120deg,#202b4b,#3f4fb1);border:1px solid #e6e9f1;border-radius:20px;box-shadow:0 16px 34px #232f591f;color:#fff;display:flex;gap:25px;justify-content:space-between;margin-bottom:25px;padding:30px 32px}.section-eyebrow{color:#939daf;display:block;font-size:10px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase}.service-hero .section-eyebrow{color:#b7c2f7}.service-hero h1{font-family:Manrope,sans-serif;font-size:32px;letter-spacing:-1px;margin:8px 0 9px}.service-hero p{color:#d1d8fb;font-size:13px;line-height:1.6;margin:0;max-width:530px}.service-hero-mark{background:#ffffff14;border:1px solid #ffffff2e;border-radius:27px;color:#e8ebff;display:grid;font-size:34px;height:85px;place-items:center;transform:rotate(-8deg);width:85px}.service-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{align-items:flex-start;border:1px solid #e5e8ef;border-radius:17px;box-shadow:0 12px 25px rgba(40,49,84,.045);color:#1d2740;cursor:pointer;display:flex;flex-direction:column;font:inherit;min-height:220px;padding:22px;text-align:left;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.service-card:hover{border-color:#cdd3fb;box-shadow:0 17px 33px #2831541a;transform:translateY(-4px)}.service-card-featured{grid-column:span 2;min-height:250px}.service-card-indigo{background:#f0f2ff}.service-card-peach{background:#fff5ec}.service-card-mint{background:#ecfaf5}.service-card-lavender{background:#f5f0ff}.service-card-sky{background:#edf8ff}.service-card-topline{align-items:center;display:flex;justify-content:space-between;width:100%}.service-icon{background:#ffffffb8;border-radius:13px;color:#5365db;display:grid;font-size:18px;height:44px;place-items:center;width:44px}.service-card-peach .service-icon{color:#d9864c}.service-card-mint .service-icon{color:#299b7d}.service-card-lavender .service-icon{color:#8166d5}.service-card-sky .service-icon{color:#3289be}.service-badge{background:#ffffffb3;border-radius:999px;color:#5a63bb;font-size:9px;font-weight:800;letter-spacing:.5px;padding:5px 8px;text-transform:uppercase}.service-card-copy{margin-top:auto}.service-card h2{font-family:Manrope,sans-serif;font-size:19px;letter-spacing:-.45px;margin:0 0 8px}.service-card p{color:#727d91;font-size:12px;line-height:1.55;margin:0;max-width:360px}.service-card-link{align-items:center;color:#5264d3;display:inline-flex;font-size:11px;font-weight:800;gap:8px;margin-top:19px}.service-card-link svg{font-size:9px;transition:transform .18s ease}.service-card:hover .service-card-link svg{transform:translateX(4px)}.service-placeholder{align-items:center;background:#fff;border:1px solid #e6e9f1;border-radius:20px;box-shadow:0 13px 30px rgba(44,54,89,.055);display:flex;flex-direction:column;justify-content:center;min-height:440px;padding:40px;text-align:center}.service-placeholder .placeholder-icon{background:#eef0ff;border-radius:19px;color:#5365db;display:grid;font-size:27px;height:64px;margin-bottom:19px;place-items:center;width:64px}.service-placeholder h1{font-family:Manrope,sans-serif;font-size:29px;letter-spacing:-.8px;margin:8px 0 10px}.service-placeholder p{color:#788296;font-size:13px;line-height:1.65;margin:0;max-width:450px}.placeholder-note{background:#f2f3ff;border-radius:9px;color:#6b75bf;font-size:11px;font-weight:600;margin-top:24px;padding:10px 14px}@media (max-width:820px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card-featured{grid-column:span 2}}@media (max-width:560px){.service-hero{align-items:flex-start;padding:24px}.service-hero-mark{display:none}.service-hero h1{font-size:28px}.service-grid{grid-template-columns:1fr}.service-card-featured{grid-column:auto}.service-card{min-height:195px}.service-placeholder{padding:25px}}.service-directory{max-width:1120px}.service-hero{background:linear-gradient(135deg,#416662,#294946);border:0;border-radius:22px;box-shadow:0 16px 30px #2d514e26}.service-hero .section-eyebrow{color:#d8e6e3}.service-hero h1{color:#fff}.service-hero p{color:#d8e6e3}.service-hero-mark{background:#f4df88;border-color:#fff3;color:#3f605d}.service-card{background:#fff;border-color:#d4e4e4;box-shadow:0 12px 25px #375b5814;color:#294946}.service-card:hover{border-color:#dbae32;box-shadow:0 17px 33px #375b5821}.service-card-indigo{background:#e6f1ef}.service-card-peach{background:#f8e9ba}.service-card-mint{background:#dcefeb}.service-card-lavender{background:#e8eeee}.service-card-sky{background:#f4f6e8}.service-icon{background:#fffc;color:#3f605d}.service-card-lavender .service-icon,.service-card-mint .service-icon,.service-card-peach .service-icon,.service-card-sky .service-icon{color:#3f605d}.service-card h2{color:#294946}.service-card p{color:#6e8582}.service-card-link{color:#876a13}.service-badge{background:#f4df88;color:#725b0f}.service-placeholder{border-color:#d4e4e4;box-shadow:0 13px 30px #375b5814}.service-placeholder .placeholder-icon{background:#f4df88;color:#3f605d}.placeholder-note{background:#e0efec;color:#526e69}.service-card,.service-placeholder{background:#a5c3c9;border-color:#35809f38}.service-hero{background:#35809f}.placeholder-icon,.service-badge,.service-icon{background:#e6a727}.employee-container,.employee-container :not(svg):not(path){font-family:var(--employee-font)!important}.employee-container .content h1{color:#203650;font-size:clamp(25px,2.35vw,29px);font-weight:800;letter-spacing:-.65px;line-height:1.18;margin-top:0}.employee-container .content h2{color:#263c56;font-size:18px;font-weight:800;letter-spacing:-.3px;line-height:1.25}.employee-container .content h3{color:#304760;font-size:15px;font-weight:800;letter-spacing:-.15px;line-height:1.3}.employee-container .content input,.employee-container .content li,.employee-container .content p,.employee-container .content select,.employee-container .content td,.employee-container .content textarea{font-size:12px;line-height:1.5}.employee-container .content button,.employee-container .content dd,.employee-container .content dt,.employee-container .content label,.employee-container .content th{font-size:11px;line-height:1.4}.employee-container .content small{font-size:10px;line-height:1.4}.employee-container .content button,.employee-container .content label,.employee-container .content th{font-weight:700}.employee-container .content button,.employee-container .content input,.employee-container .content select,.employee-container .content textarea{font-family:var(--employee-font)!important}.employee-container .employee-project-summary-copy strong,.employee-container .home-clock-time,.employee-container .home-stat-card strong,.employee-container .teamplus-item-value{font-weight:800}.employee-container .employee-profile-v2 .profile-hero-copy-v2 h1,.employee-container .employee-projects-heading h1,.employee-container .page-frame-heading h1{font-size:clamp(25px,2.35vw,29px)!important;font-weight:800!important;letter-spacing:-.65px!important}.employee-container .employee-calendar-head-v3 h2{font-size:24px;font-weight:800}@media (max-width:600px){.employee-container .content h1,.employee-container .employee-profile-v2 .profile-hero-copy-v2 h1,.employee-container .employee-projects-heading h1,.employee-container .page-frame-heading h1{font-size:23px!important}.employee-container .content h2{font-size:17px}.employee-container .content h3{font-size:14px}}.employee-container .central-menu-item.active:not(.has-children):after,.employee-container .central-menu-item.active:not(.has-children):before,.employee-container .central-subnav-item.active:after,.employee-container .central-subnav-item.active:before,.employee-container .sidebar-nav>ul>li.active:after,.employee-container .sidebar-nav>ul>li.active:before{border-radius:0!important;box-shadow:none!important;content:""!important;display:block!important;height:24px!important;pointer-events:none;position:absolute;right:0!important;width:24px!important;z-index:1}.employee-container .central-menu-item.active:not(.has-children):before,.employee-container .central-subnav-item.active:before,.employee-container .sidebar-nav>ul>li.active:before{background:radial-gradient(circle at 0 0,#0000 0 23px,#fff 24px)!important;bottom:auto!important;top:-24px!important}.employee-container .central-menu-item.active:not(.has-children):after,.employee-container .central-subnav-item.active:after,.employee-container .sidebar-nav>ul>li.active:after{background:radial-gradient(circle at 0 100%,#0000 0 23px,#fff 24px)!important;bottom:-24px!important;top:auto!important}.employee-container .sidebar-nav{min-height:0;overflow-y:auto;padding-bottom:14px;padding-right:8px}.employee-container .sidebar-nav>ul>li,.employee-container .sidebar-nav>ul>li.active,.employee-container .sidebar-nav>ul>li.active:hover{border-radius:12px!important;box-shadow:none!important;margin:4px 8px!important;min-height:46px;padding:0 14px!important;transform:none!important;width:auto!important}.employee-container .sidebar-nav>ul>li.active,.employee-container .sidebar-nav>ul>li.active:hover{background:#fff!important;border-radius:24px 0 0 24px!important;color:#315fb9!important;margin-right:-8px!important;padding-right:22px!important;width:auto!important}.employee-container .central-menu-group,.employee-container .central-menu-group.expanded,.employee-container .central-menu-list,.employee-container .central-navigation{background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important;isolation:auto!important;margin:0!important;max-width:100%;overflow:visible!important;padding:0!important;position:static;width:100%!important}.employee-container .central-menu-list{grid-gap:3px;display:grid;gap:3px}.employee-container .central-menu-group.expanded .central-menu-item,.employee-container .central-menu-group.expanded .central-menu-item:hover,.employee-container .central-menu-item,.employee-container .central-menu-item.active,.employee-container .central-menu-item.active:hover,.employee-container .central-menu-item:hover{border-radius:11px!important;box-shadow:none!important;margin:2px 8px!important;min-height:43px;padding:0 11px!important;transform:none!important;width:calc(100% - 16px)!important}.employee-container .central-menu-group.expanded .central-menu-item,.employee-container .central-menu-group.expanded .central-menu-item:hover,.employee-container .central-menu-item.active,.employee-container .central-menu-item.active:hover,.employee-container .central-menu-item.expanded{background:#4c7ee01f!important;border-radius:20px!important;color:#315fb9!important}.employee-container .central-menu-group.expanded .sidebar-subnav,.employee-container .sidebar-subnav{grid-gap:2px;background:#0000!important;border:0!important;border-left:1px solid #bfd0e7!important;border-radius:0!important;box-shadow:none!important;display:grid;gap:2px;margin:1px 10px 5px 35px!important;overflow:visible!important;padding:2px 0 3px 9px!important;position:static!important;width:auto!important}.employee-container .central-menu-group.expanded .central-subnav-item,.employee-container .central-subnav-item,.employee-container .central-subnav-item.active,.employee-container .central-subnav-item.active:hover,.employee-container .central-subnav-item:hover{border-radius:9px!important;box-shadow:none!important;margin:1px 0!important;min-height:34px;padding:0 9px!important;transform:none!important;width:100%!important}.employee-container .central-subnav-item.active,.employee-container .central-subnav-item.active:hover{background:#fff!important;border-radius:18px 0 0 18px!important;color:#315fb9!important;margin-right:-18px!important;padding-right:27px!important;width:calc(100% + 18px)!important}.employee-container .central-menu-item.active:not(.has-children),.employee-container .central-menu-item.active:not(.has-children):hover{background:#fff!important;border-radius:22px 0 0 22px!important;margin-right:-8px!important;padding-right:19px!important;width:100%!important}.employee-container .central-menu-item.has-children>svg:last-child{margin-left:0!important}.employee-container .sidebar-account{background:#eaf1fb;box-shadow:0 -8px 15px #eaf1fbf5;flex:0 0 auto;margin-top:0;padding-top:10px;position:relative;z-index:30}@media (max-width:760px){.employee-container .sidebar-nav{padding-right:0}.employee-container .sidebar-nav>ul>li,.employee-container .sidebar-nav>ul>li.active,.employee-container .sidebar-nav>ul>li.active:hover{margin-left:6px!important;margin-right:6px!important}}.ceo-container{background:#f4f6fb;display:flex;font-family:Poppins,Segoe UI,sans-serif;height:100vh;overflow:hidden}.ceo-sidebar{background:#fff;border-right:1px solid #e5e7eb;box-shadow:4px 0 16px #00000014;color:#374151;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;padding-top:0;width:240px}.ceo-logo-container{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:20px 16px 16px;text-align:center}.ceo-logo-container img{border-radius:8px;height:56px;object-fit:contain;width:140px}.ceo-sidebar-role{color:#6366f1;font-size:11px;font-weight:700;letter-spacing:1.5px;padding:10px 0 4px;text-align:center;text-transform:uppercase}.ceo-sidebar-nav{flex:1 1;overflow-y:auto;padding:8px 0}.ceo-sidebar ul{list-style:none;margin:0;padding:0}.ceo-sidebar-section{background:#0000!important;border-left:none!important;color:#9ca3af;cursor:default;font-size:10px;font-weight:700;letter-spacing:1.2px;padding:14px 20px 4px;pointer-events:none;text-transform:uppercase}.ceo-sidebar ul li{align-items:center;border-left:3px solid #0000;color:#4b5563;cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:11px;margin:1px 0;padding:10px 20px;transition:all .2s ease}.ceo-sidebar ul li svg{flex-shrink:0;font-size:15px;opacity:.8}.ceo-sidebar ul li:hover{background:#6366f112;border-left-color:#6366f166;color:#1e293b}.ceo-sidebar ul li:hover svg{opacity:1}.ceo-sidebar ul li.ceo-active{background:#6366f11a;border-left:3px solid #6366f1;color:#4f46e5;font-weight:600}.ceo-sidebar ul li.ceo-active svg{color:#4f46e5;opacity:1}.ceo-main-content{background:#f3f4f6;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.ceo-topbar{align-items:center;background:#fff;box-shadow:0 2px 6px #0000000d;display:flex;flex-shrink:0;height:70px;justify-content:space-between;padding:0 20px}.ceo-topbar h3{color:#111827;font-size:16px;font-weight:600}.ceo-topbar-right{align-items:center;display:flex;gap:15px}.ceo-topbar-img{object-fit:cover}.ceo-topbar-avatar,.ceo-topbar-img{border-radius:50%;height:40px;width:40px}.ceo-topbar-avatar{align-items:center;background:#2563eb;color:#fff;display:flex;font-weight:700;justify-content:center}.ceo-topbar-name{font-size:14px;font-weight:500}.ceo-logout-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 14px;transition:.3s}.ceo-logout-btn:hover{background:#dc2626}.ceo-content{flex:1 1;overflow-y:auto;padding:20px}.ceo-greeting-card{background:#8aa8eb;border-radius:14px;box-shadow:0 6px 20px #0000001a;color:#fff;padding:20px}.ceo-greeting-card h2{color:#0f172a;font-size:22px;font-weight:700;margin:0;text-align:center}.ceo-greeting-card p{font-size:14px;margin-top:5px;opacity:.9}.ceo-stats-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.ceo-stat-card{align-items:center;background:#ffffffd9;border:1px solid #0000000d;border-radius:14px;cursor:default;display:flex;gap:15px;padding:18px;transition:all .3s ease}.ceo-stat-card:hover{box-shadow:0 8px 22px #0000001f;transform:translateY(-6px)}.ceo-icon-box{border-radius:10px;color:#fff;flex-shrink:0;font-size:22px;padding:12px}.ceo-stat-card.ceo-employees .ceo-icon-box{background:#3b82f6}.ceo-stat-card.ceo-projects .ceo-icon-box{background:#f59e0b}.ceo-stat-card.ceo-managers .ceo-icon-box{background:#8b5cf6}.ceo-stat-card.ceo-leaves .ceo-icon-box{background:#ef4444}.ceo-stat-card.ceo-timesheet .ceo-icon-box{background:#22c55e}.ceo-stat-info h4{color:#64748b;font-size:14px;margin:0}.ceo-stat-info p{color:#1e293b;font-size:20px;font-weight:700;margin:5px 0 0}.ceo-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 6px 18px #0000000a;margin-bottom:24px;padding:25px;transition:all .3s ease}.ceo-card:hover{box-shadow:0 12px 28px #00000014;transform:translateY(-2px)}.ceo-card h3{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:18px}.ceo-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.ceo-tab-btn{background:#f1f5f9;border:none;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:.2s}.ceo-tab-btn.ceo-tab-active{background:#2563eb;color:#fff}.ceo-tab-btn:hover:not(.ceo-tab-active){background:#e2e8f0}.ceo-table-wrapper{border:1px solid #e2e8f0;border-radius:12px;max-height:420px;overflow-y:auto}.ceo-table{background:#fff;border-collapse:collapse;width:100%}.ceo-table thead{background:#f1f5f9;position:-webkit-sticky;position:sticky;top:0;z-index:1}.ceo-table th{color:#64748b;font-size:13px;padding:14px;text-align:left;text-transform:uppercase}.ceo-table td{border-top:1px solid #f1f5f9;color:#1e293b;font-size:14px;padding:14px}.ceo-table tbody tr:hover{background:#f8fafc}.ceo-badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 10px}.ceo-badge.pending{background:#fef3c7;color:#d97706}.ceo-badge.approved{background:#dcfce7;color:#16a34a}.ceo-badge.rejected{background:#fee2e2;color:#dc2626}.ceo-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;margin-right:6px;padding:7px 14px;transition:.2s}.ceo-btn-approve{background:#22c55e;color:#fff}.ceo-btn-approve:hover{background:#16a34a}.ceo-btn-reject{background:#ef4444;color:#fff}.ceo-btn-reject:hover{background:#dc2626}.ceo-btn-primary{background:#2563eb;color:#fff}.ceo-btn-primary:hover{background:#1d4ed8}.ceo-btn-danger{background:#ef4444;color:#fff}.ceo-btn-danger:hover{background:#dc2626}.ceo-form{gap:16px;max-width:520px}.ceo-form,.ceo-form-group{display:flex;flex-direction:column}.ceo-form-group{gap:6px}.ceo-form-group label{color:#374151;font-size:13px;font-weight:600}.ceo-form-group input,.ceo-form-group select,.ceo-form-group textarea{border:1.5px solid #e2e8f0;border-radius:8px;color:#1e293b;font-family:inherit;font-size:14px;outline:none;padding:11px 14px;transition:border .2s}.ceo-form-group input:focus,.ceo-form-group select:focus,.ceo-form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.ceo-alert{border-radius:8px;font-size:14px;font-weight:600;margin-bottom:16px;padding:12px 16px}.ceo-alert.success{background:#dcfce7;color:#15803d}.ceo-alert.error{background:#fee2e2;color:#b91c1c}.ceo-profile-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 5px 20px #0000000d;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.ceo-profile-left{align-items:center;display:flex;gap:20px}.ceo-profile-img{border:3px solid #2563eb;border-radius:50%;height:90px;object-fit:cover;width:90px}.ceo-profile-avatar{align-items:center;background:#2563eb;border-radius:50%;color:#fff;display:flex;font-size:36px;font-weight:700;height:90px;justify-content:center;width:90px}.ceo-profile-left h2{color:#1e293b;font-size:22px;margin:0}.ceo-profile-left p{color:#64748b;font-size:14px;margin:4px 0 0}.ceo-profile-tabs{display:flex;gap:10px;margin-bottom:20px}.ceo-profile-tab{background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 20px;transition:.2s}.ceo-profile-tab.active{background:#2563eb;color:#fff}.ceo-profile-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr}.ceo-profile-field{display:flex;flex-direction:column;gap:6px}.ceo-profile-field label{color:#64748b;font-size:12px;font-weight:600;text-transform:uppercase}.ceo-profile-field input{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:14px;outline:none;padding:10px 14px}.ceo-profile-field input:focus{border-color:#2563eb}.ceo-profile-field input:read-only{background:#f8fafc;color:#64748b}.ceo-pw-card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000000d;margin:auto;max-width:420px;padding:28px}.ceo-pw-field{position:relative}.ceo-pw-toggle{background:none;border:none;color:#64748b;cursor:pointer;font-size:16px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.ceo-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.ceo-modal{animation:ceoSlideIn .25s ease;background:#fff;border-radius:14px;box-shadow:0 20px 50px #0003;max-width:480px;padding:28px;width:90%}@media (max-width:1024px){.ceo-sidebar{width:200px}}@media (max-width:768px){.ceo-container{flex-direction:column}.ceo-sidebar{height:auto;width:100%}.ceo-logo-container{display:none}.ceo-sidebar ul{display:flex;flex-direction:row;overflow-x:auto;padding:0}.ceo-sidebar ul li{flex:1 1;font-size:12px;justify-content:center;padding:10px}.ceo-sidebar ul li span{display:none}.ceo-topbar{flex-direction:column;gap:10px;height:auto}.ceo-content,.ceo-topbar{padding:10px}.ceo-stats-container{grid-template-columns:repeat(2,1fr)}.ceo-profile-grid{grid-template-columns:1fr}}@media (max-width:480px){.ceo-stats-container{grid-template-columns:1fr}}.ceo-page{background:#f5f7fb;min-height:100%;padding:25px;width:100%}.ceo-page-wrapper{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1200px}.ceolm-wrap{align-items:flex-start;display:flex;gap:25px}.ceolm-wrap .ceolm-banner{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;font-size:14px;margin-bottom:12px;padding:10px 16px}.ceolm-wrap .ceolm-banner.ceolm-banner-wfh{background:#e8f5e9;border-color:#66bb6a;color:#2e7d32}.ceolm-wrap .calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.ceolm-wrap .calendar-header h3{color:#334155;font-size:18px;margin:0}.ceolm-wrap .calendar-header button{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:7px 14px;transition:.2s ease}.ceolm-wrap .calendar-header button:hover{background:#4f46e5}.ceolm-wrap .calendar-days{color:#64748b;display:grid;font-weight:600;grid-template-columns:repeat(7,1fr);margin-bottom:10px;text-align:center}.ceolm-wrap .weekend-header{color:#ef4444}.ceolm-wrap .calendar-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(7,1fr);margin-bottom:20px}.ceolm-wrap .calendar-cell{background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;font-weight:500;padding:14px;text-align:center;transition:all .2s ease}.ceolm-wrap .calendar-cell:hover{background:#eef2ff;border-color:#6366f1}.ceolm-wrap .calendar-cell.weekend{color:#ef4444}.ceolm-wrap .calendar-cell.out-of-range{cursor:not-allowed}.ceolm-wrap .empty{background:#0000}.ceolm-wrap .modal{align-items:center;background:#0f172a99;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.ceolm-wrap .modal-box{background:#fff;border-radius:14px;box-shadow:0 20px 40px #0003;max-width:90%;padding:25px;width:380px}.ceolm-wrap .modal-box h3{color:#1e293b;margin:0 0 12px}.ceolm-wrap .modal-box label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.ceolm-wrap .modal-box input,.ceolm-wrap .modal-box select,.ceolm-wrap .modal-box textarea{border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;margin-bottom:12px;outline:none;padding:10px 12px;width:100%}.ceolm-wrap .modal-box input:focus,.ceolm-wrap .modal-box select:focus,.ceolm-wrap .modal-box textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.ceolm-wrap .modal-box textarea{min-height:70px;resize:vertical}.ceolm-wrap .modal-actions{display:flex;gap:10px;justify-content:space-between;margin-top:6px}.ceolm-wrap .modal-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 14px}.ceolm-wrap .btn-cancel{background:#e2e8f0;color:#475569}.ceolm-wrap .btn-cancel:hover{background:#cbd5e1}.ceolm-wrap .btn-submit{background:#6366f1;color:#fff}.ceolm-wrap .btn-submit:hover{background:#4f46e5}.ceolm-wrap .leave-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 5px 15px #0000000d;overflow:hidden;width:100%}.ceolm-wrap .leave-table th{background:#f1f5f9;color:#64748b;font-size:12px;padding:12px 14px;text-align:left;text-transform:uppercase}.ceolm-wrap .leave-table td{border-top:1px solid #e2e8f0;font-size:14px;padding:12px 14px}.ceolm-wrap .ceolm-sidebar{background:#f8f9fa;border:1px solid #dee2e6;border-radius:10px;flex-shrink:0;padding:20px;position:-webkit-sticky;position:sticky;top:20px;width:280px}.ceolm-wrap .ceolm-sidebar.ceolm-sidebar-wfh{background:#e8f5e9;border-color:#66bb6a}.ceolm-wrap .ceolm-sidebar h3{border-bottom:1px solid #ccc;color:#1e293b;font-size:16px;margin-top:0;padding-bottom:10px}.ceolm-wrap .ceolm-sidebar.ceolm-sidebar-wfh h3{border-bottom-color:#a5d6a7;color:#2e7d32}.ceolm-wrap .ceolm-balance-row{border-bottom:1px solid #eee;display:flex;font-size:13px;justify-content:space-between;padding:8px 0}@media (max-width:900px){.ceolm-wrap{flex-direction:column}.ceolm-wrap .ceolm-sidebar{position:static;width:100%}}.employees-container{padding:0}.top-action-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px;padding:14px 24px}.tab-btn,.tab-buttons{display:flex;gap:8px}.tab-btn{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;padding:8px 18px;transition:all .18s}.tab-btn.tab-active{background:#3b82f6;border-color:#3b82f6;color:#fff}.tab-count{background:#ffffff4d;border-radius:12px;font-size:12px;font-weight:600;padding:1px 8px}.top-actions-right{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.search-bar-wrapper{align-items:center;background:#f1f5f9;border-radius:6px;display:flex;gap:8px;min-width:240px;padding:7px 12px}.search-bar-wrapper input{background:#0000;border:none;color:#334155;font-size:14px;outline:none;width:100%}.search-icon{font-size:14px}.table-responsive{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;max-height:calc(100vh - 270px);overflow:auto}.employee-table{border-collapse:collapse;font-size:14px;min-width:1035px;table-layout:fixed;width:100%}.employee-table thead{z-index:2}.employee-table th,.employee-table thead{background:#f8fafc;position:-webkit-sticky;position:sticky;top:0}.employee-table th{border-bottom:2px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;white-space:nowrap;z-index:10}.employee-table td{border-bottom:1px solid #f1f5f9;color:#334155;overflow:hidden;padding:13px 16px;text-overflow:ellipsis;white-space:nowrap}.employee-table tbody tr:hover{background:#f8fafc}.employee-table tbody tr:last-child td{border-bottom:none}.email-link{color:#64748b}.dept-highlight{font-weight:500}.pmo-container{background:#f4f6fb;display:flex;font-family:Poppins,Segoe UI,sans-serif;height:100vh;overflow:hidden}.pmo-sidebar{background:#fff;border-right:1px solid #e5e7eb;box-shadow:4px 0 16px #00000014;color:#374151;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;padding-top:0;width:240px}.pmo-logo-container{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:20px 16px 16px;text-align:center}.pmo-logo-container img{border-radius:8px;height:56px;object-fit:contain;width:140px}.pmo-sidebar-role{color:#6366f1;font-size:11px;font-weight:700;letter-spacing:1.5px;padding:10px 0 4px;text-align:center;text-transform:uppercase}.pmo-sidebar-nav{flex:1 1;overflow-y:auto;padding:8px 0}.pmo-sidebar ul{list-style:none;margin:0;padding:0}.pmo-sidebar-section{background:#0000!important;border-left:none!important;color:#9ca3af;cursor:default;font-size:10px;font-weight:700;letter-spacing:1.2px;padding:14px 20px 4px;pointer-events:none;text-transform:uppercase}.pmo-sidebar ul li{align-items:center;border-left:3px solid #0000;color:#4b5563;cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:11px;margin:1px 0;padding:10px 20px;transition:all .2s ease}.pmo-sidebar ul li svg{flex-shrink:0;font-size:15px;opacity:.8}.pmo-sidebar ul li:hover{background:#6366f112;border-left-color:#6366f166;color:#1e293b}.pmo-sidebar ul li:hover svg{opacity:1}.pmo-sidebar ul li.pmo-active{background:#6366f11a;border-left:3px solid #6366f1;color:#4f46e5;font-weight:600}.pmo-sidebar ul li.pmo-active svg{color:#4f46e5;opacity:1}.pmo-main-content{background:#f3f4f6;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.pmo-topbar{align-items:center;background:#fff;box-shadow:0 2px 6px #0000000d;display:flex;flex-shrink:0;height:70px;justify-content:space-between;padding:0 20px}.pmo-topbar h3{color:#064e3b;font-size:16px;font-weight:600}.pmo-topbar-right{align-items:center;display:flex;gap:15px}.pmo-topbar-img{object-fit:cover}.pmo-topbar-avatar,.pmo-topbar-img{border-radius:50%;height:40px;width:40px}.pmo-topbar-avatar{align-items:center;background:#0f766e;color:#fff;display:flex;font-weight:700;justify-content:center}.pmo-topbar-name{font-size:14px;font-weight:500}.pmo-logout-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 14px;transition:.3s}.pmo-logout-btn:hover{background:#dc2626}.pmo-content{flex:1 1;overflow-y:auto;padding:20px}.pmo-stat-card{cursor:default}.pmo-stat-card.pmo-managers .pmo-icon-box{background:#8b5cf6}.pmo-btn-primary:hover{background:#134e4a}.pmo-form-group input:focus,.pmo-form-group select:focus,.pmo-form-group textarea:focus{box-shadow:0 0 0 3px #2563eb1a}.pmo-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.pmo-modal{animation:ceoSlideIn .25s ease;background:#fff;border-radius:14px;box-shadow:0 20px 50px #0003;max-width:480px;padding:28px;width:90%}@keyframes ceoSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.pmo-sidebar{width:200px}}@media (max-width:768px){.pmo-container{flex-direction:column}.pmo-sidebar{height:auto;width:100%}.pmo-logo-container{display:none}.pmo-sidebar ul{display:flex;flex-direction:row;overflow-x:auto;padding:0}.pmo-sidebar ul li{flex:1 1;font-size:12px;justify-content:center;padding:10px}.pmo-sidebar ul li span{display:none}.pmo-topbar{flex-direction:column;gap:10px;height:auto}.pmo-content,.pmo-topbar{padding:10px}.pmo-stats-container{grid-template-columns:repeat(2,1fr)}.pmo-profile-grid{grid-template-columns:1fr}}@media (max-width:480px){.pmo-stats-container{grid-template-columns:1fr}}.pmo-page{background:#f5f7fb;min-height:100%;padding:25px;width:100%}.pmo-page-wrapper{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1200px}.pmo-greeting-card{background:#8aa8eb;border-radius:14px;box-shadow:0 6px 20px #0000001a;color:#fff;padding:20px}.pmo-greeting-card h2{color:#0f172a;font-size:22px;font-weight:700;margin:0;text-align:center}.pmo-greeting-card p{font-size:14px;margin-top:5px;opacity:.9}.pmo-stats-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.pmo-stat-card{align-items:center;background:#ffffffd9;border:1px solid #0000000d;border-radius:14px;display:flex;gap:15px;padding:18px;transition:all .3s ease}.pmo-stat-card:hover{box-shadow:0 8px 22px #0000001f;transform:translateY(-6px)}.pmo-icon-box{border-radius:10px;color:#fff;flex-shrink:0;font-size:22px;padding:12px}.pmo-stat-card.pmo-employees .pmo-icon-box{background:#3b82f6}.pmo-stat-card.pmo-projects .pmo-icon-box{background:#f59e0b}.pmo-stat-card.pmo-timesheet .pmo-icon-box{background:#22c55e}.pmo-stat-card.pmo-leaves .pmo-icon-box{background:#ef4444}.pmo-stat-info h4{color:#64748b;font-size:14px;margin:0}.pmo-stat-info p{color:#1e293b;font-size:20px;font-weight:700;margin:5px 0 0}.pmo-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 6px 18px #0000000a;margin-bottom:24px;padding:25px;transition:all .3s ease}.pmo-card:hover{box-shadow:0 12px 28px #00000014;transform:translateY(-2px)}.pmo-card h3{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:18px}.pmo-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.pmo-tab-btn{background:#f1f5f9;border:none;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:.2s}.pmo-tab-btn.pmo-tab-active{background:#0f766e;color:#fff}.pmo-tab-btn:hover:not(.pmo-tab-active){background:#e2e8f0}.pmo-table-wrapper{border:1px solid #e2e8f0;border-radius:12px;max-height:420px;overflow-y:auto}.pmo-table{background:#fff;border-collapse:collapse;width:100%}.pmo-table thead{background:#f1f5f9;position:-webkit-sticky;position:sticky;top:0;z-index:1}.pmo-table th{color:#64748b;font-size:13px;padding:14px;text-align:left;text-transform:uppercase}.pmo-table td{border-top:1px solid #f1f5f9;color:#1e293b;font-size:14px;padding:14px}.pmo-table tbody tr:hover{background:#f8fafc}.pmo-badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 10px}.pmo-badge.pending{background:#fef3c7;color:#d97706}.pmo-badge.approved{background:#dcfce7;color:#16a34a}.pmo-badge.rejected{background:#fee2e2;color:#dc2626}.pmo-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;margin-right:6px;padding:7px 14px;transition:.2s}.pmo-btn-approve{background:#22c55e;color:#fff}.pmo-btn-approve:hover{background:#16a34a}.pmo-btn-reject{background:#ef4444;color:#fff}.pmo-btn-reject:hover{background:#dc2626}.pmo-btn-primary{background:#0f766e;color:#fff}.pmo-btn-primary:hover{background:#0d6660}.pmo-btn-danger{background:#ef4444;color:#fff}.pmo-btn-danger:hover{background:#dc2626}.pmo-form{gap:16px;max-width:520px}.pmo-form,.pmo-form-group{display:flex;flex-direction:column}.pmo-form-group{gap:6px}.pmo-form-group label{color:#374151;font-size:13px;font-weight:600}.pmo-form-group input,.pmo-form-group select,.pmo-form-group textarea{border:1.5px solid #e2e8f0;border-radius:8px;color:#1e293b;font-family:inherit;font-size:14px;outline:none;padding:11px 14px;transition:border .2s}.pmo-form-group input:focus,.pmo-form-group select:focus,.pmo-form-group textarea:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1a}.pmo-alert{border-radius:8px;font-size:14px;font-weight:600;margin-bottom:16px;padding:12px 16px}.pmo-alert.success{background:#dcfce7;color:#15803d}.pmo-alert.error{background:#fee2e2;color:#b91c1c}.pmo-profile-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 5px 20px #0000000d;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.pmo-profile-left{align-items:center;display:flex;gap:20px}.pmo-profile-img{border:3px solid #0f766e;border-radius:50%;height:90px;object-fit:cover;width:90px}.pmo-profile-avatar{align-items:center;background:#0f766e;border-radius:50%;color:#fff;display:flex;font-size:36px;font-weight:700;height:90px;justify-content:center;width:90px}.pmo-profile-left h2{color:#1e293b;font-size:22px;margin:0}.pmo-profile-left p{color:#64748b;font-size:14px;margin:4px 0 0}.pmo-profile-tabs{display:flex;gap:10px;margin-bottom:20px}.pmo-profile-tab{background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 20px;transition:.2s}.pmo-profile-tab.active{background:#0f766e;color:#fff}.pmo-profile-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr}.pmo-profile-field{display:flex;flex-direction:column;gap:6px}.pmo-profile-field label{color:#64748b;font-size:12px;font-weight:600;text-transform:uppercase}.pmo-profile-field input{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:14px;outline:none;padding:10px 14px}.pmo-profile-field input:focus{border-color:#0f766e}.pmo-profile-field input:read-only{background:#f8fafc;color:#64748b}.pmo-pw-card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000000d;margin:auto;max-width:420px;padding:28px}.pmo-pw-field{position:relative}.pmo-pw-toggle{background:none;border:none;color:#64748b;cursor:pointer;font-size:16px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.celeb-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 0 26px}.celeb-card{background:#fff;border:1px solid #eef0f4;border-radius:16px;box-shadow:0 1px 3px #0000000a,0 8px 24px #0000000a;overflow:hidden;padding:24px 22px 22px;position:relative}.celeb-card:before{content:"";height:5px;left:0;position:absolute;right:0;top:0}.celeb-birthday:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.celeb-anniversary:before{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.celeb-card-header{align-items:center;display:flex;gap:12px;margin-bottom:18px}.celeb-icon-badge{align-items:center;border-radius:13px;display:flex;flex-shrink:0;font-size:22px;height:46px;justify-content:center;width:46px}.celeb-icon-badge-birthday{background:linear-gradient(135deg,#fef3c7,#fde68a)}.celeb-icon-badge-anniversary{background:linear-gradient(135deg,#e0e7ff,#ddd6fe)}.celeb-header-text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.celeb-header-text h4{color:#1e293b;font-size:16px;font-weight:700;margin:0}.celeb-header-sub{color:#94a3b8;font-size:12px}.celeb-count-badge{border-radius:20px;color:#fff;flex-shrink:0;font-size:12px;font-weight:700;padding:4px 11px}.celeb-birthday .celeb-count-badge{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.celeb-anniversary .celeb-count-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.celeb-list{display:flex;flex-direction:column;gap:10px;max-height:280px;overflow-y:auto;padding-right:4px}.celeb-list::-webkit-scrollbar{width:5px}.celeb-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.celeb-item{align-items:center;background:#f8fafc;border:1px solid #0000;border-radius:12px;display:flex;gap:14px;padding:11px 12px;transition:all .18s ease}.celeb-item:hover{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 14px #0000000f;transform:translateY(-1px)}.celeb-avatar-ring{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:46px;justify-content:center;padding:2px;width:46px}.celeb-birthday .celeb-avatar-ring{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.celeb-anniversary .celeb-avatar-ring{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.celeb-avatar{display:block;object-fit:cover}.celeb-avatar,.celeb-avatar-fallback{border:2px solid #fff;border-radius:50%;height:100%;width:100%}.celeb-avatar-fallback{align-items:center;background:#fff;color:#1e293b;display:flex;font-size:16px;font-weight:700;justify-content:center}.celeb-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.celeb-name{color:#1e293b;font-size:14.5px;font-weight:700}.celeb-meta,.celeb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.celeb-meta{color:#64748b;font-size:12px}.celeb-badge{border-radius:20px;flex-shrink:0;font-size:11.5px;font-weight:700;padding:5px 12px;white-space:nowrap}.celeb-badge-birthday{background:#fef3c7;color:#92400e}.celeb-badge-anniversary{background:#eef2ff;color:#4338ca}.celeb-empty{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:30px 10px}.celeb-empty-icon{font-size:30px;opacity:.55}.celeb-empty p{font-size:13.5px;font-weight:500;margin:0}.profile-page{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:30px}.loading-container,.profile-page{background:linear-gradient(135deg,#f4f7fb,#e9ecef);min-height:100vh}.loading-container{align-items:center;display:flex;justify-content:center}.loading-container h2{color:#0284c7;font-size:20px;font-weight:600}.profile-header{animation:slideIn .4s ease-in-out;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:1px solid #0284c726;border-radius:16px;box-shadow:0 8px 24px #0284c726;color:#0c4a6e;justify-content:space-between;margin-bottom:30px;padding:28px 32px}.profile-header,.profile-left{align-items:center;display:flex}.profile-left{gap:20px}.profile-img-wrapper{position:relative}.profile-img-wrapper img{border:4px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0003;height:80px;object-fit:cover;transition:transform .3s ease;width:80px}.profile-img-wrapper img:hover{transform:scale(1.05)}.profile-img-placeholder{align-items:center;background:#fff;border:4px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0284c733;color:#0284c7;display:flex;font-size:32px;font-weight:700;height:80px;justify-content:center;width:80px}.photo-edit-overlay{background:#0284c7;border-radius:50%;bottom:0;font-size:12px;height:26px;width:26px}.photo-edit-overlay,.photo-remove-btn{align-items:center;color:#fff;cursor:pointer;display:flex;justify-content:center;position:absolute;right:0}.photo-remove-btn{background:#dc2626;border:none;border-radius:50%;box-shadow:0 2px 6px #0003;font-size:11px;height:22px;padding:0;top:0;width:22px}.photo-remove-btn:hover{background:#b91c1c}.profile-img-wrapper input[type=file]{border-radius:50%;cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.profile-left h2{color:#0c4a6e;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0}.profile-left p{color:#0369a1;font-size:14px;font-weight:600;margin:6px 0 0;opacity:1}.header-actions{display:flex;gap:12px}.edit-btn{align-items:center;background:#fff;border:1px solid #0284c733;border-radius:10px;box-shadow:0 4px 12px #0000001a;color:#0284c7;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.edit-btn:hover{background:#f0f0f0;box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.edit-btn:active{transform:translateY(0)}.profile-page .tabs{border-bottom:2px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:25px}.profile-page .tabs button{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;position:relative;transition:all .3s ease}.profile-page .tabs button:hover{background:#0284c70d;color:#0284c7}.profile-page .tabs button.active{background:linear-gradient(135deg,#0284c7,#0ea5e9);box-shadow:0 4px 12px #0284c74d;color:#fff}.profile-page .tabs button.active:after{content:none}.profile-page .tab-content{animation:fadeIn .3s ease-in-out;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 4px 12px #00000014;padding:32px}.form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.form-grid .full-width,.form-grid textarea{grid-column:span 2}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#334155;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.form-grid input,.form-grid select,.form-grid textarea{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s ease;width:100%}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#94a3b8}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{background:#fff;border-color:#0284c7;box-shadow:0 0 0 3px #0284c71a;outline:none}.form-grid input:hover:not(:focus),.form-grid select:hover:not(:focus),.form-grid textarea:hover:not(:focus){border-color:#cbd5e1}.form-grid input:disabled,.form-grid select:disabled,.form-grid textarea:disabled{background:#f3f4f6;border-color:#e5e7eb;color:#6b7280;cursor:not-allowed}.form-grid input[type=file]{background:#f9fafb;border:2px dashed #cbd5e1;cursor:pointer;padding:12px 14px;transition:all .3s ease}.form-grid input[type=file]:hover{background:#fafbff;border-color:#0284c7}.form-grid input[type=file]:focus{background:#fff;border-color:#0284c7}.file-hint{color:#0284c7;cursor:pointer;font-weight:600;text-decoration:underline}.file-hint,.file-hint-empty{font-size:12px;margin-top:6px}.file-hint-empty{color:#94a3b8;font-weight:500}.doc-status{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:4px}.doc-delete-btn{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;font-size:12px;font-weight:600;padding:4px 10px;transition:all .2s ease;white-space:nowrap}.doc-delete-btn:hover{background:#fee2e2;border-color:#fca5a5}.security-box{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0000000a;margin:0 auto;max-width:450px;padding:28px}.security-box .form-group{margin-bottom:20px}.security-box input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s ease;width:100%}.security-box input::placeholder{color:#94a3b8}.security-box input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c71a;outline:none}.security-box input:hover:not(:focus){border-color:#cbd5e1}.update-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 4px 12px #10b98140;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-top:24px;padding:14px 24px;transition:all .3s ease;width:100%}.update-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b9814d;transform:translateY(-2px)}.update-btn:active{transform:translateY(0)}.update-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.profile-page{padding:24px}.profile-header{align-items:flex-start;flex-direction:column;gap:20px;padding:24px 28px}.profile-left h2{font-size:20px}.tab-content{padding:24px}.form-grid{gap:20px}.form-grid input,.form-grid select,.form-grid textarea{font-size:13px;padding:11px 12px}.security-box{max-width:100%;padding:24px}}@media (max-width:768px){.profile-page{padding:18px}.profile-header{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:24px;padding:20px 24px}.profile-left{width:100%}.profile-img-wrapper img{height:70px;width:70px}.profile-left h2{font-size:18px}.profile-left p{font-size:13px}.edit-btn,.header-actions{width:100%}.edit-btn{font-size:13px;justify-content:center;padding:10px 16px}.tabs{gap:8px;margin-bottom:20px}.tabs button{font-size:13px;padding:10px 18px}.tab-content{padding:20px}.form-grid{gap:18px;grid-template-columns:1fr}.form-grid .full-width,.form-grid textarea{grid-column:span 1}.form-grid input,.form-grid select,.form-grid textarea{font-size:13px;padding:11px 12px}.security-box{max-width:100%;padding:20px}.update-btn{font-size:13px;padding:12px 20px}}@media (max-width:600px){.profile-page{padding:14px}.profile-header{gap:14px;margin-bottom:20px;padding:18px 20px}.profile-img-wrapper img{border-width:3px;height:65px;width:65px}.profile-left h2{font-size:16px}.edit-btn,.profile-left p{font-size:12px}.edit-btn{padding:9px 14px}.tabs{gap:6px;margin-bottom:16px}.tabs button{font-size:12px;padding:9px 16px}.tab-content{padding:16px}.form-grid{gap:16px}.form-group label{font-size:12px}.form-grid input,.form-grid select,.form-grid textarea{font-size:12px;padding:10px 11px}.security-box{padding:18px}.update-btn{font-size:12px;margin-top:20px;padding:11px 18px}}@media (max-width:480px){.profile-page{padding:12px}.profile-header{border-radius:12px;gap:12px;padding:16px 18px}.profile-img-wrapper img{border-width:3px;height:60px;width:60px}.profile-left h2{font-size:15px}.edit-btn,.profile-left p{font-size:11px}.edit-btn{padding:8px 12px}.tabs{gap:4px;margin-bottom:14px}.tabs button{font-size:11px;padding:8px 12px}.tab-content{border-radius:10px;padding:14px}.form-grid{gap:14px}.form-group label{font-size:11px}.form-grid input,.form-grid select,.form-grid textarea{font-size:12px;padding:10px}.security-box{padding:16px}.update-btn{padding:10px 16px}.file-hint,.update-btn{font-size:11px}}@media (max-width:360px){.profile-header{padding:14px 16px}.profile-img-wrapper img{height:55px;width:55px}.profile-left h2{font-size:14px}.profile-left p{font-size:10px}.form-grid input,.form-grid select,.form-grid textarea{font-size:11px}}.password-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.password-input-wrapper input{padding-right:40px;width:100%}.eye-btn{background:none;border:none;color:#666;cursor:pointer;font-size:18px;padding:5px;position:absolute;right:12px;transition:color .2s}.eye-btn:hover{color:#333}.message{border-radius:4px;font-weight:500;margin-bottom:20px;padding:12px 16px}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.password-group{margin-bottom:15px}.rop-projects-container{--rop-primary:#4f46e5;--rop-primary-dark:#4338ca;--rop-success:#10b981;--rop-warning:#f59e0b;--rop-dark:#1e293b;--rop-light:#f4f6fb;--rop-white:#fff;--rop-gray:#64748b;--rop-gray-light:#e5e7eb;--rop-gray-lighter:#eee;--rop-border:#ddd;--rop-bg-hover:#f9fafb;--rop-overlay:#0006;--rop-shadow-sm:0 2px 6px #0000000d;--rop-shadow-md:0 4px 10px #0000000d;--rop-radius:8px;--rop-radius-lg:12px;--rop-transition:0.3s;background:var(--rop-light);font-family:Segoe UI,sans-serif;min-height:100vh;padding:20px}.rop-projects-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.rop-projects-header h2{color:var(--rop-dark);font-size:24px;font-weight:600;margin:0}.rop-projects-header p{color:var(--rop-gray);font-size:14px;margin:4px 0 0}.rop-stats-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:25px}.rop-stat-card{align-items:center;background:var(--rop-white);border-radius:var(--rop-radius-lg);box-shadow:var(--rop-shadow-md);display:flex;gap:15px;padding:18px;transition:transform var(--rop-transition),box-shadow var(--rop-transition)}.rop-stat-card:hover{box-shadow:0 6px 14px #00000014;transform:translateY(-2px)}.rop-stat-icon{color:var(--rop-primary);flex-shrink:0;font-size:28px}.rop-stat-icon.ongoing{color:var(--rop-warning)}.rop-stat-icon.completed{color:var(--rop-success)}.rop-stat-icon.onhold{color:#dc2626}.rop-stat-card h4{color:var(--rop-gray);font-size:13px;font-weight:500;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.rop-stat-card p{color:var(--rop-dark);font-size:24px;font-weight:700;margin:0}.rop-toolbar{flex-wrap:nowrap;gap:15px;justify-content:space-between;margin-bottom:20px}.rop-search-bar,.rop-toolbar{align-items:center;display:flex}.rop-search-bar{background:var(--rop-white);border-radius:var(--rop-radius);box-shadow:var(--rop-shadow-sm);flex:1 1;gap:10px;max-width:420px;padding:10px 14px}.rop-search-bar input{background:#0000;border:none;font-size:14px;margin:0;outline:none;padding:0;width:100%}.rop-search-bar input::placeholder{color:var(--rop-gray)}.rop-toolbar select{background:var(--rop-white);border:1px solid var(--rop-border);border-radius:var(--rop-radius);cursor:pointer;flex:0 0 auto;font-size:14px;max-width:220px;min-width:150px;padding:10px 12px;transition:border-color var(--rop-transition);width:auto}.rop-toolbar select:focus,.rop-toolbar select:hover{border-color:var(--rop-primary);outline:none}.rop-table-wrapper{background:var(--rop-white);border-radius:var(--rop-radius-lg);box-shadow:var(--rop-shadow-md);overflow-x:auto}.rop-projects-table{background:var(--rop-white);border-collapse:collapse;min-width:920px;table-layout:fixed;width:100%}.rop-projects-table th{background:var(--rop-dark);color:var(--rop-white);font-size:12px;font-weight:600;letter-spacing:.7px;overflow:hidden;padding:14px 20px;text-align:left;text-transform:uppercase;white-space:nowrap}.rop-projects-table td{border-bottom:1px solid var(--rop-gray-lighter);color:#334155;font-size:14px;overflow:hidden;padding:16px 20px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.rop-projects-table td:first-child{color:var(--rop-dark);font-weight:700}.rop-projects-table td:last-child{overflow:visible;text-align:center;white-space:normal}.rop-projects-table tbody tr:hover{background:var(--rop-bg-hover)}.rop-status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.3px;padding:6px 12px;text-transform:capitalize}.rop-status-badge.ongoing{background:#fef3c7;color:#b45309}.rop-status-badge.completed{background:#d1fae5;color:#065f46}.rop-status-badge.on-hold{background:#fee2e2;color:#b91c1c}.rop-actions-group{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:center}.rop-action-btn{align-items:center;border:none;border-radius:6px;color:var(--rop-white);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:5px;padding:7px 13px;transition:all var(--rop-transition);white-space:nowrap}.rop-action-btn:hover{box-shadow:0 3px 8px #0000002e;transform:translateY(-1px)}.rop-view-btn{background:#10b981}.rop-view-btn:hover{background:#059669}.rop-type-badge{background:#ede9fe;border-radius:20px;color:#5b21b6;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.3px;padding:4px 12px}.rop-no-type{color:var(--rop-gray);font-style:italic}.rop-no-data{color:var(--rop-gray);font-size:14px;padding:40px 20px;text-align:center}.rop-modal-overlay{align-items:center;animation:ropFadeIn .2s ease;background:var(--rop-overlay);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}@keyframes ropFadeIn{0%{opacity:0}to{opacity:1}}.rop-modal-box{animation:ropSlideUp .3s ease;background:var(--rop-white);border-radius:var(--rop-radius-lg);box-shadow:0 10px 40px #00000026;max-height:85vh;max-width:450px;overflow-y:auto;padding:28px;width:100%}@keyframes ropSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rop-modal-box h3{color:var(--rop-dark);font-size:18px;font-weight:600;margin:0 0 20px}.rop-view-modal-box{max-width:480px}.rop-view-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.rop-view-modal-header h3{margin:0}.rop-close-x{background:none;border:none;border-radius:4px;color:var(--rop-gray);cursor:pointer;font-size:18px;padding:4px 8px;transition:background var(--rop-transition)}.rop-close-x:hover{background:var(--rop-gray-light);color:var(--rop-dark)}.rop-details-content{margin-bottom:20px}.rop-detail-row{align-items:flex-start;border-bottom:1px solid var(--rop-gray-lighter);display:flex;gap:12px;justify-content:space-between;padding:10px 0}.rop-detail-row:last-child{border-bottom:none}.rop-detail-label{color:var(--rop-gray);flex-shrink:0;font-size:13px;font-weight:600;letter-spacing:.4px;min-width:120px;text-transform:uppercase}.rop-detail-value{color:var(--rop-dark);font-size:14px;text-align:right}.rop-detail-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.rop-detail-badge{background:#f1f5f9;border-radius:20px;color:#475569;font-size:12px;font-weight:500;padding:3px 10px}.rop-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.rop-primary-btn{background:var(--rop-primary);border:none;border-radius:var(--rop-radius);color:var(--rop-white);cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all var(--rop-transition)}.rop-primary-btn:hover{background:var(--rop-primary-dark);box-shadow:0 4px 10px #4f46e54d;transform:translateY(-1px)}@media (max-width:768px){.rop-projects-header{align-items:flex-start;flex-direction:column;gap:15px}.rop-stats-grid{grid-template-columns:1fr}.rop-toolbar{flex-direction:column;gap:12px}.rop-search-bar{max-width:none;width:100%}.rop-toolbar select{width:100%}.rop-modal-box{max-width:95%;padding:20px}}.allowance-page{padding:4px}.allowance-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.allowance-tab-btn{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.allowance-tab-btn:hover{background:#e2e8f0}.allowance-tab-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.allowance-tab-count{background:#ffffff4d;border-radius:20px;font-size:12px;font-weight:700;padding:1px 8px}.allowance-tab-btn:not(.active) .allowance-tab-count{background:#fee2e2;color:#b91c1c}.allowance-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 10px #0000000f;padding:28px}.allowance-card h3{color:#1e293b;font-size:18px;margin:0 0 20px}.allowance-subnote{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:13px;margin:-12px 0 20px;padding:10px 14px}.attendance-check-box{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#075985;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;letter-spacing:normal!important;padding:12px 16px;text-transform:none!important;width:-webkit-fit-content;width:fit-content}.attendance-check-box input[type=checkbox]{accent-color:#4f46e5;cursor:pointer;height:18px;width:18px}.attendance-percent-box{border-radius:8px;font-size:14px;font-weight:600;max-width:100%;padding:12px 16px;width:-webkit-fit-content;width:fit-content}.attendance-percent-box.ok{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.attendance-percent-box.bad{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.attendance-percent-box.neutral{background:#f8fafc;border:1px solid #e2e8f0;color:#475569}.attendance-percent-detail{font-size:13px;font-weight:500}.attendance-percent-note{font-size:13px;font-weight:700;margin-top:6px}.attendance-confirm-row{background:#fff9!important;border-color:#00000014!important;color:inherit!important;font-size:13px!important;margin-top:10px}.module-dev-box{background:#fffbeb;border:1px dashed #fcd34d;border-radius:8px;color:#92400e;font-size:14px;padding:16px;text-align:center}.allowance-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.allowance-form-group{display:flex;flex-direction:column;gap:6px}.allowance-form-group.full-width{grid-column:span 2}.allowance-form-group label{color:#475569;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.allowance-form-group .required-star{color:#ef4444;margin-left:2px}.allowance-form-group input,.allowance-form-group select,.allowance-form-group textarea{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;color:#1e293b;font-family:inherit;font-size:14px;outline:none;padding:11px 13px;transition:all .2s}.allowance-form-group input:focus,.allowance-form-group select:focus,.allowance-form-group textarea:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.allowance-submit-row{display:flex;grid-column:span 2;justify-content:flex-end;margin-top:6px}.allowance-submit-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:8px;box-shadow:0 4px 12px #4f46e540;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 28px;transition:all .2s}.allowance-submit-btn:hover{box-shadow:0 6px 16px #4f46e54d;transform:translateY(-1px)}.allowance-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.allowance-table-wrapper{overflow-x:auto}.allowance-table{border-collapse:collapse;font-size:13.5px;min-width:760px;width:100%}.allowance-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#64748b;font-size:11.5px;font-weight:700;letter-spacing:.4px;padding:11px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.allowance-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:12px 14px;vertical-align:top}.allowance-table tbody tr:hover{background:#f8fafc}.allowance-empty{color:#94a3b8;font-size:14px;padding:40px 20px;text-align:center}.status-pill{border-radius:20px;display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.3px;padding:3px 12px;text-transform:uppercase;white-space:nowrap}.status-pending{background:#fef3c7;color:#92400e}.status-approved{background:#dcfce7;color:#166534}.status-rejected{background:#fee2e2;color:#991b1b}.allowance-row-actions{display:flex;flex-wrap:wrap;gap:6px}.allowance-act-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:700;padding:6px 12px;transition:all .15s}.allowance-act-approve{background:#dcfce7;color:#15803d}.allowance-act-approve:hover{background:#bbf7d0}.allowance-act-reject{background:#fee2e2;color:#b91c1c}.allowance-act-reject:hover{background:#fecaca}.allowance-act-cancel{background:#f1f5f9;color:#475569}.allowance-act-cancel:hover{background:#e2e8f0}.allowance-type-badge{background:#ede9fe;border-radius:6px;color:#5b21b6;display:inline-block;font-size:12px;font-weight:600;padding:2px 10px;white-space:nowrap}.allowance-applicant{display:flex;flex-direction:column;gap:2px}.allowance-applicant-name{color:#1e293b;font-weight:600}.allowance-applicant-meta{color:#94a3b8;font-size:11.5px}.allowance-reason-text{color:#64748b;font-size:13px;max-width:220px;white-space:normal}.allowance-message{border-radius:8px;font-size:13.5px;font-weight:500;margin-bottom:16px;padding:11px 16px}.allowance-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.allowance-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@media (max-width:768px){.allowance-form-grid{grid-template-columns:1fr}.allowance-form-group.full-width,.allowance-submit-row{grid-column:span 1}}
/*# sourceMappingURL=main.e9feeaba.css.map*/