:root{--primary-color: #4f46e5;--primary-hover-color: #4338ca;--primary-soft: #eef2ff;--primary-glass: rgba(79, 70, 229, .15);--primary-light: #818cf8;--primary-dark: #3730a3;--secondary-color: #64748b;--secondary-hover: #475569;--secondary-light: #94a3b8;--secondary-dark: #334155;--background-color: #fafbfc;--surface-color: #ffffff;--surface-alt: #f8fafc;--surface-glass: rgba(255, 255, 255, .85);--surface-hover: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-light: #cbd5e1;--border-color: #e2e8f0;--border-light: #f1f5f9;--border-focus: #6366f1;--border-hover: #cbd5e1;--success: #10b981;--success-light: #34d399;--success-dark: #059669;--success-soft: #ecfdf5;--warning: #f59e0b;--warning-light: #fbbf24;--warning-dark: #d97706;--warning-soft: #fffbeb;--danger: #ef4444;--danger-light: #f87171;--danger-dark: #dc2626;--danger-soft: #fef2f2;--info: #0ea5e9;--info-light: #38bdf8;--info-dark: #0284c7;--info-soft: #e0f2fe;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 4px 8px -2px rgba(15, 23, 42, .06), 0 2px 4px -1px rgba(15, 23, 42, .04);--shadow-md: 0 8px 16px -4px rgba(15, 23, 42, .08), 0 4px 8px -2px rgba(15, 23, 42, .04);--shadow-lg: 0 16px 32px -8px rgba(15, 23, 42, .12), 0 8px 16px -4px rgba(15, 23, 42, .08);--shadow-xl: 0 24px 48px -12px rgba(15, 23, 42, .18), 0 12px 24px -6px rgba(15, 23, 42, .12);--shadow-2xl: 0 32px 64px -16px rgba(15, 23, 42, .24), 0 16px 32px -8px rgba(15, 23, 42, .16);--shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, .08);--shadow-colored: 0 8px 25px rgba(79, 70, 229, .15);--shadow-success: 0 8px 25px rgba(16, 185, 129, .15);--shadow-warning: 0 8px 25px rgba(245, 158, 11, .15);--shadow-danger: 0 8px 25px rgba(239, 68, 68, .15);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--sidebar-width: 280px;--sidebar-collapsed-width: 72px;--header-height: 80px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.23, 1, .32, 1);--transition-bounce: .6s cubic-bezier(.68, -.55, .265, 1.55);--transition-elastic: .8s cubic-bezier(.175, .885, .32, 1.275)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background-color:var(--background-color);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1}img{max-width:100%;display:block}a{color:var(--primary-color);text-decoration:none;transition:all var(--transition-normal);position:relative}a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary-color);transition:width var(--transition-normal)}a:hover{color:var(--primary-hover-color)}a:hover:after{width:100%}button,input,select,textarea{font:inherit;color:inherit;background:transparent}input,select,textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem 1rem;background:var(--surface-color);transition:all var(--transition-normal);font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f11a,var(--shadow-sm);background:var(--surface-color);transform:translateY(-1px)}.card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-sm);transition:all var(--transition-slow);position:relative;overflow:hidden;transform-style:preserve-3d;backface-visibility:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(79,70,229,.02) 0%,transparent 50%,rgba(79,70,229,.01) 100%);opacity:0;transition:opacity var(--transition-normal);pointer-events:none}.card:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-xl);border-color:#4f46e533}.card:hover:before{opacity:1}.card-ghost{background:var(--surface-alt);border:1px dashed var(--border-color);border-radius:var(--radius-md);padding:1.5rem;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;transform-style:preserve-3d}.card-ghost:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(79,70,229,.03) 0%,transparent 50%,rgba(79,70,229,.02) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.card-ghost:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 32px #0f172a1a;border-color:#4f46e526}.card-ghost:hover:before{opacity:1}.stat-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.35rem;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;transform-style:preserve-3d}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(79,70,229,.03) 0%,transparent 50%,rgba(79,70,229,.02) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.stat-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 32px #0f172a1a;border-color:#4f46e526}.stat-card:hover:before{opacity:1}.stat-card:hover .stat-value{transform:scale(1.05);transition:transform .3s ease}.stat-card .stat-label{color:var(--text-secondary);font-size:.9rem}.stat-card .stat-value{font-size:1.75rem;font-weight:600;color:var(--text-primary)}.table{width:100%;border-collapse:collapse;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-color);box-shadow:var(--shadow-sm)}.table thead th{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:.85rem 1rem;border-bottom:1px solid var(--border-color)}.table tbody td{padding:1rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.table tbody tr:hover{background:#f4f7ff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.65rem 1.4rem;border-radius:999px;border:none;font-weight:500;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;will-change:transform,box-shadow,filter;transform-style:preserve-3d;backface-visibility:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff40;transform:translate(-50%,-50%);transition:width .8s cubic-bezier(.23,1,.32,1),height .8s cubic-bezier(.23,1,.32,1);z-index:1}.btn:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.05) 100%);opacity:0;transition:opacity .3s ease;z-index:2;pointer-events:none}.btn:hover:before{width:350px;height:350px}.btn:hover:after{opacity:1}.btn:hover{filter:brightness(1.05)}.btn:active{transform:scale(.96) translateY(1px);transition-duration:.1s;filter:brightness(.95)}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover-color));color:#fff;box-shadow:0 8px 20px #4f46e54d;border:1px solid rgba(255,255,255,.1);position:relative;z-index:1}.btn-primary:before{background:linear-gradient(135deg,#ffffff4d,#ffffff1a)}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 20px 40px #4f46e566;background:linear-gradient(135deg,var(--primary-hover-color),var(--primary-color));filter:brightness(1.1)}.btn-primary:active{transform:translateY(-1px) scale(1.01);box-shadow:0 8px 20px #4f46e54d}.btn-secondary{background:var(--surface-alt);color:var(--text-primary);border:1px solid var(--border-color);position:relative;overflow:hidden;z-index:1}.btn-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(79,70,229,.15),transparent);transition:left .6s cubic-bezier(.23,1,.32,1);z-index:-1}.btn-secondary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 24px #0f172a26;border-color:var(--primary-color);color:var(--primary-color);background:var(--surface-color);filter:brightness(1.02)}.btn-secondary:hover:before{left:100%}.btn-secondary:active{transform:translateY(-1px) scale(1.01);box-shadow:0 6px 12px #0f172a1a}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-color);position:relative;z-index:1}.btn-outline:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--primary-color);border-radius:inherit;transition:width .3s ease;z-index:-1}.btn-outline:hover{color:#fff;border-color:var(--primary-color);transform:translateY(-1px) scale(1.02);box-shadow:0 8px 16px #4f46e533}.btn-outline:hover:before{width:100%}.btn-icon{width:40px;height:40px;border-radius:50%;border:1px solid var(--border-color);background:var(--surface-color);display:inline-flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-icon:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--primary-color);transform:translate(-50%,-50%);transition:all .3s ease;z-index:-1}.btn-icon:hover{transform:translateY(-2px) scale(1.1) rotate(5deg);box-shadow:0 8px 16px #0f172a26;border-color:var(--primary-color);color:#fff}.btn-icon:hover:before{width:100%;height:100%}.btn-icon:active{transform:translateY(-1px) scale(1.05) rotate(2deg)}.status-badge,.chip{display:inline-flex;align-items:center;padding:.15rem .85rem;border-radius:999px;font-size:.8rem;font-weight:500;text-transform:capitalize}.chip.success{background:#ecfdf3;color:var(--success)}.chip.warning{background:#fffbeb;color:var(--warning)}.elevate-on-hover{transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;transform-style:preserve-3d}.elevate-on-hover:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(79,70,229,.02) 0%,transparent 50%,rgba(79,70,229,.01) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.elevate-on-hover:hover{transform:translateY(-3px) scale(1.005);box-shadow:0 16px 32px #0f172a1a}.elevate-on-hover:hover:before{opacity:1}.fade-in{animation:fadeIn .35s ease both}body.dark-theme{--background-color: #0f172a;--surface-color: #1e293b;--surface-alt: #334155;--surface-hover: #475569;--surface-glass: rgba(30, 41, 59, .95);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-light: #e2e8f0;--border-color: #334155;--border-light: #1e293b;--border-hover: #475569;--border-focus: #6366f1;--primary-soft: #1e1b4b;--primary-glass: rgba(99, 102, 241, .2);--shadow-xs: 0 1px 3px rgba(0, 0, 0, .5);--shadow-sm: 0 4px 8px -2px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-md: 0 8px 16px -4px rgba(0, 0, 0, .5), 0 4px 8px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 16px 32px -8px rgba(0, 0, 0, .6), 0 8px 16px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 24px 48px -12px rgba(0, 0, 0, .7), 0 12px 24px -6px rgba(0, 0, 0, .5);--shadow-2xl: 0 32px 64px -16px rgba(0, 0, 0, .8), 0 16px 32px -8px rgba(0, 0, 0, .6);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .4);--shadow-colored: 0 8px 25px rgba(99, 102, 241, .3);animation:fadeIn .35s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg,var(--surface-alt) 0%,#e8ecf1 50%,var(--surface-alt) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:12px;margin-bottom:8px}.skeleton-title{height:20px;width:60%;margin-bottom:12px}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-button{height:36px;width:100px;border-radius:999px}.page-fade-in{animation:pageFadeIn .3s ease-out both}.page-fade-out{animation:pageFadeOut .2s ease-in both}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pageFadeOut{0%{opacity:1}to{opacity:0}}.hover-lift{transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;transform-style:preserve-3d}.hover-lift:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(79,70,229,.02) 0%,transparent 50%,rgba(79,70,229,.01) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.hover-lift:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 40px #0f172a1f}.chip.danger{background:#fef2f2;color:var(--danger)}.chip.info{background:#e0f2fe;color:var(--info)}.pill-tabs{display:inline-flex;gap:.5rem;background:var(--surface-alt);padding:.35rem;border-radius:999px;border:1px solid var(--border-color)}.pill-tabs button{border:none;background:transparent;padding:.45rem 1.2rem;border-radius:999px;font-weight:500;color:var(--text-secondary);cursor:pointer}.pill-tabs button.active{background:var(--surface-color);color:var(--text-primary);box-shadow:var(--shadow-sm)}.progress-track{width:100%;height:8px;background:var(--border-color);border-radius:999px;overflow:hidden}.progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}body.dark-theme{--background-color: #0f172a;--surface-color: #1e293b;--surface-alt: #334155;--surface-hover: #475569;--surface-glass: rgba(30, 41, 59, .95);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-light: #e2e8f0;--border-color: #334155;--border-light: #1e293b;--border-hover: #475569;--border-focus: #6366f1;--primary-soft: #1e1b4b;--primary-glass: rgba(99, 102, 241, .2);--shadow-xs: 0 1px 3px rgba(0, 0, 0, .5);--shadow-sm: 0 4px 8px -2px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-md: 0 8px 16px -4px rgba(0, 0, 0, .5), 0 4px 8px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 16px 32px -8px rgba(0, 0, 0, .6), 0 8px 16px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 24px 48px -12px rgba(0, 0, 0, .7), 0 12px 24px -6px rgba(0, 0, 0, .5);--shadow-2xl: 0 32px 64px -16px rgba(0, 0, 0, .8), 0 16px 32px -8px rgba(0, 0, 0, .6);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .4);--shadow-colored: 0 8px 25px rgba(99, 102, 241, .3);--success-soft: #064e3b;--warning-soft: #451a03;--danger-soft: #450a0a;--info-soft: #0c4a6e;--success-bright: #6ee7b7;--warning-bright: #fdba74;--danger-bright: #fca5a5;--info-bright: #7dd3fc}body.dark-theme .form-section{background:#1e293b99;border:1px solid rgba(71,85,105,.3);box-shadow:0 25px 50px #00000080}body.dark-theme .modal-header h2{color:var(--text-primary)}body.dark-theme .modal-close-btn{color:var(--text-muted)}body.dark-theme .modal-close-btn:hover{color:var(--text-primary);background:#4755694d}body.dark-theme .table tbody tr:hover{background:#4755694d}body.dark-theme .table thead{background:#1e293b!important}body.dark-theme .table thead th{background:#1e293b!important;color:var(--text-primary)!important;border-bottom-color:#334155!important}body.dark-theme .status-badge.active,body.dark-theme .status-badge.present,body.dark-theme .status-badge.approved{background:#10b98133;color:#6ee7b7}body.dark-theme .status-badge.inactive,body.dark-theme .status-badge.absent,body.dark-theme .status-badge.rejected{background:#ef444433;color:#fca5a5}body.dark-theme .status-badge.pending,body.dark-theme .status-badge.half-day{background:#f59e0b33;color:#fcd34d}body.dark-theme .chip.success{background:#10b98133;color:#6ee7b7}body.dark-theme .chip.warning{background:#f59e0b33;color:#fcd34d}body.dark-theme .chip.danger{background:#ef444433;color:#fca5a5}body.dark-theme .chip.info{background:#0ea5e933;color:#7dd3fc}body.dark-theme .skeleton{background:linear-gradient(90deg,#1e293b,#334155,#1e293b);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}body.dark-theme input,body.dark-theme select,body.dark-theme textarea{background:#1e293b;border-color:#334155;color:var(--text-primary)}body.dark-theme input:focus,body.dark-theme select:focus,body.dark-theme textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f140,var(--shadow-sm);background:#1e293b}body.dark-theme .input-with-icon{background:#1e293b!important;border-color:#334155!important}body.dark-theme .input-with-icon input{color:var(--text-primary)!important}body.dark-theme .project-card,body.dark-theme .card{background:#1e293b;border-color:#334155}body.dark-theme .project-card-title,body.dark-theme .project-card .value,body.dark-theme .stat-value{color:var(--text-primary)}body.dark-theme .project-card-meta,body.dark-theme .project-card-stat .label,body.dark-theme .stat-label{color:var(--text-muted)}body.dark-theme .tab{color:var(--text-secondary)}body.dark-theme .tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}body.dark-theme .kan-col{background:#1e293b;border-color:#334155}body.dark-theme .kan-card{background:#334155;border-color:#475569}body.dark-theme .kan-card .task-title,body.dark-theme .kan-head{color:var(--text-primary)}body.sunset-theme{--primary-color: #f97316;--primary-hover-color: #ea580c;--primary-soft: #fff1e6;--primary-glass: rgba(249, 115, 22, .15);--primary-light: #fb923c;--primary-dark: #c2410c;--background-color: #fff7ed;--surface-color: #fff3e6;--surface-alt: #ffeada;--surface-hover: #ffe2cb;--surface-glass: rgba(255, 234, 218, .85);--text-primary: #431407;--text-secondary: #7c2d12;--text-muted: #9a5b38;--text-light: #fdf4e7;--border-color: #fed7aa;--border-light: #ffedd5;--border-hover: #fdba74;--border-focus: #fb923c;--shadow-xs: 0 1px 2px rgba(67, 20, 7, .08);--shadow-sm: 0 4px 8px -2px rgba(67, 20, 7, .08), 0 2px 4px -1px rgba(67, 20, 7, .06);--shadow-md: 0 8px 16px -4px rgba(67, 20, 7, .12), 0 4px 8px -2px rgba(67, 20, 7, .08);--shadow-lg: 0 16px 32px -8px rgba(67, 20, 7, .16), 0 8px 16px -4px rgba(67, 20, 7, .12);--shadow-xl: 0 24px 48px -12px rgba(67, 20, 7, .2), 0 12px 24px -6px rgba(67, 20, 7, .14);--shadow-2xl: 0 32px 64px -16px rgba(67, 20, 7, .25), 0 16px 32px -8px rgba(67, 20, 7, .16);--shadow-glass: 0 8px 32px 0 rgba(249, 115, 22, .08);--shadow-colored: 0 8px 25px rgba(249, 115, 22, .18)}.incoming-call-overlay,#global-incoming-call{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:9999;background:radial-gradient(circle at top,#0f172ae0,#0f172ac7);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}.incoming-call-modal,#global-incoming-call>div{width:min(480px,92%);border-radius:24px;padding:22px 24px 18px;background:radial-gradient(circle at top left,#0b1120,#020617);box-shadow:0 26px 80px #0f172ad9;border:1px solid rgba(148,163,184,.5);color:#e5e7eb;animation:incomingCallSlideUp .35s cubic-bezier(.23,1,.32,1.05) both}.incoming-call-header{display:flex;align-items:center;gap:14px;margin-bottom:10px}.incoming-call-icon-wrap{position:relative;width:56px;height:56px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,#38bdf8,#6366f1);color:#f9fafb;box-shadow:0 14px 36px #2563ebe6;overflow:hidden}.incoming-call-icon-wrap span{font-size:1.45rem}.incoming-call-icon-wrap:before,.incoming-call-icon-wrap:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:inherit;border:2px solid rgba(129,140,248,.55);opacity:0;animation:pulseRing 1.8s ease-out infinite}.incoming-call-icon-wrap:after{top:-10px;right:-10px;bottom:-10px;left:-10px;border-color:#3b82f673;animation-delay:.55s}.incoming-call-title{margin:0 0 2px;font-size:1.08rem;font-weight:600;letter-spacing:-.01em;color:#f9fafb}.incoming-call-subtitle{margin:0;font-size:.86rem;color:#cbd5e1}.incoming-call-body{margin:10px 0 18px;font-size:.84rem;color:#e5e7eb;opacity:.9}.incoming-call-actions{display:flex;justify-content:flex-end;gap:10px;pointer-events:auto!important;position:relative;z-index:10}.incoming-call-btn{min-width:96px;padding:.6rem 1.25rem;border-radius:999px;border:1px solid transparent;font-size:.86rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;transition:transform .18s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease;pointer-events:auto!important;position:relative;z-index:10}.incoming-call-btn *{pointer-events:none}.incoming-call-btn-join{background:linear-gradient(135deg,#2563eb,#4f46e5)!important;color:#f9fafb!important;box-shadow:0 10px 28px #2563ebb3!important;animation:callButtonPulse 1.5s ease-in-out infinite}.incoming-call-btn-join:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 18px 40px #2563ebe6}.incoming-call-btn-decline{background:linear-gradient(135deg,#ef4444,#b91c1c)!important;color:#fff!important;border-color:#f87171cc!important;box-shadow:0 8px 20px #ef444466!important}.incoming-call-btn-decline:hover{background:linear-gradient(135deg,#b91c1c,#ef4444);border-color:#f87171;transform:translateY(-1px)}body.dark-theme #global-incoming-call{background:radial-gradient(circle at top,#0f172ae6,#0f172ae6)}body.dark-theme #global-incoming-call>div{background:radial-gradient(circle at top left,#020617,#020617)!important;color:#f9fafb!important;border-radius:24px;box-shadow:0 26px 80px #000000e6}body.dark-theme #global-incoming-call h2,body.dark-theme #global-incoming-call p{color:#f5f5f5!important}body.dark-theme #global-incoming-call button{color:#e5e7eb}body.dark-theme #global-incoming-call .incoming-call-btn-decline{color:#fee2e2!important}.meet-call-user .badge.badge-secondary{position:relative;overflow:hidden;background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#eff6ff}.meet-call-user .badge.badge-secondary:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;border:2px solid rgba(191,219,254,.9);opacity:0;animation:pulseRing 1.6s ease-out infinite}.meet-call-banner-icon:before,.meet-call-banner-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;border:2px solid rgba(96,165,250,.55);opacity:0;animation:pulseRing 1.9s ease-out infinite}.meet-call-banner-icon:after{top:-6px;right:-6px;bottom:-6px;left:-6px;border-color:#3b82f673;animation-delay:.6s}@keyframes incomingCallSlideUp{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes callButtonPulse{0%{transform:translateY(0) scale(1);box-shadow:0 10px 28px #2563ebb3}60%{transform:translateY(-1px) scale(1.04);box-shadow:0 18px 40px #2563ebf2}to{transform:translateY(0) scale(1);box-shadow:0 10px 28px #2563ebb3}}@keyframes pulseRing{0%{transform:scale(1);opacity:.85}70%{transform:scale(1.3);opacity:0}to{opacity:0}}#app-container{display:flex;min-height:100vh;height:100vh;background:var(--background-color);overflow:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);max-width:var(--sidebar-width);flex:0 0 var(--sidebar-width);background:linear-gradient(160deg,#ffffff2e,#ffffff26 30%,#f0f5ff1f 70%,#ffffff1a),#ffffff14;backdrop-filter:blur(28px) saturate(160%) brightness(1.05);-webkit-backdrop-filter:blur(28px) saturate(160%) brightness(1.05);border-right:1px solid rgba(255,255,255,.08);box-shadow:0 12px 40px #0f172a14,inset 0 1px #ffffff1a,inset 0 -1px #00000005;border-radius:0 24px 24px 0;padding:2rem 1.25rem 2rem 1.5rem;display:flex;flex-direction:column;gap:2rem;position:fixed;top:0;left:0;bottom:0;height:100vh;z-index:120;overflow-x:hidden;overflow-y:auto;transform:translate(0);transition:transform var(--transition-smooth),width var(--transition-smooth),opacity .25s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease;will-change:transform}#app-container.sidebar-hidden .sidebar{transform:translate(0);opacity:1;box-shadow:0 8px 24px #0f172a1f;width:var(--sidebar-collapsed-width);min-width:var(--sidebar-collapsed-width);max-width:var(--sidebar-collapsed-width);padding:1.5rem .75rem 1.5rem 1rem}#app-container.sidebar-hidden .main-wrapper{margin-left:var(--sidebar-collapsed-width);width:calc(100% - var(--sidebar-collapsed-width))}#app-container.sidebar-hidden .header{left:var(--sidebar-collapsed-width);width:calc(100% - var(--sidebar-collapsed-width))}#app-container.sidebar-hidden .sidebar-title,#app-container.sidebar-hidden .nav-section-title,#app-container.sidebar-hidden .nav-submenu{display:none}#app-container.sidebar-hidden .sidebar-nav{padding-right:0;align-items:center;gap:.35rem;overflow:hidden}#app-container.sidebar-hidden .sidebar-nav>li{width:40px;display:flex;justify-content:center}#app-container.sidebar-hidden .nav-link{justify-content:center;align-items:center;gap:0;width:40px;height:3.4rem;padding:0;border-radius:999px;font-size:0;transform:none}#app-container.sidebar-hidden .nav-link i{width:22px;font-size:1.2rem}#app-container.sidebar-hidden .nav-link .nav-toggle-label{justify-content:center}#app-container.sidebar-hidden .nav-link .nav-toggle-label span:last-child,#app-container.sidebar-hidden .nav-link .fa-chevron-down{display:none}#app-container.sidebar-hidden .nav-link:hover{background:#94a3b81f;border-color:#94a3b833;box-shadow:0 4px 12px #0f172a1f;transform:none}#app-container.sidebar-hidden .nav-link:hover i{color:var(--primary-color);transform:scale(1.05);filter:drop-shadow(0 2px 6px rgba(79,70,229,.25))}body:not(.dark-theme) #app-container.sidebar-hidden .nav-link.active{background:#818cf814;border:1px solid rgba(129,140,248,.2);box-shadow:0 6px 18px #94a3b866;transform:none}body:not(.dark-theme) #app-container.sidebar-hidden .nav-link.active i{color:var(--primary-color);transform:scale(1.05);filter:drop-shadow(0 2px 6px rgba(79,70,229,.25))}body.dark-theme #app-container.sidebar-hidden .nav-link.active{background:radial-gradient(circle at 35% 30%,rgba(99,102,241,.55),transparent 60%),#0f172aa6;border:1px solid rgba(99,102,241,.45);box-shadow:0 12px 24px #0f172a59,inset 0 0 18px #6366f140;transform:none}body.dark-theme #app-container.sidebar-hidden .nav-link.active i{color:var(--primary-color);transform:scale(1.08);filter:drop-shadow(0 4px 10px rgba(79,70,229,.4))}.sidebar-header{display:flex;align-items:center;gap:.9rem;padding-bottom:1rem;border-bottom:1px solid rgba(148,163,184,.08);transition:all .3s ease}.sidebar-logo{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover-color) 100%);box-shadow:0 4px 16px #4f46e52e,0 2px 8px #4f46e51f;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;transition:transform .25s ease,box-shadow .25s ease}.sidebar-logo:hover{transform:scale(1.05);box-shadow:0 6px 20px #4f46e540,0 3px 10px #4f46e526}.sidebar-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em;transition:color .3s ease}.sidebar-nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:.5rem}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#94a3b826;border-radius:999px;transition:background .2s ease}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#94a3b840}.nav-section-title{text-transform:uppercase;font-size:.68rem;font-weight:600;letter-spacing:.1em;color:var(--text-muted);opacity:.5;margin-top:1.5rem;margin-bottom:.6rem;padding:0 .85rem;position:relative;transition:opacity .3s ease}.nav-section-title:after{content:"";position:absolute;left:.85rem;right:.85rem;bottom:-.3rem;height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.06) 50%,transparent)}.nav-link{display:flex;align-items:center;gap:.85rem;padding:.7rem .9rem;border-radius:12px;color:var(--text-secondary);font-weight:500;text-decoration:none;font-size:.9rem;background:transparent;border:1px solid transparent;position:relative;overflow:hidden;transition:transform .2s ease,background .25s ease,border-color .25s ease,color .2s ease,box-shadow .25s ease;will-change:transform}.nav-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#fff0;transition:background .25s ease;pointer-events:none}.nav-link i{width:22px;text-align:center;color:var(--text-muted);font-size:1.1rem;transition:color .2s ease,transform .2s ease,filter .25s ease}.nav-link:hover{background:#94a3b814;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-primary);transform:translate(3px);border-color:#94a3b81f;box-shadow:0 2px 8px #0f172a0d,inset 0 1px #ffffff1a}.nav-link:hover:before{background:#818cf80f}.nav-link:hover i{color:var(--primary-color);transform:scale(1.08);filter:drop-shadow(0 2px 6px rgba(79,70,229,.2))}.nav-link.active{background:#818cf814;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--primary-color);border-color:#818cf82e;transform:translate(3px);box-shadow:0 4px 12px #818cf81f,inset 0 1px #fff3,inset -3px 0 0 var(--primary-color)}.nav-link.active:before{background:#818cf80f}.nav-link.active i{color:var(--primary-color);filter:drop-shadow(0 2px 8px rgba(79,70,229,.25));transform:scale(1.05)}.sidebar-hover{transition:transform .2s ease,background .25s ease,box-shadow .25s ease;will-change:transform}.sidebar-hover:hover{transform:translateY(-1px);background:#ffffff1a;box-shadow:0 4px 12px #0f172a14,0 0 0 1px #94a3b81a}.nav-toggle{justify-content:space-between;gap:0;padding-right:.5rem}.nav-group{border-radius:12px;transition:background .3s ease,box-shadow .3s ease}.nav-group.open{background:#e2e8f040;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px #94a3b80f}.nav-toggle-label{display:flex;align-items:center;gap:.85rem}.nav-toggle .fa-chevron-down{transition:transform .3s cubic-bezier(.4,0,.2,1);font-size:.75rem;color:var(--text-muted);opacity:.6}.nav-group.open>.nav-toggle .fa-chevron-down{transform:rotate(180deg)}.nav-submenu{list-style:none;margin:0;padding:0;background:transparent;border-radius:10px;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s cubic-bezier(.4,0,.2,1),padding .3s ease,opacity .25s ease}.nav-submenu .nav-link{padding:.5rem .7rem .5rem 2.3rem;border-radius:10px;font-size:.88rem;opacity:.9}.nav-submenu .nav-link:hover{opacity:1}.nav-submenu li+li .nav-link{margin-top:3px}.nav-group.open>.nav-submenu{padding:.5rem .4rem .7rem;background:#e2e8f026;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-height:600px;opacity:1}.main-wrapper{flex:1;min-height:100vh;background:var(--background-color);display:flex;flex-direction:column;margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));position:relative;transition:margin-left var(--transition-slow),width var(--transition-slow);will-change:margin-left,width}.header{display:flex;align-items:center;justify-content:flex-end;padding:0 3rem;background:transparent;position:fixed;top:0;left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));height:var(--header-height);z-index:150;gap:2rem;transition:left var(--transition-slow),width var(--transition-slow),background-color var(--transition-normal),box-shadow var(--transition-normal);will-change:left,width}.page-shell{flex:1;min-height:0;height:100vh;padding-top:var(--header-height);overflow-y:auto;overflow-x:hidden;background:var(--background-color)}.header-search{display:none}.header-search i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.95rem}.header-search input{width:100%;border:none;background:var(--surface-alt);border-radius:999px;padding:.65rem 1.25rem .65rem 2.75rem;font-size:.95rem;box-shadow:inset 0 0 0 1px var(--border-color)}.page-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.inline-search{position:relative;width:320px}.inline-search i{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.inline-search input{width:100%;border-radius:999px;border:1px solid var(--border-color);padding:.55rem 1rem .55rem 2.45rem}.header-greeting{transition:transform .25s ease,opacity .25s ease;will-change:transform}.header-greeting.header-visible{transform:translateY(0);opacity:1}.header-greeting.header-hidden{transform:translateY(-100%);opacity:0}.header-actions{display:flex;align-items:center;gap:1.2rem;transition:transform .25s ease,opacity .25s ease;will-change:transform}.header-actions.header-visible{transform:translateY(0);opacity:1}.header-actions.header-hidden{transform:translateY(-100%);opacity:0}.header-actions.header-skeleton .timer-btn,.header-actions.header-skeleton .notification-bell,.header-actions.header-skeleton .user-profile{position:relative;color:transparent;background-color:var(--surface-alt)}.header-actions.header-skeleton .user-avatar,.header-actions.header-skeleton span{color:transparent;background-color:var(--surface-alt)}.header-actions.header-skeleton .timer-btn:after,.header-actions.header-skeleton .notification-bell:after,.header-actions.header-skeleton .user-profile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,transparent,var(--surface-hover),transparent);transform:translate(-100%);animation:skeleton-shimmer 1.2s ease-in-out infinite}.timer-btn{border-radius:999px;border:none;font-weight:600;padding:.55rem 1.4rem;display:inline-flex;align-items:center;gap:.45rem;box-shadow:0 8px 18px #16a34a33}.timer-btn.check-in{background:var(--success);color:#fff}.timer-btn.check-out{background:var(--danger);color:#fff;box-shadow:0 8px 18px #ef444433}.notification-bell{position:relative;font-size:1.25rem;color:var(--text-secondary)}.notification-badge{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:var(--danger);color:#fff;font-size:.7rem;display:flex;align-items:center;justify-content:center}.user-profile{display:flex;align-items:center;gap:.65rem;padding:.35rem .75rem;border-radius:999px;border:1px solid var(--border-color);background:var(--surface-alt)}.user-avatar{width:38px;height:38px;border-radius:50%;background:var(--primary-soft);color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-weight:600}.user-avatar.has-photo{background-color:#fff;background-size:cover;background-position:center;background-repeat:no-repeat;color:transparent;border:1px solid rgba(255,255,255,.25);box-shadow:none}.app-content{flex:1;padding:2.5rem 3rem;display:flex;flex-direction:column;gap:1.5rem;background:var(--background-color);min-height:calc(100vh - var(--header-height))}.page-header{display:flex;align-items:center;justify-content:space-between;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.3rem 1.75rem;box-shadow:var(--shadow-sm);color:var(--text-primary);margin-top:.9rem}.attendance-header.page-header{background:linear-gradient(135deg,var(--surface-color) 0%,var(--surface-alt) 100%);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:1.5rem 2rem;margin-bottom:2rem;box-shadow:0 4px 20px #0f172a0f,0 1px 4px #0f172a0a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem}.page-header-title{justify-self:flex-start}.page-header-title h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.month-navigator{justify-self:center;display:flex;align-items:center;gap:1rem;background:var(--surface-color);padding:.75rem 1.5rem;border-radius:var(--radius-full);border:1px solid var(--border-light);box-shadow:0 2px 8px #0f172a0a;font-weight:600;color:var(--text-primary)}.month-nav-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;background:var(--surface-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);font-size:.875rem;position:relative;z-index:1}.month-navigator span{font-size:1rem;font-weight:600;color:var(--text-primary);min-width:120px;text-align:center;letter-spacing:.02em}.page-header-actions{justify-self:flex-end;display:flex;gap:.875rem;align-items:center;position:relative;z-index:2}.page-header-actions .btn{padding:.75rem 1.25rem;border-radius:var(--radius-lg);font-weight:600;font-size:.875rem;letter-spacing:.02em;transition:all var(--transition-normal);display:flex;align-items:center;gap:.5rem;border:none;cursor:pointer;position:relative;overflow:hidden;transform:translateZ(0);will-change:transform}.page-header-actions .btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.page-header-actions .btn:hover:before{left:100%}.page-header-actions .btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover-color));color:#fff;box-shadow:0 4px 12px #4f46e540}.page-header-actions .btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #4f46e559}.page-header-actions .btn-success{background:linear-gradient(135deg,var(--success),var(--success-dark));color:#fff;box-shadow:0 4px 12px #10b98140}.page-header-actions .btn-success:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #10b98159}.page-header-actions .btn-secondary{background:linear-gradient(135deg,var(--secondary-color),var(--secondary-hover));color:#fff;box-shadow:0 4px 12px #64748b40}.page-header-actions .btn-secondary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #64748b59}.page-header-actions .btn i{font-size:.875rem}.page-body{display:flex;flex-direction:column;gap:1.5rem}.page-body.page-fade-in{opacity:0;transform:translateY(2px);animation:page-fade-in .22s ease-out forwards}@keyframes page-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.placeholder-text{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.skeleton{position:relative;overflow:hidden;background-color:var(--surface-alt)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,var(--surface-hover),transparent);transform:translate(-100%);animation:skeleton-shimmer 1.2s ease-in-out infinite}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.skeleton-pill,.skeleton-circle{border-radius:999px}.skeleton-heading-lg{height:24px;width:220px;border-radius:999px}.skeleton-heading-md{height:18px;width:160px;border-radius:999px}.skeleton-text{height:12px;width:180px;border-radius:999px}.skeleton-stat-value{height:22px;width:48px;margin:0 auto .35rem;border-radius:999px}.skeleton-stat-label{height:10px;width:80px;margin:0 auto;border-radius:999px}.skeleton-badge{height:20px;min-width:40px;border-radius:999px}.skeleton-list-line-lg{height:12px;width:60%;border-radius:999px;margin-bottom:.3rem}.skeleton-list-line-sm{height:10px;width:40%;border-radius:999px}.skeleton-chart-circle{width:160px;height:160px;border-radius:50%}.skeleton-chart-line{height:120px;width:100%;border-radius:16px}.dashboard-skeleton,.dashboard-content{transition:opacity .3s ease-out,visibility .3s ease-out}.dashboard-skeleton.is-visible{opacity:1;visibility:visible}.dashboard-skeleton.dashboard-skeleton-exit,.dashboard-content.is-hidden{opacity:0;visibility:hidden}.dashboard-content.dashboard-content-enter{opacity:1;visibility:visible}.global-loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1000;background:var(--surface-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);opacity:0;visibility:hidden;transition:opacity .25s ease-out,visibility .25s ease-out}.global-loader-overlay.is-visible{opacity:1;visibility:visible}.global-loader-blobs{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.global-loader-blob{position:absolute;border-radius:999px;filter:blur(32px);opacity:.75;transform-origin:center;animation:loader-blob 6s ease-in-out infinite}.global-loader-blob.blob-a{width:320px;height:320px;top:-80px;left:-60px;background:radial-gradient(circle at 30% 30%,#818cf8d9,#93c5fd14)}.global-loader-blob.blob-b{width:360px;height:360px;bottom:-110px;right:-40px;background:radial-gradient(circle at 70% 70%,#38bdf8cc,#34d39914);animation-delay:1.5s}.global-loader-card{position:relative;z-index:1;padding:1.5rem 2.25rem 1.75rem;border-radius:1.5rem;border:1px solid rgba(148,163,184,.55);background:radial-gradient(circle at top left,#fffffffa,#f8fafcf5);box-shadow:0 18px 55px #0f172a26,0 4px 16px #0f172a14;display:flex;flex-direction:column;align-items:center;gap:.8rem}.global-loader-orbit-shell{position:relative;width:64px;height:64px}.global-loader-orbit{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;border:3px solid rgba(129,140,248,.35);border-top-color:#38bdf8e6;border-right-color:#3b82f6b3;box-shadow:0 0 18px #38bdf880;animation:loader-orbit-spin 1.4s linear infinite}.global-loader-core{position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#3b82f6,#6366f1,#0ea5e9);box-shadow:inset 0 0 0 1px #ffffffd9}.global-loader-ring{position:relative;width:180px;height:6px;border-radius:999px;overflow:hidden;background:var(--border-color)}.global-loader-ring-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#6366f1,#38bdf8,#a5b4fc);background-size:200% 100%;animation:loader-bar 1.9s infinite linear}.global-loader-text{text-align:center}.global-loader-label{margin:0;font-size:.92rem;font-weight:600;color:var(--text-primary)}.global-loader-subtext{margin:.15rem 0 0;font-size:.78rem;color:var(--text-muted)}@keyframes loader-blob{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(12px,-16px,0) scale(1.05)}to{transform:translateZ(0) scale(1)}}@keyframes loader-orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loader-bar{0%{transform:translate(-100%)}to{transform:translate(100%)}}.home-dashboard{display:flex;flex-direction:column;gap:2rem}.home-dashboard .dashboard-hero{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem;padding:2rem;border-radius:16px;background:var(--surface-color);box-shadow:var(--shadow-md)}.home-dashboard .dashboard-hero h1{margin:.25rem 0 0;font-size:2rem;color:var(--text-primary)}.home-dashboard .eyebrow{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0}.home-dashboard .hero-stats{display:flex;gap:1.25rem;flex-wrap:wrap;margin-top:1.25rem}.hero-announcement{margin-top:.75rem;display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:999px;background:var(--surface-alt);border:1px solid var(--border-color);font-size:.8rem;color:var(--text-secondary);max-width:520px;overflow:hidden;cursor:default;transition:transform .2s ease-out,box-shadow .2s ease-out,background-color .2s ease-out,border-color .2s ease-out,opacity .2s ease-out}.hero-announcement-label{text-transform:uppercase;letter-spacing:.12em;font-weight:600;font-size:.68rem;color:var(--primary-color)}.hero-announcement-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hero-announcement-empty{opacity:.85}.hero-announcement:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);background:var(--surface-hover);border-color:var(--border-hover)}.hero-announcement-animating{animation:hero-announcement-fade .26s ease-out}@keyframes hero-announcement-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.home-dashboard .dashboard-hero-main{display:flex;flex-direction:column;gap:1.25rem;flex:1 1 260px;min-width:260px}.user-scoreboard-card{position:relative;flex:0 0 320px;max-width:360px;border-radius:20px;padding:1.1rem 1.25rem 1.2rem;background:radial-gradient(circle at top left,#fffffff5,#f8fafcf2);border:1px solid rgba(148,163,184,.45);box-shadow:0 18px 45px #0f172a29,0 2px 8px #0f172a14;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden;display:flex;flex-direction:column;gap:.9rem;transform-origin:center;transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out}.user-scoreboard-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:linear-gradient(120deg,#818cf833,#60a5fa29,#34d3991f);opacity:0;pointer-events:none;transition:opacity .35s ease-out;z-index:0}.user-scoreboard-card:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 22px 55px #0f172a38,0 4px 14px #0f172a29;border-color:#4f46e559}.user-scoreboard-card:hover:before{opacity:1}.user-scoreboard-header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;z-index:1}.scoreboard-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);margin:0 0 .15rem}.scoreboard-title{font-size:.95rem;font-weight:600;margin:0;color:var(--text-primary)}.scoreboard-pill{align-self:flex-start;padding:.15rem .6rem;border-radius:999px;font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;background:var(--success-soft);color:var(--success);border:1px solid var(--success)}.user-scoreboard-body{position:relative;display:flex;flex-direction:column;gap:.55rem;z-index:1}.scoreboard-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.3rem .1rem}.scoreboard-label{font-size:.78rem;color:var(--text-muted)}.scoreboard-value{font-size:1rem;font-weight:600;color:var(--text-primary);min-width:56px;text-align:right}.scoreboard-value:after{content:"";display:block;height:1px;width:0;margin-top:2px;margin-left:auto;background:linear-gradient(90deg,#4f46e54d,#3b82f600);transition:width .25s ease-out}.user-scoreboard-card:hover .scoreboard-value:after{width:100%}.scoreboard-active{margin-top:.25rem;padding:.7rem .65rem .75rem;border-radius:14px;background:linear-gradient(135deg,#eff6ffe6,#eef2fff5);border:1px solid rgba(129,140,248,.28)}.scoreboard-active-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.scoreboard-active-status{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--text-secondary)}.scoreboard-active-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 #22c55e66;animation:scoreboard-pulse 1.6s infinite}.user-scoreboard-card:not(.scoreboard-has-active) .scoreboard-active-dot{background:var(--text-muted);box-shadow:none;animation:none}.scoreboard-active-name{font-size:.85rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scoreboard-progress-track{position:relative;width:100%;height:6px;border-radius:999px;background:#d1d5dbcc;overflow:hidden}.scoreboard-progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:0;border-radius:inherit;background:linear-gradient(90deg,#4f46e5,#3b82f6);transition:width .6s cubic-bezier(.4,0,.2,1)}.scoreboard-loading .scoreboard-row .scoreboard-value,.scoreboard-loading .scoreboard-row .scoreboard-label,.scoreboard-loading .scoreboard-active-name{position:relative;color:transparent}.scoreboard-loading .scoreboard-row .scoreboard-value:before,.scoreboard-loading .scoreboard-row .scoreboard-label:before,.scoreboard-loading .scoreboard-active-name:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:linear-gradient(90deg,var(--surface-alt),var(--surface-hover),var(--surface-alt));background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite}.scoreboard-loading .scoreboard-progress-fill{width:40%;background:linear-gradient(90deg,var(--surface-alt),var(--surface-hover))}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes scoreboard-pulse{0%{box-shadow:0 0 #22c55e73}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.user-scoreboard-card.scoreboard-pending{pointer-events:none;cursor:default;transform:none;box-shadow:0 18px 45px #0f172a24;border-color:#818cf88c;animation:scoreboard-border-glow 1.5s ease-in-out infinite}.user-scoreboard-card.scoreboard-pending:before{opacity:.5}.user-scoreboard-card.scoreboard-pending:hover{transform:none;box-shadow:0 18px 45px #0f172a24}.scoreboard-value-animating{animation:scoreboard-number-pulse 1.05s ease-out}@keyframes scoreboard-border-glow{0%{box-shadow:0 18px 45px #0f172a2e;border-color:#818cf88c}50%{box-shadow:0 22px 55px #4f46e552;border-color:#4f46e5a6}to{box-shadow:0 18px 45px #0f172a2e;border-color:#818cf88c}}@keyframes scoreboard-number-pulse{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}.hero-stat{min-width:140px;padding:.75rem 1rem;border-radius:14px;background:var(--surface-alt);text-align:center}.hero-stat strong{display:block;font-size:1.75rem;color:var(--text-primary)}.hero-stat span{font-size:.85rem;color:var(--text-secondary)}.home-dashboard .dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.home-dashboard #announcements-card{position:relative;overflow:hidden}.home-dashboard #announcements-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(129,140,248,.12),transparent 55%);opacity:.7;pointer-events:none}.home-dashboard #announcements-card .card-heading{position:relative;z-index:1}.announcement-body{position:relative;z-index:1;margin-top:.5rem}.announcement-content{display:flex;flex-direction:column;gap:.5rem}.announcement-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65rem}.announcement-item{padding:.35rem 0;border-bottom:1px solid rgba(226,232,240,.7)}.announcement-item:last-child{border-bottom:none}.announcement-message{margin:0;font-size:.95rem;line-height:1.5;color:var(--text-primary)}.announcement-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-secondary)}.announcement-author{font-weight:600}.announcement-time{opacity:.85}#announcement-manage-btn{font-size:.8rem}.home-dashboard .card{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--surface-color);padding:1.75rem;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1)}.home-dashboard .card:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-lg);border-color:#4f46e533}.home-dashboard .card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.75rem}.home-dashboard .card-heading h3,.home-dashboard .card-heading p{margin:0}.mini-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.mini-list li{display:flex;align-items:center;justify-content:space-between;gap:1rem}.mini-list h4{margin:0 0 .15rem;font-size:1rem;color:var(--text-primary)}.mini-list p{margin:0;font-size:.9rem;color:var(--text-secondary)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:.1rem .75rem;background:var(--surface-alt);border-radius:999px;font-size:.85rem;color:var(--text-secondary)}.status-pill{padding:.25rem .9rem;border-radius:999px;font-size:.85rem;background:#3b82f61a;color:var(--primary-color);white-space:nowrap}.status-pending{background:#94a3b840;color:#475569}.status-badge.cancelled{background:#ef44441a;color:#dc2626}.status-pill.status-completed{background:#22c55e47;color:#16a34a}.status-pill.status-in-progress{background:#eab3082e;color:#92400e}.status-pill.status-yet-to-start{background:#f8717126;color:#b91c1c}.intern-detail-layout{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;align-items:flex-start}@media (max-width: 1024px){.intern-detail-layout{grid-template-columns:1fr}}.intern-detail-sidebar{background:var(--surface-color);border:1px solid rgba(148,163,184,.3);border-radius:24px;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;box-shadow:var(--shadow-lg)}.intern-summary-card{display:flex;gap:1rem;align-items:center;padding:1rem;border-radius:20px;background:linear-gradient(135deg,#3b82f614,#9333ea14);border:1px solid rgba(59,130,246,.15)}.intern-summary-card .intern-badge{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#bfdbfe,#c084fc);display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:#1f2937}.intern-summary-card .intern-chip{display:inline-flex;padding:.2rem .8rem;border-radius:999px;background:#22c55e26;color:#15803d;font-size:.78rem;font-weight:600;margin-bottom:.3rem}.intern-summary-card h2{margin:0;font-size:1.3rem}.intern-summary-card .intern-sub-meta{margin:0;color:var(--text-secondary);font-size:.9rem}.intern-info-list{display:flex;flex-direction:column;gap:.75rem}.intern-info-header{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;margin-bottom:.5rem}.intern-info-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.intern-info-actions{display:flex;align-items:center;gap:.3rem}.icon-btn-sm{width:28px;height:28px;border-radius:999px;font-size:.7rem}.intern-info-row{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:.5rem;align-items:flex-start;font-size:.95rem;color:var(--text-secondary)}.intern-info-row strong{color:var(--text-primary);text-align:right;word-break:break-all;overflow-wrap:anywhere}.intern-detail-main{background:var(--surface-color);border-radius:24px;border:1px solid rgba(148,163,184,.3);padding:1.5rem;box-shadow:var(--shadow-lg)}.intern-detail-main-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.intern-detail-main-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.intern-detail-actions{display:flex;gap:.3rem;flex-wrap:wrap}.intern-detail-actions .btn-sm{padding:.25rem .7rem;font-size:.78rem}.intern-breadcrumbs{display:flex;gap:.4rem;align-items:center;font-size:.9rem;color:var(--text-secondary);margin-bottom:1.5rem;margin-top:1.5rem}.intern-breadcrumbs .link-muted{color:var(--text-secondary);text-decoration:none}.intern-breadcrumbs .current{color:var(--text-primary);font-weight:600}.intern-phase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}@media (max-width: 1280px){.intern-phase-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.intern-phase-card{background:var(--surface-color);border-radius:18px;border:1px solid rgba(148,163,184,.4);padding:1rem 1.25rem;box-shadow:var(--shadow-sm);overflow:hidden}.intern-phase-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:.5rem}.intern-phase-header .status-pill{font-size:.78rem;padding:.15rem .7rem}.intern-phase-header h4{margin:0;font-size:1rem}.intern-phase-body{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.intern-phase-body label{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.intern-phase-body p{margin:0;color:var(--text-primary)}.intern-phase-progress{margin-top:auto;padding-top:.5rem}.intern-phase-progress-status{font-size:.78rem;font-weight:600;text-align:right;margin-bottom:.25rem;color:var(--primary-color)}.intern-phase-progress-status.status-completed{color:#22c55e}.intern-phase-progress-status.status-in-progress{color:#eab308}.intern-phase-progress-status.status-yet-to-start{color:#f97373}.intern-phase-progress-bar{width:100%;height:4px;border-radius:999px;background:#94a3b859;overflow:hidden}.intern-phase-progress-fill{height:100%;border-radius:inherit;background:var(--primary-color);transition:width .2s ease-out}.intern-phase-progress-fill.status-completed{background:#22c55e;box-shadow:0 0 0 1px #22c55e73}.intern-phase-progress-fill.status-in-progress{background:#eab308}.intern-phase-progress-fill.status-yet-to-start{background:#94a3b8cc}.intern-phase-progress-scale{display:flex;justify-content:space-between;margin-top:.15rem;font-size:.7rem;color:var(--text-muted)}.intern-projects-card{margin-top:1.5rem}.intern-projects-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.intern-projects-header h3{margin:0;font-size:1rem}.intern-projects-body{display:flex;flex-direction:column;gap:.6rem}.intern-project-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;font-size:.85rem}.intern-project-main{display:flex;flex-direction:column;gap:.1rem}.intern-project-name{font-weight:600;color:var(--text-primary)}.intern-project-id{font-size:.78rem;color:var(--text-muted)}.intern-project-tasks{font-size:.8rem;color:var(--text-secondary)}.intern-project-meta{text-align:right;display:flex;flex-direction:column;gap:.2rem;font-size:.78rem;color:var(--text-muted)}.intern-project-assigned{font-size:.78rem}.intern-bottom-grid{margin-top:1.5rem;display:grid;grid-template-columns:2fr 1.2fr;gap:1rem}@media (max-width: 1200px){.intern-bottom-grid{grid-template-columns:1fr}}.intern-log-card,.intern-proof-card{background:var(--surface-color);border-radius:18px;border:1px solid rgba(148,163,184,.35);padding:1rem 1.25rem;box-shadow:var(--shadow-sm)}.intern-log-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.intern-log-header h4,.intern-proof-card h4{margin:0;font-size:.95rem}.intern-log-table{border-radius:14px;border:1px solid rgba(148,163,184,.3);overflow:hidden}.intern-log-table-header{display:grid;grid-template-columns:1.2fr 1.4fr 1.3fr .8fr;padding:.5rem .75rem;background:var(--surface-alt);font-size:.8rem;font-weight:600;color:var(--text-secondary)}.intern-log-empty{padding:.8rem .75rem;font-size:.85rem;color:var(--text-muted)}.intern-proof-card p{margin:.4rem 0 0;font-size:.85rem;color:var(--text-muted)}.chart-card .chart-row{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.donut-chart{width:160px;height:160px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;color:var(--text-primary);background:var(--surface-alt)}.chart-meta h4{margin:0 0 .35rem}.chart-meta .muted{margin-bottom:.75rem}.attendance-legend{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;font-size:.9rem;color:var(--text-secondary)}.attendance-legend .dot{display:inline-block;width:10px;height:10px;border-radius:999px;margin-right:.35rem}.dot-present{background:var(--primary-color)}.dot-half{background:var(--warning)}.dot-absent{background:var(--danger)}.line-chart{width:100%;display:flex;flex-direction:column;gap:.75rem}.line-chart svg{width:100%;height:180px}.chart-labels{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.chart-labels strong{display:block;color:var(--text-primary);font-size:.95rem}.chart-label.today{color:var(--primary-color);font-weight:600}.chart-label.today span,.chart-label.today strong{color:var(--primary-color)}.text-warning{color:var(--warning)}@media (max-width: 900px){.home-dashboard .dashboard-grid{grid-template-columns:1fr}.home-dashboard .dashboard-hero{flex-direction:column;align-items:flex-start}.home-dashboard .hero-stats{width:100%;justify-content:space-between}}.icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--border-color);background:var(--surface-alt);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer}.icon-btn:hover{background:var(--surface-color);box-shadow:0 4px 12px #0f172a1a;transform:translateY(-2px) scale(1.05);border-color:var(--primary-color);color:var(--primary-color)}.icon-btn.header-theme-toggle{width:60px;height:30px;border-radius:999px;border:1px solid rgba(15,23,42,.7);background:#020617;padding:4px;justify-content:flex-start;box-shadow:0 8px 20px #0f172a73}.icon-btn.header-theme-toggle i{width:22px;height:22px;border-radius:999px;background:#1d4ed8;color:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:.8rem;box-shadow:0 4px 10px #0f172a59;transform:translate(0);transition:transform .25s ease,background .25s ease,color .25s ease}body.dark-theme .icon-btn.header-theme-toggle{background:#020617;border-color:#1e40afe6}body.dark-theme .icon-btn.header-theme-toggle i{transform:translate(26px)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1100;opacity:0;visibility:hidden;transition:opacity .3s cubic-bezier(.23,1,.32,1),visibility .3s ease;padding:2.5rem 1rem;overflow-y:auto;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-overlay.visible{opacity:1;visibility:visible}.modal{background:transparent;border-radius:16px;width:100%;max-width:640px;max-height:calc(100vh - 5rem);display:flex;flex-direction:column;box-shadow:none;transform:translateY(12px) scale(.98);opacity:0;transition:all .35s cubic-bezier(.25,.46,.45,.94);overflow:hidden;margin:auto;border:none}.modal-overlay.visible .modal{transform:translateY(0) scale(1);opacity:1}.modal-header{padding:24px 32px 16px;border-bottom:none;display:flex;justify-content:space-between;align-items:center;background:transparent}.modal-header h2{margin:0;font-size:1.35rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em;text-align:left}.modal-close-btn{background:transparent;border:none;font-size:1.4rem;color:var(--text-muted);cursor:pointer;transition:all .25s cubic-bezier(.23,1,.32,1);width:32px;height:32px;display:flex;align-items:center;justify-content:center;opacity:.7;padding:0;border-radius:50%}.modal-close-btn:hover{opacity:1;background:var(--surface-hover);transform:scale(1.1)}.modal-close-btn:active{transform:scale(.95)}.modal-body{padding:16px 32px 32px;overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:18px}.form-grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}@media (max-width: 640px){.form-grid-2-col{grid-template-columns:1fr;gap:20px}}.modal-form{display:flex;flex-direction:column;gap:1.25rem}.leave-form{display:flex;flex-direction:column;gap:1rem}.leave-form .form-section{padding:1.35rem 1.6rem;border-radius:28px;box-shadow:0 18px 40px #0f172a26}.leave-form .leave-balance-card{margin-top:.75rem}.form-section{background:#ffffffb3;border:1px solid rgba(255,255,255,.35);border-radius:32px;padding:1.9rem;box-shadow:0 20px 45px #0f172a1f;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.form-section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.25rem;margin-bottom:1.25rem}.form-eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--text-muted);font-weight:600}.form-section-header h3{margin:.15rem 0 0;font-size:1.3rem;color:var(--text-primary)}.form-section-copy{margin:0;font-size:.9rem;color:var(--text-secondary);max-width:320px}.employee-form .form-section{padding:1.75rem 2rem;background:#ffffff2e;border:1px solid rgba(255,255,255,.35);box-shadow:0 25px 50px #0f172a2e}.employee-form .form-section+.form-section{margin-top:1rem}.employee-form .form-section-header{margin-bottom:1rem}.employee-form .form-grid{gap:1.35rem}.asset-form .form-section,.holiday-form .form-section,.compoff-form .form-section,.team-modal .form-section,.project-form .form-section,.client-form .form-section,.contributor-form .form-section,.board-form .form-section,.project-details-form .form-section{padding:1.75rem 2rem;background:#ffffff2e;border:1px solid rgba(255,255,255,.35);box-shadow:0 25px 50px #0f172a2e}.asset-form .form-section+.form-section,.holiday-form .form-section+.form-section,.compoff-form .form-section+.form-section,.team-modal .form-section+.form-section,.project-form .form-section+.form-section,.client-form .form-section+.form-section,.contributor-form .form-section+.form-section,.board-form .form-section+.form-section,.project-details-form .form-section+.form-section{margin-top:1rem}.asset-form .form-section-header,.holiday-form .form-section-header,.compoff-form .form-section-header,.team-modal .form-section-header,.project-form .form-section-header,.client-form .form-section-header,.contributor-form .form-section-header,.board-form .form-section-header,.project-details-form .form-section-header{margin-bottom:1rem}.asset-form .form-grid,.holiday-form .form-grid,.compoff-form .form-grid,.team-modal .form-grid,.project-form .form-grid,.client-form .form-grid,.contributor-form .form-grid,.board-form .form-grid,.project-details-form .form-grid{gap:1.35rem}.form-grid{display:grid;gap:1rem}.form-grid.two-col{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.35rem 1.65rem}.form-field{display:flex;flex-direction:column;gap:.4rem}.form-label{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.input-control{border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:.65rem .9rem;background:var(--surface-color);font-size:.95rem;color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease}.input-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e526;outline:none}.helper-text{margin:0;font-size:.78rem;color:var(--text-muted)}.field-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.field-hint{font-size:.78rem;color:var(--text-muted)}.with-icon .input-wrapper{display:flex;align-items:center;gap:.65rem;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--surface-color);padding:.55rem .85rem;transition:border-color .2s ease,box-shadow .2s ease}.with-icon .input-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e526}.input-wrapper i{color:var(--text-muted);font-size:.95rem}.input-wrapper .input-control{border:none;box-shadow:none;padding:0;background:transparent}.input-wrapper .input-control:focus{box-shadow:none}.leave-balance-card{background:#ffffffe6;border:1px solid var(--border-color);border-radius:28px;padding:1.35rem 1.5rem;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:1.25rem}.balance-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.balance-header h4{margin:.2rem 0 0;font-size:1.1rem;color:var(--text-primary)}.balance-pill{background:var(--primary-soft);color:var(--primary-color);border-radius:var(--radius-full);padding:.35rem .85rem;font-size:.75rem;font-weight:600}.leave-balance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.85rem}.balance-stat{border:1px solid var(--border-light);border-radius:20px;padding:.75rem .9rem;background:var(--surface-alt);box-shadow:var(--shadow-xs)}.balance-label{display:block;font-size:.78rem;text-transform:uppercase;color:var(--text-muted);margin-bottom:.25rem;letter-spacing:.08em}.balance-value{font-size:1.4rem;font-weight:700;color:var(--text-primary)}.leave-preview-msg{font-size:.85rem;color:var(--text-secondary);border-top:1px solid var(--border-color);padding-top:.75rem;min-height:1rem}.form-group{position:relative;margin-bottom:0;padding-left:32px;min-height:56px;display:flex;flex-direction:column;justify-content:flex-end}.form-group i{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:16px;color:var(--text-muted);opacity:.6;transition:all .25s cubic-bezier(.23,1,.32,1);pointer-events:none;z-index:2}.form-group textarea+i{top:20px;transform:none}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 0 8px;height:auto;border:none;border-bottom:1px solid var(--border-color);border-radius:0;background:transparent;font-size:1rem;font-weight:400;color:var(--text-primary);transition:all .25s cubic-bezier(.23,1,.32,1);outline:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1}.form-group textarea{min-height:80px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-bottom:2px solid var(--primary-color);background:var(--primary-glass)}.form-group input:focus~i,.form-group select:focus~i,.form-group textarea:focus~i{opacity:1;color:var(--primary-color);transform:translateY(-50%) scale(1.1)}.form-group label{position:absolute;left:32px;top:12px;background:transparent;padding:0;font-size:1rem;font-weight:400;color:var(--text-muted);pointer-events:none;transition:all .25s cubic-bezier(.23,1,.32,1);z-index:2;transform-origin:left center}#myts-add-row-form .form-group{position:static;padding-left:0;min-height:auto;justify-content:flex-start}#myts-add-row-form .form-group label{position:static;margin-bottom:6px;font-weight:500;font-size:.9rem;color:var(--text-primary)}.form-group textarea+label{top:20px}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label,.form-group select:focus+label,.form-group select:not([value=""])+label,.form-group textarea:focus+label,.form-group textarea:not(:placeholder-shown)+label{left:32px;top:-18px;font-size:.75rem;color:var(--primary-color);font-weight:600;background:var(--surface-color);padding:0 4px;border-radius:4px}.form-group input[type=file]+label{left:32px;top:-18px;font-size:.75rem;color:var(--primary-color);font-weight:600;background:var(--surface-color);padding:0 4px;border-radius:4px}.form-group input[readonly]+label,.form-group input:-webkit-autofill+label,.form-group input.has-value+label,.form-group textarea.has-value+label,.form-group select.has-value+label{left:32px;top:-18px;font-size:.75rem;color:var(--primary-color);font-weight:600;background:var(--surface-color);padding:0 4px;border-radius:4px}.form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2386868b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;background-size:16px;padding-right:24px}.modal-footer{padding:16px 32px 24px;border-top:none;display:flex;justify-content:flex-end;gap:12px;background:transparent;flex-shrink:0}.modal-footer .btn{border-radius:999px;padding:12px 32px;font-weight:600;font-size:.95rem;transition:all .25s cubic-bezier(.23,1,.32,1);border:none;position:relative;overflow:hidden;min-width:100px}.modal-footer .btn-secondary{background:var(--surface-alt);border:1px solid var(--border-color);color:var(--text-primary)}.modal-footer .btn-secondary:hover{opacity:1;background:var(--surface-hover);transform:translateY(-1px) scale(1.02);box-shadow:var(--shadow-md)}.modal-footer .btn-secondary:active{transform:translateY(0) scale(.98)}.modal-footer .btn-primary{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;box-shadow:0 15px 35px #2563eb59;border:1px solid rgba(255,255,255,.2)}.modal-footer .btn-primary:hover{box-shadow:0 18px 40px #2563eb66;transform:translateY(-2px) scale(1.02);background:linear-gradient(135deg,#1d4ed8,#6366f1);filter:brightness(1.05)}.modal-footer .btn-primary:active{transform:translateY(-1px) scale(1.01);box-shadow:0 4px 16px #007aff4d}.modal-body::-webkit-scrollbar{width:4px}.modal-body::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:#00000026}.btn-secondary{background:var(--surface-alt);color:var(--text-primary);border:1px solid var(--border-color)}.page-header-actions #bulk-actions-btn{background:var(--surface-alt);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:none}.page-header-actions #bulk-actions-btn:before{display:none}.page-header-actions #bulk-actions-btn:hover{background:var(--surface-color);color:var(--text-primary);box-shadow:0 4px 12px #94a3b859;transform:translateY(-1px)}.btn-success{background:var(--success);color:#fff;box-shadow:0 8px 18px #16a34a33}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 8px 18px #ef444433}.btn-sm{padding:.4rem 1rem;font-size:.85rem}.leave-tabs{display:flex;gap:.5rem;background:var(--surface-alt);padding:.35rem;border-radius:999px;width:fit-content;border:1px solid var(--border-color)}.leave-tab{border:none;background:transparent;border-radius:999px;padding:.45rem 1.3rem;font-weight:600;color:var(--text-secondary);cursor:pointer}.leave-tab.active{background:var(--surface-color);color:var(--primary-color);box-shadow:var(--shadow-sm)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.employee-id-badge{width:42px;height:42px;border-radius:50%;background:var(--primary-soft);color:var(--primary-color);display:inline-flex;align-items:center;justify-content:center;font-weight:600}.employees-card-shell{display:flex;flex-direction:column;gap:1.5rem}.employee-table-wrapper{width:100%;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm)}.employee-table-scroll{width:100%;overflow-x:auto;overflow-y:hidden}.employee-table-scroll::-webkit-scrollbar{height:8px}.employee-table-scroll::-webkit-scrollbar-thumb{background:#0f172a33;border-radius:999px}.employee-view-toggle{display:inline-flex;background:var(--surface-alt);border-radius:999px;padding:.25rem;border:1px solid var(--border-color);box-shadow:inset 0 0 0 1px #0f172a05}.view-toggle-btn{border:none;background:transparent;color:var(--text-secondary);width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.view-toggle-btn.active{background:var(--surface-color);color:var(--primary-color);box-shadow:var(--shadow-sm)}.employee-control-actions{display:inline-flex;gap:.75rem;align-items:center}.employee-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}@media (max-width: 1280px){.employee-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.employee-card-grid{grid-template-columns:1fr}}.view-mode{display:none;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease}.view-mode.view-mode-visible{display:block;opacity:1;transform:translateY(0)}.employee-card-grid.view-mode.view-mode-visible{display:grid}.employee-card{background:var(--surface-color);border:1px solid rgba(148,163,184,.25);border-radius:24px;padding:1.5rem;box-shadow:0 18px 40px #0f172a14;display:flex;flex-direction:column;gap:1.1rem;height:100%;transition:transform .25s ease,box-shadow .25s ease}.onboarding-card{padding-left:2.75rem}.employee-card:hover{transform:translateY(-3px);box-shadow:0 24px 45px #0f172a1f}.employee-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.25rem}.employee-card-info{display:flex;gap:.95rem;align-items:flex-start}.employee-avatar{width:52px;height:52px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-primary);background:linear-gradient(145deg,#e2e8f0a6,#f8fafcf2);box-shadow:inset 0 0 0 1px #ffffffb3}.employee-avatar.has-photo{background-size:cover;background-position:center;background-repeat:no-repeat;color:transparent}body.dark-theme .employee-avatar{color:#fff;font-weight:700;background:linear-gradient(145deg,#6366f1cc,#4f46e5e6);box-shadow:0 0 0 2px #6366f14d,inset 0 0 0 1px #ffffff26}body.dark-theme .employee-avatar.has-photo{background:none;background-image:inherit;background-size:cover;background-position:center;color:transparent;box-shadow:0 0 0 1px #ffffff14}.user-avatar.has-photo{background-color:#fff;background-size:cover;background-position:center;color:transparent}body.dark-theme .user-avatar{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover-color));color:#fff;font-weight:700}body.dark-theme .user-avatar.has-photo{background-color:#fff;background-image:inherit;background-size:cover;background-position:center;color:transparent;box-shadow:0 0 0 1px #ffffff14}.employee-name{font-size:1.12rem;font-weight:600;color:var(--text-primary)}.employee-meta{font-size:.92rem;color:var(--text-secondary)}.employee-meta.subtle{color:var(--text-secondary)}.employee-card-body{display:flex;flex-direction:column;gap:.4rem}.employee-card-detail{display:flex;gap:.55rem;align-items:center;color:var(--text-secondary);font-size:.92rem;padding:.15rem 0}.attendance-day small{color:var(--text-secondary);font-size:.75rem}.employee-card-detail i{color:var(--text-muted);font-size:.95rem}.employee-card-footer{display:flex;justify-content:center;margin-top:auto;gap:.65rem}.employee-card-footer .icon-btn{background:var(--surface-alt);border-color:#94a3b873}.employee-card-footer .icon-btn i{color:var(--text-secondary)}.onboarding-card .view-details-btn{width:auto;min-width:0;padding:0 1.1rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:.55rem}.onboarding-card .view-details-btn span{font-size:.85rem;font-weight:500;color:var(--text-secondary)}body.dark-theme .onboarding-card .view-details-btn span{color:var(--text-light)}.employee-card-header .status-badge{background:#10b98129;box-shadow:none;padding:.15rem .7rem;border-radius:999px;color:var(--success);font-weight:600;display:inline-flex;align-items:center;line-height:1}.employees-table tbody td:last-child{width:120px}.table-actions{display:inline-flex;gap:.5rem;align-items:center;justify-content:flex-end}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:180px;z-index:1000;padding:.5rem 0}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.65rem 1rem;border:none;background:transparent;color:var(--text-primary);font-size:.95rem;text-align:left;cursor:pointer;transition:background .2s ease}.dropdown-item:hover{background:var(--surface-alt)}.dropdown-item i{width:16px;text-align:center;color:var(--text-secondary)}.profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .35s cubic-bezier(.33,1,.68,1);z-index:1100}.profile-overlay.open{opacity:1}.profile-overlay.closing{opacity:0}.profile-panel{position:fixed;top:0;right:0;width:min(420px,100vw);height:100vh;background:var(--surface-color);border-left:1px solid var(--border-color);box-shadow:-12px 0 30px #00000040;transform:translate(104%);transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,opacity .3s ease;z-index:1200;display:flex;flex-direction:column;padding:18px 18px 24px;gap:14px}.profile-panel.open{transform:translate(0);box-shadow:-24px 0 60px #080f2873}.profile-panel.closing{transform:translate(104%);opacity:0}.profile-panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:4px 2px 0}.profile-panel-meta{display:flex;flex-direction:column;gap:4px}.profile-panel-eyebrow{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.profile-panel-header h2{margin:0;font-size:1.35rem;font-weight:800;color:var(--text-primary);letter-spacing:-.01em}.profile-panel-header p{margin:0;color:var(--text-secondary);font-size:.95rem}.profile-hero{position:relative;margin:6px 0 12px;padding:38px 0 12px;text-align:center}.hero-wave{position:absolute;top:0;right:0;bottom:60%;left:0;background:linear-gradient(135deg,#3b82f659,#9333ea73);border-radius:32px 0 40px 40px;filter:blur(.3px)}.profile-avatar{position:relative;width:120px;height:120px;margin:0 auto 14px;border-radius:36px;border:3px solid rgba(255,255,255,.8);background:linear-gradient(135deg,#c7d2fe,#e0e7ff);display:grid;place-items:center;font-size:2.2rem;font-weight:700;color:#312e81;box-shadow:0 16px 44px #0f172a40;overflow:hidden;z-index:1}.profile-avatar.has-photo{background-size:cover;background-position:center;color:transparent}.avatar-upload-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#fffffff2;border:1px solid rgba(99,102,241,.25);color:var(--text-primary);font-size:.85rem;font-weight:600;cursor:pointer;position:relative;z-index:1;transition:transform .2s ease,box-shadow .2s ease}.avatar-upload-pill:hover{transform:translateY(-2px);box-shadow:0 12px 30px #4f46e540}.profile-actions{margin-top:auto}.profile-main-info .profile-name{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.profile-main-info .profile-meta{color:var(--text-secondary);font-size:.95rem}.profile-main-info .subtle{font-size:.85rem}.profile-close-btn{width:36px;height:36px;border-radius:12px;border:1px solid var(--border-color);background:var(--surface-alt);cursor:pointer;display:grid;place-items:center;color:var(--text-primary);transition:all .2s ease}.profile-close-btn:hover{transform:rotate(90deg);box-shadow:var(--shadow-sm)}.profile-panel-body{padding:14px 18px 22px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.profile-section{background:var(--surface-alt);border:1px solid var(--border-color);border-radius:16px;padding:14px 16px;box-shadow:var(--shadow-sm)}.section-title{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:10px;letter-spacing:.01em}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.profile-detail-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:18px;padding:18px;box-shadow:var(--shadow-md)}.profile-photo-upload{display:flex;align-items:center;gap:1rem}.avatar-preview{width:96px;height:96px;border-radius:50%;background:var(--surface-alt);border:1px dashed var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-weight:600;font-size:.85rem;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;position:relative}.avatar-preview:after{content:attr(data-placeholder)}.avatar-preview.has-photo{border:none;background-color:#fff}.profile-detail-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:var(--surface-alt);border:1px solid rgba(148,163,184,.3);transition:transform .2s ease,box-shadow .2s ease}.profile-detail-item:hover{transform:translate(4px);box-shadow:var(--shadow-sm)}.detail-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#6366f114;color:#4c1d95;font-size:1rem}.detail-copy{display:flex;flex-direction:column;gap:2px}.detail-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.detail-value{font-size:.95rem;color:var(--text-primary)}.pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;border:1px solid var(--border-color);font-size:.85rem;letter-spacing:.01em}.pill-soft{background:var(--surface-color)}.pill-active{background:#22c55e1f;border-color:#22c55e4d;color:#15803d}.pill-inactive{background:#f871711f;border-color:#f871714d;color:#b91c1c}@media (max-width: 640px){.profile-panel{width:100vw}.profile-panel-header{grid-template-columns:1fr auto;grid-template-areas:"avatar close" "info info"}.profile-avatar-wrapper{grid-area:avatar}.profile-main-info{grid-area:info}}.loading-placeholder{padding:12px;color:var(--text-muted);font-style:italic}body.dark-theme .loading-placeholder{color:var(--text-muted)}danger-heading{margin-top:0;color:var(--danger)}body.dark-theme .danger-heading{color:var(--danger-bright)}.muted-info-text{color:var(--text-muted);font-size:14px}body.dark-theme .muted-info-text{color:var(--text-muted)}.csv-format-hint{color:var(--text-muted);display:block;margin-top:8px;font-size:.875rem}body.dark-theme .csv-format-hint{color:var(--text-muted)}.error-message{color:var(--danger)}body.dark-theme .error-message{color:var(--danger-bright)}.success-message-preview{margin-bottom:8px;color:var(--success);font-weight:500}body.dark-theme .success-message-preview{color:var(--success-bright)}.holiday-actions-header{text-align:center}.allocation-description{color:var(--text-muted);margin-bottom:1rem}body.dark-theme .allocation-description{color:var(--text-muted)}.leave-type-card{padding:.75rem;border-radius:6px;text-align:center}body.dark-theme .leave-type-card{background:var(--surface-alt)}.leave-type-label{font-size:.875rem;color:var(--text-muted);margin-bottom:.25rem}body.dark-theme .leave-type-label{color:var(--text-muted)}.center-input{max-width:80px;margin:0 auto;text-align:center}.total-quota-display{margin:.5rem 0;padding:.75rem;border-radius:6px;font-weight:600;font-size:1.05rem;color:var(--success);background:var(--success-soft)}body.dark-theme .total-quota-display{color:var(--success-bright);background:#064e3b4d}.allocation-note{margin-top:1rem;padding:12px;background:var(--surface-alt);border-radius:6px;font-size:.875rem;color:var(--text-muted)}body.dark-theme .allocation-note{background:var(--surface-hover);color:var(--text-muted)}.access-denied-content{text-align:center;padding:2rem}.error-icon{color:var(--danger);margin-bottom:1rem}body.dark-theme .error-icon{color:var(--danger-bright)}.error-heading{color:var(--danger);margin-bottom:.5rem}body.dark-theme .error-heading{color:var(--danger-bright)}.access-denied-note{font-size:.875rem;color:var(--text-muted)}body.dark-theme .access-denied-note{color:var(--text-muted)}.success-icon{color:var(--success)}.danger-icon{color:var(--danger)}body.dark-theme .success-icon{color:var(--success-bright)}body.dark-theme .danger-icon{color:var(--danger-bright)}.leave-type{font-weight:500;color:var(--text-primary)}.leave-dates{font-size:.875rem;color:var(--text-secondary)}.leave-status{font-weight:500}.leave-status.approved{color:var(--success)}.leave-status.rejected{color:var(--danger)}body.dark-theme .leave-status.approved{color:var(--success-bright)}body.dark-theme .leave-status.rejected{color:var(--danger-bright)}.rejection-reason{font-size:.75rem;color:var(--danger);margin-top:4px}body.dark-theme .rejection-reason{color:var(--danger-bright)}.notification-item{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--border-light)}.timestamp{color:var(--text-muted);font-size:11px;margin-top:2px}body.dark-theme .timestamp{color:var(--text-muted)}.upload-description{margin-top:8px;color:var(--text-secondary);font-size:13px}.doj-info{margin-top:12px;color:var(--text-muted);font-size:12px}body.dark-theme .upload-description{color:var(--text-secondary)}body.dark-theme .doj-info{color:var(--text-muted)}.stepper-circle{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface-alt);color:var(--text-primary);font-weight:700}.stepper-item.active .stepper-circle{background:var(--primary-color);color:#fff}.stepper-item.completed .stepper-circle{background:var(--success);color:#fff}body.dark-theme .stepper-circle{background:var(--surface-alt);color:var(--text-primary)}body.dark-theme .stepper-item.active .stepper-circle{background:var(--primary-color);color:#fff}body.dark-theme .stepper-item.completed .stepper-circle{background:var(--success-bright);color:var(--text-primary)}.stepper-label{display:flex;flex-direction:column;align-items:flex-start;color:var(--text-secondary);font-size:12px}body.dark-theme .stepper-label{color:var(--text-secondary)}.stepper-line{flex:1;height:2px;background:var(--border-light);margin:0 8px}body.dark-theme .stepper-line{background:var(--border-color)}.progress-section{margin-top:14px;padding-top:14px;border-top:1px solid var(--border-light)}body.dark-theme .progress-section{border-top-color:var(--border-color)}.progress-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-secondary);margin-bottom:6px}body.dark-theme .progress-header{color:var(--text-secondary)}.progress-label{font-weight:600;color:var(--text-primary)}body.dark-theme .progress-label{color:var(--text-primary)}.progress-percent{font-weight:700;color:var(--primary-color)}body.dark-theme .progress-percent{color:var(--primary-color)}.progress-track{height:8px;background:var(--surface-alt);border-radius:9999px;overflow:hidden;margin-bottom:6px}body.dark-theme .progress-track{background:var(--surface-hover)}.progress-fill{height:100%;background:var(--primary-color);transition:width .3s}body.dark-theme .progress-fill{background:var(--primary-color)}.progress-step{font-size:11px;color:var(--text-muted);margin-bottom:10px}body.dark-theme .progress-step{color:var(--text-muted)}.onboarding-details-card{max-width:860px;width:100%;max-height:85vh;overflow:auto;border-radius:16px;padding:20px;background:var(--surface-color)}body.dark-theme .onboarding-details-card{background:var(--surface-color)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal-title-section{flex:1}.modal-title{font-weight:700;font-size:20px;color:var(--text-primary)}body.dark-theme .modal-title{color:var(--text-light)}.modal-subtitle,body.dark-theme .modal-subtitle{color:var(--text-secondary)}.modal-description{color:var(--text-muted);font-size:13px}body.dark-theme .modal-description{color:var(--text-muted)}.modal-close{background:transparent;border:none;font-size:20px;cursor:pointer;color:var(--text-muted)}.modal-close:hover{color:var(--text-primary)}body.dark-theme .modal-close{color:var(--text-muted)}body.dark-theme .modal-close:hover{color:var(--text-light)}.modal-content{margin-top:14px;display:flex;align-items:center;gap:10px}.progress-container{flex:1}.progress-overview{display:flex;align-items:center;justify-content:space-between}.progress-title{font-weight:600}.progress-percent-display{display:flex;align-items:center;justify-content:flex-end;color:var(--text-secondary);font-size:12px;margin-top:6px}body.dark-theme .progress-percent-display{color:var(--text-secondary)}.progress-percent-value{font-weight:800;color:var(--primary-color)}body.dark-theme .progress-percent-value{color:var(--primary-color)}.access-denied-card{padding:40px;text-align:center;background:var(--surface-color);border-radius:var(--radius-lg)}body.dark-theme .access-denied-icon{color:var(--danger-bright)}.access-denied-title{color:var(--text-primary);margin-bottom:12px}body.dark-theme .access-denied-title{color:var(--text-light)}.access-denied-message{color:var(--text-secondary);margin-bottom:8px}body.dark-theme .access-denied-message{color:var(--text-secondary)}.access-denied-submessage{color:var(--text-muted);margin-bottom:16px}body.dark-theme .access-denied-submessage{color:var(--text-muted)}body.dark-theme ::-webkit-scrollbar{width:8px;height:8px}body.dark-theme ::-webkit-scrollbar-track{background:var(--surface-alt)}body.dark-theme ::-webkit-scrollbar-thumb{background:var(--surface-hover);border-radius:4px}body.dark-theme ::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}body.dark-theme ::placeholder{color:var(--text-muted);opacity:1}body.dark-theme :-ms-input-placeholder{color:var(--text-muted)}body.dark-theme ::-ms-input-placeholder{color:var(--text-muted)}body.dark-theme .stat-card{background:var(--surface-color);border-color:var(--border-color)}body.dark-theme .card-ghost{background:var(--surface-alt);border-color:var(--border-color)}body.dark-theme .employee-card-detail i{color:var(--text-muted)}body.dark-theme .pill-tabs{background:var(--surface-alt);border-color:var(--border-color)}body.dark-theme .pill-tabs button{color:var(--text-secondary)}body.dark-theme .pill-tabs button.active{background:var(--surface-color);color:var(--text-primary)}body.dark-theme .progress-track{background:var(--border-color)}body.dark-theme .page-header{background:var(--surface-color);border-color:var(--border-color)}body.dark-theme .attendance-header.page-header{background:linear-gradient(135deg,var(--surface-color) 0%,var(--surface-alt) 100%);border-color:var(--border-color);box-shadow:0 4px 20px #0006,0 1px 4px #0000004d}body.dark-theme .page-header-title h1{background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark-theme .month-navigator{background:var(--surface-color);border-color:var(--border-color);box-shadow:0 2px 8px #0000004d}body.dark-theme .month-nav-btn{background:var(--surface-color);border-color:var(--border-color);color:var(--text-secondary)}body.dark-theme .month-nav-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}body.dark-theme .inline-search input{background:var(--surface-alt);border-color:var(--border-color);color:var(--text-primary)}body.dark-theme .inline-search input::placeholder{color:var(--text-muted)}body.dark-theme .inline-search input:focus{background:var(--surface-color);border-color:var(--primary-color)}body.dark-theme .user-profile{background:var(--surface-alt);border-color:var(--border-color)}body.dark-theme .user-profile:hover{background:var(--surface-hover);border-color:var(--border-hover)}body.dark-theme .notification-bell{color:var(--text-secondary)}body.dark-theme .notification-bell:hover{color:var(--primary-color)}body.dark-theme .timer-btn.check-in{box-shadow:0 8px 18px #10b9814d}body.dark-theme .timer-btn.check-out{box-shadow:0 8px 18px #ef44444d}body.dark-theme .inbox-item,body.dark-theme .leave-settings-item{background:var(--surface-color);border-color:var(--border-color)}body.dark-theme .inbox-item:hover,body.dark-theme .leave-settings-item:hover{box-shadow:var(--shadow-md)}body.dark-theme .inbox-tab{color:var(--text-secondary);border-bottom-color:transparent}body.dark-theme .inbox-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}body.dark-theme .rejection-reason-box{background:#ef44441a;border-left-color:var(--danger);color:var(--danger-bright)}body.dark-theme .rejection-reason-box strong{color:var(--danger)}body.dark-theme .global-loader-overlay{background:#0f172acc}body.dark-theme .global-loader-card{background:radial-gradient(circle at top left,var(--surface-color),var(--surface-alt));border-color:var(--border-color);box-shadow:0 18px 55px #0009,0 4px 16px #0006}body.dark-theme .global-loader-label{color:var(--text-primary)}body.dark-theme .global-loader-subtext{color:var(--text-muted)}body.dark-theme .global-loader-ring{background:var(--border-color)}body.dark-theme .employee-view-toggle .view-toggle-btn{background:var(--surface-alt);border-color:var(--border-color);color:var(--text-muted)}body.dark-theme .employee-view-toggle .view-toggle-btn:hover{background:var(--surface-hover);color:var(--text-secondary)}body.dark-theme .employee-view-toggle .view-toggle-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}body.dark-theme .btn-secondary{background:var(--surface-alt);border-color:var(--border-color);color:var(--text-primary)}body.dark-theme .btn-secondary:hover{background:var(--surface-hover);border-color:var(--primary-color);color:var(--primary-color)}body.dark-theme .btn-outline{border-color:var(--border-color);color:var(--text-primary)}body.dark-theme .btn-outline:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}body.dark-theme .action-btn.toggle-timer:hover{background:var(--primary-soft);border-color:var(--primary-color)}body.dark-theme .action-btn.toggle-timer i{color:var(--text-secondary)}body.dark-theme .action-btn.toggle-timer:hover i{color:var(--primary-color)}body.dark-theme .table-container{background:var(--surface-color);border-color:var(--border-color)}body.dark-theme .table tbody td{border-bottom-color:var(--border-light)}body.dark-theme .modal-overlay{background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body.dark-theme .sidebar{background:linear-gradient(160deg,#1e293bd9,#0f172aeb,#111827f2),radial-gradient(circle at top right,rgba(79,70,229,.08),transparent 70%);backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%);border-right-color:#4f46e526;box-shadow:0 8px 32px #0006,0 0 80px #4f46e514,inset 0 1px #ffffff0d}body.dark-theme .sidebar-logo{box-shadow:0 4px 16px #6366f159,0 2px 8px #818cf840,0 0 20px #4f46e526}body.dark-theme .sidebar-logo:hover{box-shadow:0 6px 20px #6366f173,0 3px 10px #818cf859,0 0 30px #4f46e533}body.dark-theme .nav-section-title{color:var(--text-muted);opacity:.45}body.dark-theme .nav-section-title:after{background:linear-gradient(90deg,transparent,rgba(148,163,184,.08) 50%,transparent)}body.dark-theme .nav-link{color:#e2e8f0bf}body.dark-theme .nav-link i{color:#94a3b899}body.dark-theme .nav-link:hover{background:#47556959;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e2e8f0f2;border-color:#818cf833;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff0d}body.dark-theme .nav-link:hover:before{background:#818cf814}body.dark-theme .nav-link:hover i{color:#818cf8e6;filter:drop-shadow(0 0 8px rgba(129,140,248,.4))}body.dark-theme .nav-link.active{background:#4f46e52e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#a5b4fc;border-color:#818cf859;box-shadow:0 4px 14px #4f46e540,inset 0 1px #ffffff14,inset -3px 0 #818cf8cc}body.dark-theme .nav-link.active:before{background:#818cf81f}body.dark-theme .nav-link.active i{color:#a5b4fc;filter:drop-shadow(0 0 10px rgba(129,140,248,.5))}body.dark-theme .nav-group.open{background:#3341554d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px #47556940}body.dark-theme .nav-toggle .fa-chevron-down{color:#94a3b880}body.dark-theme .nav-submenu{background:transparent}body.dark-theme .nav-group.open>.nav-submenu{background:#1e293b66;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}body.dark-theme .sidebar-nav::-webkit-scrollbar-thumb{background:#94a3b833}body.dark-theme .sidebar-nav::-webkit-scrollbar-thumb:hover{background:#94a3b84d}body.dark-theme .placeholder-text{color:var(--text-secondary)}body.dark-theme .page-subtitle,body.dark-theme .attendance-day small{color:var(--text-muted)}body.dark-theme .stat-card .stat-label{color:var(--text-secondary)}body.dark-theme .stat-card .stat-value{color:var(--text-primary)}body.dark-theme .leave-balance-card{background:#1e293bcc;border-color:var(--border-color)}body.dark-theme .balance-header h4{color:var(--text-primary)}body.dark-theme .header-actions.header-skeleton .timer-btn,body.dark-theme .header-actions.header-skeleton .notification-bell,body.dark-theme .header-actions.header-skeleton .user-profile,body.dark-theme .header-actions.header-skeleton .user-avatar,body.dark-theme .header-actions.header-skeleton span{background-color:var(--surface-alt)}body.dark-theme .onboarding-card{background:var(--surface-color);border-color:var(--border-color)}body.dark-theme .mytasks-card{background:var(--surface-color);box-shadow:0 10px 22px #00000080}body.dark-theme .mytasks-header{background:linear-gradient(135deg,#4f46e5e6,#6366f1d9)}body.dark-theme .mytasks-table-card{background:var(--surface-color);box-shadow:0 8px 20px #0006}body.dark-theme #edit-type-modal .form-group .form-control{background:var(--surface-alt);border-color:var(--border-color);color:var(--text-primary)}body.dark-theme #edit-type-modal .form-group .form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f140;background:var(--surface-hover)}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}body.dark-theme .status-p{background:transparent;color:#22c55e}body.dark-theme .status-a{background:transparent;color:#ef4444}body.dark-theme .status-hl{background:transparent;color:#eab308}body.dark-theme .status-do{background:var(--surface-hover);color:var(--text-secondary)}body.dark-theme .leave-quota-card{box-shadow:0 12px 30px #0006}body.dark-theme .leave-quota-card:hover{box-shadow:0 18px 40px #0009}body.dark-theme .summary-card{box-shadow:0 2px 8px #0000004d}body.dark-theme .summary-card:hover{box-shadow:0 4px 12px #00000080}body.dark-theme .calendar-day:not(.empty):hover{background:var(--primary-soft)}body.dark-theme .badge-primary{background:#4f46e540;color:var(--info-bright)}body.dark-theme .badge-secondary{background:var(--surface-hover);color:var(--text-secondary)}body.dark-theme .badge-success{background:#10b98140;color:var(--success-bright)}body.dark-theme .badge-warning{background:#f59e0b40;color:var(--warning-bright)}body.dark-theme .badge-info{background:#0ea5e940;color:var(--info-bright)}body.dark-theme .badge-error{background:#ef444440;color:var(--danger-bright)}body.dark-theme .toast{background:var(--surface-color);border-color:var(--border-color);box-shadow:0 10px 25px #0009}body.dark-theme .success-card{background:linear-gradient(135deg,#10b98126,#10b9811a);border-color:var(--success)}body.dark-theme .success-card h3,body.dark-theme .success-card p{color:var(--success-bright)}body.dark-theme .holiday-info-card{background:#1e293bcc;border-color:#47556980}body.dark-theme .holiday-item{background:#33415599;border-color:#47556966}body.dark-theme .status-inl{background:linear-gradient(135deg,#f59e0be6,#fb923ce6);box-shadow:0 2px 8px #f59e0b66}body.dark-theme .employee-avatar,body.dark-theme .asg,body.dark-theme [class*=avatar]{background:#6366f140;color:var(--text-light);border:1px solid rgba(99,102,241,.4);font-weight:700}body.dark-theme .icon-btn{background:#33415599;color:var(--text-primary);border-color:#47556980}body.dark-theme .icon-btn:hover{background:#475569cc;color:var(--primary-color);border-color:var(--primary-color)}body.dark-theme .table tbody tr:hover td{background:#47556966}body.dark-theme .holidays-table-container{background:var(--surface-color);border-color:var(--border-color)}body.dark-theme .dashboard-hero{background:#1e293bcc;border:1px solid var(--border-color)}body.dark-theme .global-loader-overlay{background:#0f172ad9}body.dark-theme .global-loader-card{background:#1e293bf2;border-color:#6366f166}body.dark-theme .pagination .btn{background:var(--surface-alt);border-color:var(--border-color);color:var(--text-primary)}body.dark-theme .pagination .btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary-color);color:var(--primary-color)}body.dark-theme .pagination .btn:disabled{opacity:.4;background:var(--surface-alt);color:var(--text-muted)}body.dark-theme .page-indicator{color:var(--text-secondary)}body.dark-theme .kan-card{background:#fff!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 2px 6px #0000004d!important}body.dark-theme .kan-card:hover{box-shadow:0 4px 12px #00000080!important}body.dark-theme .kan-card-title{color:var(--text-primary)}body.dark-theme .kan-card-body{color:var(--text-secondary)}body.dark-theme .kan-col{background:var(--surface-alt)!important;border:1px solid var(--border-color)!important}body.dark-theme .kan-col[data-col=New]{background:linear-gradient(135deg,#94a3b838,#1e293be6)!important;border-color:#94a3b880!important}body.dark-theme .kan-col[data-col="In Progress"]{background:linear-gradient(135deg,#eab3083d,#1e293be6)!important;border-color:#eab3088c!important}body.dark-theme .kan-col[data-col=Hold]{background:linear-gradient(135deg,#f8717142,#1e293be6)!important;border-color:#f871718c!important}body.dark-theme .kan-col[data-col=Completed]{background:linear-gradient(135deg,#22c55e3d,#1e293be6)!important;border-color:#22c55e8c!important}body.dark-theme .kan-col[data-col=Review]{background:linear-gradient(135deg,#3b82f642,#1e293be6)!important;border-color:#3b82f68c!important}body.dark-theme .menu-dropdown{background:var(--surface-color);border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}body.dark-theme .menu-btn{color:var(--text-muted)}body.dark-theme .menu-btn:hover{color:var(--text-primary)}body.dark-theme .scoreboard-label{color:var(--text-muted)}body.dark-theme .scoreboard-value,body.dark-theme .scoreboard-active-name{color:var(--text-light)}body.dark-theme .scoreboard-active{background:#1e293b99;border-color:#6366f166}body.dark-theme .kan-card.active-card{background-color:#6366f126!important;outline-color:var(--primary-color)}body.dark-theme .kan-arrow{color:var(--text-muted)!important}body.dark-theme .kan-arrow:hover{color:var(--text-light)!important}body.dark-theme .add-col-box{background:var(--surface-alt)}body.dark-theme .add-col-box:hover{background:var(--surface-hover);border-color:var(--primary-color)}body.dark-theme .add-icon{color:var(--text-muted)}body.dark-theme .form-section-title{color:var(--primary-color);border-bottom-color:var(--border-color)}body.dark-theme .assignee-circle{background:#6366f133;color:var(--text-light)}body.dark-theme .multi-select{background:var(--surface-color);border-color:var(--border-color)}body.dark-theme .multi-select .search-input{color:var(--text-primary)}body.dark-theme .multi-select .search-input::placeholder{color:var(--text-muted)}body.dark-theme .multi-select .dropdown{background:var(--surface-alt);border-color:var(--border-color)}body.dark-theme .multi-select .dropdown div:hover{background:var(--surface-hover)}body.dark-theme .selected-tag{background:var(--primary-soft);color:var(--primary-color);border-color:#6366f14d}body.dark-theme #global-loader{background:#0f172ad9}body.dark-theme .loader-circle{border-color:var(--border-color);border-top-color:var(--primary-color)}body.dark-theme #new-col-name,body.dark-theme #new-col-color{background:var(--surface-color);border-color:var(--border-color);color:var(--text-primary)}body.dark-theme #new-col-name:focus,body.dark-theme #new-col-color:focus{border-color:var(--primary-color);background:var(--surface-alt)}body.dark-theme .table thead tr{background:var(--surface-alt);border-bottom-color:var(--border-color)}body.dark-theme .table thead th{color:var(--text-muted);border-bottom-color:var(--border-color)}body.dark-theme .table tbody td{color:var(--text-primary);border-bottom-color:var(--border-light)}body.dark-theme .table tbody tr:hover{background:var(--surface-hover)}body.dark-theme .table-container{border-color:var(--border-color)}body.dark-theme .mytasks-card,body.dark-theme .mytasks-table-card{background:var(--surface-color)}body.dark-theme .action-btn.toggle-timer{background:var(--surface-alt);border-color:var(--border-color)}body.dark-theme .action-btn.toggle-timer:hover{background:var(--surface-hover);border-color:var(--primary-color)}body.dark-theme .action-btn.toggle-timer i{color:var(--text-primary)}body.dark-theme .filter-chip{background:var(--surface-alt);border-color:var(--border-color);color:var(--text-primary)}body.dark-theme .filter-chip:hover{background:var(--surface-hover);border-color:var(--primary-color)}body.dark-theme .filter-chip-count{background:var(--primary-soft);color:var(--primary-color)}.holidays-table-container{overflow-x:auto;border:1px solid var(--border-color);border-radius:12px;background:var(--surface-color);box-shadow:var(--shadow-sm)}.holidays-table-container .table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:.85rem}.holidays-table-container .table thead th{position:sticky;top:0;background:var(--surface-alt);z-index:2;text-align:left;font-size:.75rem;padding:12px 16px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-weight:700;border-bottom:2px solid var(--border-color);white-space:nowrap}.holidays-table-container .table thead th:nth-child(2){text-align:center}.holidays-table-container .table th:nth-child(2),.holidays-table-container .table td:nth-child(2){width:auto;text-align:center}.holidays-table-container .table td:nth-child(2){display:flex;justify-content:center;align-items:center}.holidays-table-container .table th:nth-child(3),.holidays-table-container .table td:nth-child(3){width:120px}.holidays-table-container .table tbody tr{border-bottom:1px solid var(--border-light);transition:background-color .15s ease}.holidays-table-container .table tbody tr:hover{background:var(--surface-hover)}.holidays-table-container .table tbody tr:last-child{border-bottom:none}.holidays-table-container .mytasks-room-card:last-child{border-bottom:none}.task-link{border:none;background:transparent;padding:0;margin:0;font:inherit;color:var(--text-primary);font-weight:600;cursor:pointer}.task-link:hover{color:var(--primary-color)}.task-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}body.dark-theme .task-link{color:var(--text-primary)}.holidays-table-container .table th,.holidays-table-container .table td{padding:14px 16px;line-height:1.4;vertical-align:middle}.holidays-table-container .table th:nth-child(1),.holidays-table-container .table td:nth-child(1){width:220px}.holiday-date-cell{display:flex;align-items:center;gap:12px}.holiday-date-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover-color) 100%);color:#fff;padding:8px 10px;border-radius:8px;min-width:50px;box-shadow:0 2px 6px #6366f14d}.holiday-date-day{font-size:18px;font-weight:700;line-height:1}.holiday-date-month{font-size:10px;font-weight:600;text-transform:uppercase;opacity:.9;margin-top:2px}.holiday-date-info{display:flex;flex-direction:column}.holiday-date-full{font-weight:600;color:var(--text-primary);font-size:.9rem}.holiday-date-weekday{font-size:.75rem;color:var(--text-muted);margin-top:2px}.holiday-name-cell{font-size:.9rem;font-weight:500;color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%}.holiday-icon{color:var(--primary-color);margin-right:8px}.holiday-actions-cell{text-align:center}.icon-btn.holiday-delete-btn:hover{background:var(--danger-soft);color:var(--danger)}.status-inl{display:flex;align-items:center;justify-content:center;min-width:46px;padding:8px 12px;min-height:38px;border-radius:6px;background:linear-gradient(135deg,var(--warning) 0%,var(--warning-dark) 100%);color:#fff;font-weight:700;font-size:13px;letter-spacing:.5px;box-shadow:0 2px 8px #f59e0b4d}.leave-lop-text{font-size:9px;font-weight:600;letter-spacing:.3px;margin-top:2px;opacity:.95;color:#ef4444}.holiday-info-card{background:var(--surface-color);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.holiday-header{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid var(--border-color)}.holiday-header h4{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.holiday-header i{font-size:20px}.holiday-info-icon{color:var(--info)}.holiday-beach-icon{color:var(--danger);margin-right:8px}.holiday-error-icon{color:var(--danger)}.no-holidays-text{text-align:center;color:var(--text-muted);font-style:italic;margin:10px 0}.holiday-list{display:flex;flex-direction:column;gap:12px}.holiday-item{display:flex;align-items:center;background:var(--surface-alt);padding:12px 16px;border-radius:8px;box-shadow:var(--shadow-xs);transition:transform .2s,box-shadow .2s;border:1px solid var(--border-color)}.holiday-item:hover{transform:translate(4px);box-shadow:var(--shadow-sm)}.holiday-date{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover-color) 100%);color:#fff;border-radius:8px;padding:8px 12px;min-width:60px;margin-right:16px}.holiday-day{font-size:24px;font-weight:700;line-height:1}.holiday-weekday{font-size:10px;font-weight:600;text-transform:uppercase;opacity:.9;margin-top:2px}.holiday-name{font-size:14px;font-weight:500;color:var(--text-primary)}.access-denied-card{padding:40px;text-align:center}.access-denied-icon{font-size:48px;color:var(--danger);margin-bottom:16px}.employee-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.leave-quota-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.25rem}.leave-quota-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;padding:1.2rem 1.4rem;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease}.leave-quota-card:hover{box-shadow:0 12px 30px #0f172a1f;transform:translateY(-2px)}.leave-quota-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.leave-quota-type{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.leave-quota-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0}.leave-quota-available{text-align:right}.leave-quota-available .quota-available{font-size:1.8rem;font-weight:700;color:var(--text-primary)}.leave-quota-available .quota-label{font-size:.78rem;color:var(--text-secondary)}.quota-progress{margin-top:.35rem;height:8px;border-radius:999px;background:var(--border-color);overflow:hidden}.quota-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary-color),var(--primary-hover-color))}.quota-meta{display:flex;justify-content:space-between;gap:.75rem;margin-top:.45rem;font-size:.8rem;color:var(--text-secondary)}.quota-meta span{display:inline-flex;align-items:center;gap:.35rem}.quota-chart{width:78px;height:78px;border-radius:50%;background:conic-gradient(var(--quota-ring, var(--primary-color)) 0 var(--quota-percent, 0%),var(--surface-alt) var(--quota-percent, 0%) 100%);display:flex;align-items:center;justify-content:center}.quota-chart-inner{width:56px;height:56px;border-radius:50%;background:var(--surface-color);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px var(--border-color)}.quota-available{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.quota-label{font-size:.85rem;color:var(--text-secondary)}.quota-legend{list-style:none;display:flex;flex-direction:column;gap:.35rem}.legend-dot{width:10px;height:10px;border-radius:50%}.dot-total{background:#94a3b880}.dot-consumed{background:var(--primary-color)}.dot-available{background:#94a3b880}.leave-history h3{font-size:1.1rem;font-weight:600}.inbox-container{display:flex;gap:1.5rem;min-height:540px}.inbox-sidebar{width:250px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem 0;flex-shrink:0;box-shadow:var(--shadow-sm)}.inbox-category{padding:.85rem 1.35rem;cursor:pointer;border-left:3px solid transparent;color:var(--text-secondary);transition:background .2s ease,color .2s ease}.inbox-category.active{border-left-color:var(--primary-color);background:var(--primary-soft);color:var(--primary-color);font-weight:600}.inbox-category:hover:not(.active){background:var(--surface-alt);color:var(--text-primary)}.inbox-content{flex:1;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.table{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-color);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.table thead{background:var(--surface-alt)}.table thead th{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);font-weight:600;text-align:left}.table tbody td{padding:1.1rem 1.5rem;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:.95rem;transition:background .15s ease}.table tbody tr{transition:background-color .2s ease,transform .15s ease}.table tbody tr:hover td{background:var(--surface-hover);cursor:pointer}.table tbody tr:hover{transform:scale(1.002)}.inbox-tabs{display:flex;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.inbox-tab{padding-bottom:.5rem;border-bottom:2px solid transparent;color:var(--text-secondary);font-weight:500;cursor:pointer}.inbox-tab.active{border-color:var(--primary-color);color:var(--primary-color)}.inbox-list{padding:1.5rem;overflow-y:auto;max-height:calc(100vh - 320px)}.inbox-item{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1rem;transition:box-shadow .2s ease,transform .2s ease}.inbox-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.inbox-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.inbox-item-header h4{font-size:1rem;font-weight:600;margin:0}.inbox-item-meta{font-size:.82rem;color:var(--text-secondary)}.inbox-item-body{margin-bottom:1rem}.inbox-item-body p{margin:.5rem 0;font-size:.9rem;color:var(--text-primary)}.inbox-item-actions{display:flex;gap:.75rem;padding-top:.75rem;border-top:1px dashed var(--border-color)}.inbox-item-actions .btn{flex:1;max-width:150px}.rejection-reason-box{margin-top:1rem;padding:.85rem;background:var(--danger-soft);border-left:4px solid var(--danger);border-radius:var(--radius-sm);color:var(--danger)}.rejection-reason-box strong{color:var(--danger);display:block;margin-bottom:.35rem}.rejection-reason-box p{margin:0;font-size:.85rem}.leave-settings-item{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.1rem;margin-bottom:1rem;transition:box-shadow .2s ease,transform .2s ease}.leave-settings-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.leave-settings-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.leave-settings-header h4{margin:0;font-size:1.05rem;color:var(--text-primary)}.leave-settings-meta{font-size:.85rem;color:var(--text-secondary)}.leave-settings-body{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px dashed var(--border-color)}.leave-settings-body p{margin:.35rem 0;font-size:.9rem;color:var(--text-primary)}.leave-settings-actions{display:flex;gap:.5rem}.leave-settings-actions button{flex:1;max-width:140px}.attendance-header{background:transparent;border:none;border-radius:0;box-shadow:none;display:flex;justify-content:space-between;align-items:center;padding:0 0 1.5rem;gap:1rem;border-bottom:1px solid var(--border-color);margin-bottom:2rem}.page-header-title h1{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.025em}.page-subtitle{font-size:.9rem;color:var(--text-muted);margin:0;font-weight:400}.page-header-actions{justify-self:flex-end;display:flex;gap:.75rem}.month-navigator{display:flex;align-items:center;gap:.75rem;justify-self:center;font-weight:600}.month-nav-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;background:var(--surface-alt);position:relative;z-index:1}.month-nav-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:scale(1.1);box-shadow:0 4px 12px #4f46e54d}.attendance-card{padding:0}.attendance-summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.summary-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;transition:box-shadow .15s ease}.summary-card:hover{box-shadow:var(--shadow-sm)}.summary-label{font-size:.8rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em}.summary-value{font-size:1.875rem;font-weight:600;color:var(--text-primary);line-height:1}.clean-attendance-table{background:var(--surface-color);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.table-scroll-wrapper{overflow-x:auto;overflow-y:visible;max-width:100%;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.team-attendance-table{width:100%;border-collapse:collapse;table-layout:auto;min-width:100%}.team-attendance-table thead{background:var(--surface-alt);border-bottom:1px solid var(--border-color)}.team-attendance-table thead th{padding:1rem .75rem;text-align:center;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);background:var(--surface-alt);position:sticky;top:0;z-index:10}.employee-column-header{text-align:left!important;padding-left:1.5rem!important;position:sticky!important;left:0!important;z-index:20!important;background:var(--surface-alt)!important;min-width:200px;box-shadow:2px 0 4px #00000005}.attendance-day-header{min-width:60px;padding:.75rem .5rem!important}.day-name{font-size:.7rem;font-weight:600;color:var(--text-muted);margin-bottom:.25rem;letter-spacing:.05em}.day-number{font-size:.95rem;font-weight:600;color:var(--text-secondary)}.team-attendance-table tbody tr{border-bottom:1px solid var(--border-light);transition:background-color .15s ease}.team-attendance-table tbody tr:hover{background-color:var(--surface-alt)}.employee-name-cell{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;position:sticky!important;left:0!important;z-index:15!important;background:var(--surface-color);min-width:200px;box-shadow:2px 0 4px #00000005;transition:background-color .15s ease}.employee-row:hover .employee-name-cell{background-color:var(--surface-alt)}.employee-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-transform:uppercase;letter-spacing:.025em}.employee-details{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.employee-name{font-size:.875rem;font-weight:500;color:var(--text-primary);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-role{font-size:.75rem;color:var(--text-muted);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-day-cell{padding:.75rem .5rem;text-align:center;vertical-align:middle;min-width:60px;background:var(--surface-color);transition:background-color .15s ease;cursor:pointer}.employee-row:hover .team-day-cell{background-color:var(--surface-alt)}.status-cell{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;border-radius:6px;font-weight:600;font-size:.75rem;letter-spacing:.025em;transition:all .15s ease}.status-p{color:#22c55e}.status-a{color:#ef4444}.status-hl{color:#eab308}.status-do{background:var(--surface-alt);color:var(--text-muted)}.status-cl,.status-sl,.status-co{color:#38bdf8}.status-loptext{color:#ef4444}.status-cell [style*="background:#00bcd4"],.status-cell [style*="background: #00bcd4"]{background:transparent!important;color:#38bdf8!important}.status-cell [style*="linear-gradient(135deg, #f39c12"]{background:var(--warning-soft)!important;color:var(--warning)!important}.status-cell [class*=-icon]{position:absolute;font-size:.65rem;opacity:.7}.late-icon{color:var(--warning)}.manual-icon{color:var(--primary-color)}.pending-icon{color:var(--danger)}.attendance-card{padding:1.25rem}.attendance-scroll{overflow-x:auto;overflow-y:visible;max-width:100%;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;width:100%;position:relative;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--surface-color) 0%,var(--surface-alt) 100%);padding:1px}.attendance-table-card{background:var(--surface-color);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:2rem;box-shadow:0 8px 32px #0f172a0f,0 2px 8px #0f172a0a;margin-bottom:32px;overflow:hidden;width:100%;position:relative;z-index:1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.team-attendance-table{table-layout:fixed;width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;position:relative;border-radius:var(--radius-lg);overflow:visible;transform:translateZ(0);will-change:transform;contain:layout style paint}.team-attendance-table thead th{position:sticky;top:0;z-index:15;background:linear-gradient(135deg,var(--surface-alt) 0%,var(--surface-hover) 100%);border-bottom:2px solid var(--border-light);font-weight:700;color:var(--text-secondary);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;padding:1rem .5rem;height:56px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-light);transform:translateZ(0);will-change:transform}.team-attendance-table thead th:last-child{border-right:none}.team-attendance-table .employee-name-cell-header{position:sticky;left:0;z-index:25;background:linear-gradient(135deg,var(--surface-color) 0%,var(--surface-alt) 100%);border-bottom:2px solid var(--primary-color);border-right:2px solid var(--border-light);box-shadow:4px 0 16px #0f172a1a;font-weight:700;color:var(--text-primary);font-size:.82rem;letter-spacing:.02em;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.team-attendance-table th,.team-attendance-table td{text-align:center;width:54px;min-width:54px;max-width:54px;padding:.5rem .3rem;border:none;border-right:1px solid var(--border-light);font-size:.75rem;height:52px;vertical-align:middle;white-space:nowrap;overflow:hidden;box-sizing:border-box;z-index:1;transition:all var(--transition-normal);transform:translateZ(0);will-change:transform;position:relative}.team-attendance-table td{background:var(--surface-color);border-bottom:1px solid var(--border-light)}.team-attendance-table td:hover{background:var(--surface-hover);transform:scale(1.02);z-index:5;box-shadow:0 4px 12px #0f172a14;border-radius:var(--radius-md)}.team-attendance-table th:last-child,.team-attendance-table td:last-child{border-right:none}.team-attendance-table th{background-color:var(--surface-alt);font-weight:600;color:var(--text-secondary);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:11}.team-attendance-table .employee-name-cell-header{z-index:12}.team-attendance-table .employee-name-cell,.team-attendance-table .employee-name-cell-header{text-align:left;width:240px;min-width:240px;max-width:240px;position:sticky;left:0;background:linear-gradient(135deg,var(--surface-color) 0%,var(--surface-alt) 100%);z-index:40;box-shadow:6px 0 20px #0f172a33;padding:.75rem 1rem;box-sizing:border-box;border-right:2px solid var(--border-light);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translateZ(0);will-change:transform;position:sticky!important;left:0!important;contain:layout style paint}.team-attendance-table .employee-name-cell-header{z-index:45;background:linear-gradient(135deg,var(--surface-color) 0%,var(--surface-alt) 100%);border-bottom:2px solid var(--primary-color);border-right:2px solid var(--border-light);box-shadow:6px 0 20px #0f172a33;transform:translateZ(0);will-change:transform;position:sticky!important;left:0!important;contain:layout style paint}.team-attendance-table tr{height:auto;transition:all var(--transition-normal)}.team-attendance-table tbody tr{border-bottom:1px solid var(--border-light);transition:all var(--transition-normal)}.team-attendance-table tbody tr:hover{background:linear-gradient(135deg,var(--surface-hover) 0%,transparent 100%);transform:scale(1.001);box-shadow:0 2px 8px #0f172a0a}.team-attendance-table tbody tr:last-child{border-bottom:none}.attendance-scroll{overflow-x:auto;overflow-y:visible;max-width:100%;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;width:100%;position:relative;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--surface-color) 0%,var(--surface-alt) 100%);padding:1px;transform:translateZ(0);will-change:transform;contain:layout style paint}.attendance-scroll .team-attendance-table{width:1914px;position:relative;transform:translateZ(0);will-change:transform;table-layout:fixed;border-collapse:separate;border-spacing:0}.status-cell{border-radius:var(--radius-md);font-weight:600;display:flex;align-items:center;justify-content:center;gap:.2rem;flex-direction:column;height:100%;position:relative;transition:all var(--transition-normal)}.status-cell:hover{transform:scale(1.05);z-index:10}.employee-name-cell{display:flex;align-items:center;gap:.875rem;height:52px;padding:.75rem 1rem;box-sizing:border-box;position:sticky!important;left:0!important;z-index:40;background:linear-gradient(135deg,var(--surface-color) 0%,var(--surface-alt) 100%);border-right:2px solid var(--border-light);border-bottom:1px solid var(--border-light);transition:all var(--transition-normal);transform:translateZ(0);will-change:transform;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);contain:layout style paint}.employee-name-cell:hover{background:linear-gradient(135deg,var(--surface-hover) 0%,var(--surface-alt) 100%);transform:translateZ(0) translate(2px)}.employee-name-cell .employee-name{font-size:.9rem;font-weight:600;color:var(--text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;letter-spacing:-.01em}.employee-name-cell .employee-role{font-size:.74rem;color:var(--text-secondary);font-weight:400;white-space:nowrap;letter-spacing:.02em}.employee-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #667eea4d;letter-spacing:.02em;text-transform:uppercase}.employee-details{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.status-cell{border-radius:var(--radius-sm);font-weight:600;display:flex;align-items:center;justify-content:center;gap:.2rem;flex-direction:column;height:100%}.status-p{background:transparent;color:#22c55e}.status-a{background:transparent;color:#ef4444}.status-do{background:var(--surface-alt);color:var(--text-secondary)}.status-sl,.status-cl{background:transparent;color:#38bdf8}.status-hl{background:transparent;color:#eab308}.status-cell [class*=-icon]{position:absolute;font-size:.7rem}.attendance-legend{display:flex;justify-content:flex-end;gap:1.5rem;padding:1rem;border-top:1px solid var(--border-color)}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.legend-code{font-weight:700;font-size:.85rem;min-width:1.5rem;display:inline-block}.legend-code-p{color:#22c55e}.legend-code-a{color:#ef4444}.legend-code-hl{color:#eab308}.legend-code-cl{color:#56b3fa}.legend-code-sl,.legend-code-co{color:#38bdf8}.legend-code-inl{color:#f97316}.leave-code{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.leave-code-symbol{font-weight:700;font-size:.8rem}.leave-code-symbol.leave-cl{color:#56b3fa}.leave-code-symbol.leave-sl,.leave-code-symbol.leave-co{color:#38bdf8}.attendance-card .holiday-section{display:none!important}.my-attendance-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border-color);border:1px solid var(--border-color);border-radius:var(--radius-md)}.calendar-header,.calendar-day{background:var(--surface-color);padding:.6rem}.calendar-header{text-align:center;font-weight:600;color:var(--text-secondary);background:var(--surface-alt)}.calendar-day{min-height:90px;display:flex;flex-direction:column;cursor:pointer;transition:background .2s ease}.calendar-day:not(.empty):hover{background:var(--primary-soft)}.calendar-day.selected{box-shadow:inset 0 0 0 2px var(--primary-color)}.calendar-day.empty{background:var(--surface-alt);cursor:default}.day-header{font-weight:600;font-size:.9rem;color:var(--text-secondary);margin-bottom:.25rem}.day-content{flex:1;display:flex;align-items:center;justify-content:center}.attendance-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.25rem}@media (max-width: 768px){.sidebar{position:fixed;left:-260px;z-index:1000;height:100%}.header-search{display:none}.page-header h1{font-size:1.5rem}.app-content,.header{padding:1rem}.my-attendance-details-container{grid-template-columns:1fr}.attendance-header{flex-direction:column;align-items:flex-start}.page-header-title,.page-header-actions,.month-navigator{justify-self:center}.attendance-summary-cards{grid-template-columns:repeat(2,1fr)}.attendance-search-section{flex-direction:column;align-items:stretch}.search-bar-wrapper{max-width:100%}.attendance-filters{flex-wrap:wrap}}@media (max-width: 480px){.attendance-summary-cards{grid-template-columns:1fr}}.attendance-day{display:flex;flex-direction:column;align-items:center;gap:.15rem}.attendance-day span{font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.attendance-day small{font-size:.85rem;font-weight:700;color:var(--text-primary)}.employee-controls{display:flex;gap:.75rem;align-items:center}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background-color:var(--white);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow);min-width:200px;z-index:1000;overflow:hidden}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;cursor:pointer;font-size:.95rem;color:var(--text-primary);transition:background-color .2s}.dropdown-item:hover{background-color:var(--background-color)}.dropdown-item i{font-size:1rem;width:20px;text-align:center}input[type=file]{padding:.5rem;border:2px dashed var(--border-color);border-radius:8px;background-color:var(--background-color);cursor:pointer;width:100%}input[type=file]:hover{border-color:var(--primary-color);background-color:var(--surface-alt)}.status-buttons-row{display:flex;gap:1rem;margin:1.5rem 0;justify-content:center}.status-btn{padding:.75rem 1.5rem;border:2px solid var(--primary-color);background-color:var(--white);color:var(--primary-color);border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;min-width:60px}.status-btn:hover,.status-btn.active{background-color:var(--primary-color);color:var(--white)}.login-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem}.login-details-card{background-color:var(--white);border-radius:8px;border:1px solid var(--border-color);box-shadow:var(--shadow);padding:1.5rem}.login-details-title{text-align:center;margin-bottom:1rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.login-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.login-details-header .login-details-title{margin-bottom:0}.filter-dropdown{position:relative}.filter-select{background-color:var(--background-color);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;min-width:80px}.filter-select:focus{outline:none;box-shadow:0 0 0 2px var(--primary-color)}.table-container{overflow-x:auto;overflow-y:visible;max-width:100%;width:100%;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);position:relative}.table-container.attendance-scroll{width:100%;overflow-x:auto;overflow-y:visible}.login-details-card:first-child .table-container{overflow-x:auto;display:flex;justify-content:center}.login-details-card:first-child .table{width:auto;margin:0 auto}.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--surface-alt) 0%,var(--surface-color) 50%,var(--surface-alt) 100%);padding:20px;position:relative;overflow:hidden}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.login-wrapper:before,.login-wrapper:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:float 20s ease-in-out infinite}.login-wrapper:before{width:400px;height:400px;background:#00f2fe66;top:-100px;left:-100px;animation-delay:0s}.login-wrapper:after{width:350px;height:350px;background:#f093fb66;bottom:-100px;right:-100px;animation-delay:5s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.login-card-glass{background:#ffffff40;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:24px;padding:50px 40px;width:100%;max-width:420px;box-shadow:0 8px 32px #0000001a;position:relative;z-index:1;border:1px solid rgba(255,255,255,.4)}.login-header{text-align:center;margin-bottom:40px}.login-company-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:1.5px;text-transform:uppercase}.login-form-glass{display:flex;flex-direction:column;gap:20px}.glass-input-group{position:relative;display:flex;align-items:center}.glass-input-group input{width:100%;padding:16px 20px;border:none;border-radius:12px;font-size:15px;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;color:#2d3748;box-shadow:0 2px 8px #0000000d}.glass-input-group input::placeholder{color:#a0aec0}.glass-input-group input:focus{outline:none;background:#fffc;box-shadow:0 4px 12px #0000001a}.glass-input-group .password-toggle{position:absolute;right:18px;color:#a0aec0;cursor:pointer;font-size:16px;transition:color .3s ease}.glass-input-group .password-toggle:hover{color:#718096}.glass-login-btn{width:100%;padding:16px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:5px;box-shadow:0 4px 15px #4f46e54d;letter-spacing:.3px;position:relative;display:flex;align-items:center;justify-content:center;gap:8px}.glass-login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4f46e566}.glass-login-btn:active:not(:disabled){transform:translateY(0)}.glass-login-btn:disabled{cursor:not-allowed;opacity:.9}.glass-login-btn.loading{background:linear-gradient(135deg,#4f46e5,#6366f1)}.glass-login-btn.success{background:linear-gradient(135deg,#4f46e5,#6366f1);animation:successPulse .6s ease}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.glass-login-btn .btn-spinner{animation:spin 1s linear infinite}.glass-login-btn .btn-success{animation:checkmarkPop .5s ease;color:#fff!important;font-size:18px;background:none!important;background-color:transparent!important}@keyframes checkmarkPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}.login-error{background:#e539351a;color:#e53935;padding:12px;border-radius:8px;text-align:center;font-size:14px;margin-top:8px;border:1px solid rgba(229,57,53,.2)}@media (max-width: 480px){.login-card-glass{padding:40px 30px;max-width:100%}.login-company-title{font-size:22px;letter-spacing:1px}}.status-badge.completed{background-color:#e0f2ff;color:#0288d1}.employee-select{width:100%;max-width:100%;min-width:250px;white-space:normal;overflow:visible;text-overflow:unset}.employee-select option{white-space:normal!important;min-width:300px!important}.modal,.modal-content{overflow:visible!important}.employee-select{max-height:200px;overflow-y:auto}.onboarding-stepper{background:linear-gradient(135deg,var(--surface-color) 0%,var(--surface-alt) 100%);padding:40px;border-radius:20px;box-shadow:0 8px 32px #0f172a1a;border:1px solid var(--border-color);transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.onboarding-stepper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(79,70,229,.02) 0%,transparent 50%,rgba(79,70,229,.01) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.onboarding-stepper:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0f172a26}.onboarding-stepper:hover:before{opacity:1}.stepper{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;gap:16px;padding:0 8px;flex-wrap:nowrap}.stepper.onboarding-main-stepper{align-items:flex-start}.stepper-item{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;flex:1;min-width:0;transition:all .3s cubic-bezier(.23,1,.32,1)}.stepper-item:hover{transform:translateY(0)}.stepper-circle{width:46px;height:46px;border-radius:50%;background:var(--surface-alt);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;transition:all .4s cubic-bezier(.23,1,.32,1);z-index:2;border:2px solid var(--border-color);position:relative;overflow:hidden}.stepper-circle:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(79,70,229,.1) 0%,transparent 50%,rgba(79,70,229,.05) 100%);opacity:0;transition:opacity .3s ease}.stepper-item:hover .stepper-circle{transform:scale(1.1);border-color:#4f46e54d;color:var(--primary-color)}.stepper-item:hover .stepper-circle:before{opacity:1}.stepper-item.active .stepper-circle{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover-color));color:#fff;box-shadow:0 8px 25px #4f46e566;border-color:var(--primary-color);transform:scale(1.05);animation:pulse-stepper 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-stepper{0%,to{box-shadow:0 8px 25px #4f46e566}50%{box-shadow:0 8px 35px #4f46e599}}.stepper-item.completed .stepper-circle{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);color:#fff;box-shadow:0 4px 16px #10b9814d;border-color:var(--success);transform:scale(1.02)}.stepper-label{text-align:center;font-size:12px;color:var(--text-primary);font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s cubic-bezier(.23,1,.32,1);padding:0;border-radius:0;background:transparent}.onboarding-main-stepper .stepper-label{flex-direction:column;align-items:center;gap:4px;padding:0;max-width:200px;white-space:normal}.onboarding-main-stepper .stepper-label-main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;line-height:1.3;font-weight:500}.onboarding-main-stepper .stepper-label-ts{font-size:10px;color:var(--text-secondary);opacity:.75;display:block;text-align:center;min-height:14px}body.dark-theme .onboarding-main-stepper .stepper-label-ts{color:#e2e8f0}.onboarding-main-stepper .stepper-item.completed .stepper-label-ts{color:var(--success)}body.dark-theme .onboarding-main-stepper .stepper-item.completed .stepper-label-ts{color:var(--success-bright)}.stepper-item:hover .stepper-label{background:transparent;transform:translateY(0)}.stepper-item.active .stepper-label{font-weight:700;background:transparent;box-shadow:none;transform:scale(1.02)}.stepper-item.completed .stepper-label{color:var(--success);background:transparent;font-weight:600}.stepper-line{flex:1;height:3px;background:linear-gradient(90deg,var(--border-color) 0%,var(--surface-alt) 100%);margin:0 8px;border-radius:999px;position:relative;overflow:visible}.onboarding-main-stepper .stepper-line{margin:48px -8px 0;transform:translateY(0)}.stepper-line:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(16,185,129,.3),transparent);transition:left .8s cubic-bezier(.23,1,.32,1)}.stepper-item.completed+.stepper-line{background:linear-gradient(90deg,var(--success) 0%,#059669 100%)!important;box-shadow:0 0 8px #10b9814d}.stepper-item.completed+.stepper-line:before{left:100%}.stage-header{margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid var(--border-color);position:relative;overflow:hidden}.stage-gate-warning{margin:10px 0 18px;color:var(--danger-dark);font-weight:600;display:inline-flex;align-items:center;gap:.45rem;font-size:.95rem;background:none;border:none}.stage-gate-warning i{color:inherit}.stage-header:before{content:"";position:absolute;bottom:0;left:0;width:60px;height:2px;background:linear-gradient(90deg,var(--primary-color),transparent);transition:width .3s ease}.stage-header:hover:before{width:120px}.stage-header h2{font-size:28px;color:var(--text-primary);margin-bottom:12px;display:flex;align-items:center;gap:16px;font-weight:700;transition:all .3s ease}.stage-header:hover h2{color:var(--primary-color);transform:translate(4px)}.stage-header p{color:var(--text-secondary);font-size:14px}#stage-content{margin-top:40px;display:flex;flex-direction:column;gap:36px}#stage-row-23{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}#stage-content>.card{margin:0}.onboarding-form{max-width:900px;margin:0 auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:28px;align-items:start}.form-group{display:flex;flex-direction:column;gap:8px}.bulk-upload-form{display:flex;flex-direction:column;gap:16px}.bulk-upload-field{align-items:flex-start;gap:12px}.bulk-upload-field input[type=file]{display:block;width:100%;max-width:360px}.bulk-action-row{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.bulk-select-all{display:flex;align-items:center;gap:6px;margin-left:auto}.bulk-select-all-left{margin-left:0}.form-group label{font-weight:500;color:var(--text-primary);font-size:14px}.form-group .required{color:#e74c3c}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s}.modal .form-group select,.modal .form-group input,.modal .form-group textarea{width:100%;border-radius:12px;background:#0f172a73;border:1px solid rgba(148,163,184,.35);color:var(--text-primary);font-weight:500;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.modal .form-group select:focus,.modal .form-group input:focus,.modal .form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f14d;background:#0f172aa6;outline:none}.modal .form-group select option{background:var(--surface-color);color:var(--text-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #00a7c01a}.form-group textarea{resize:vertical;font-family:inherit}.form-actions{display:flex;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color)}.info-card{background:linear-gradient(135deg,var(--surface-alt) 0%,var(--surface-color) 100%);border:1px solid var(--border-color);border-radius:16px;padding:28px;margin-bottom:32px;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.info-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(79,70,229,.02) 0%,transparent 50%,rgba(79,70,229,.01) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.info-card:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 12px 32px #0f172a1f;border-color:#4f46e533}.info-card:hover:before{opacity:1}.info-card h3{font-size:18px;color:var(--text-primary);margin-bottom:16px;font-weight:600;transition:color .3s ease}.info-card:hover h3{color:var(--primary-color)}.info-card p{margin-bottom:8px;font-size:14px;color:var(--text-secondary)}.info-card strong{color:var(--text-primary);margin-right:8px}.success-card{background:linear-gradient(135deg,var(--success-soft) 0%,var(--success-soft) 100%);border:2px solid var(--success);border-radius:20px;padding:48px;text-align:center;margin-bottom:32px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.23,1,.32,1)}.success-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(16,185,129,.1) 0%,transparent 50%,rgba(16,185,129,.05) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.success-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px #10b98133}.success-card:hover:before{opacity:1}.success-card h3{font-size:24px;color:var(--success);margin-bottom:16px}.success-card p{font-size:14px;color:var(--success-dark);margin-bottom:8px}.uploaded-documents{background:var(--surface-alt);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-top:16px}.uploaded-documents h4{font-size:14px;color:var(--text-primary);margin-bottom:12px}.uploaded-documents ul{list-style:none;padding:0}.uploaded-documents li{padding:8px 0;border-bottom:1px solid var(--border-color)}.uploaded-documents li:last-child{border-bottom:none}.uploaded-documents a{color:var(--primary-color);text-decoration:none;display:flex;align-items:center;gap:8px}.uploaded-documents a:hover{text-decoration:underline}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.badge-primary{background:var(--primary-soft);color:var(--primary-color)}.badge-secondary{background:var(--surface-alt);color:var(--text-secondary)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-error{background:var(--danger-soft);color:var(--danger)}.toast{position:fixed;bottom:24px;right:24px;background:var(--surface-color);padding:16px 20px;border-radius:8px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:12px;min-width:300px;transform:translateY(100px);opacity:0;transition:all .3s ease;z-index:9999;border:1px solid var(--border-color)}.toast.show{transform:translateY(0);opacity:1}.toast-success{border-left:4px solid #10b981}.toast-error{border-left:4px solid #e74c3c}.toast-info{border-left:4px solid var(--primary-color)}.toast i{font-size:20px}.toast-success i{color:#10b981}.toast-error i{color:#e74c3c}.toast-info i{color:var(--primary-color)}.search-input{padding:10px 14px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;width:300px;background:var(--surface-color);color:var(--text-primary)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #00a7c01a}.loading-spinner{text-align:center;padding:40px;color:var(--text-secondary)}@media (max-width: 768px){.sidebar{position:fixed;left:-260px;z-index:1000;height:100%}.header-search{display:none}.page-header h1{font-size:1.5rem}.app-content,.header{padding:1rem}.my-attendance-details-container{grid-template-columns:1fr}.attendance-header{grid-template-columns:1fr;gap:1rem}.page-header-title,.page-header-actions,.month-navigator{justify-self:center}.stepper{flex-direction:column;gap:16px}.stepper-line{display:none}.form-row{grid-template-columns:1fr}.search-input{width:100%}}.kan-wrap{display:flex;gap:18px;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin;overflow-y:visible!important;height:auto!important;padding-bottom:250px!important}.kan-col{min-width:260px;max-width:260px;border-radius:12px;padding:10px;border:none;height:auto!important;overflow:visible!important}.kan-list{min-height:120px;padding:8px;border-radius:6px;height:auto!important;max-height:none!important;overflow:visible!important}.kan-card{padding:14px 16px!important;border-radius:12px!important;background:#fff!important;box-shadow:0 2px 6px #0000001a;margin-bottom:10px;cursor:grab;transition:box-shadow .25s ease,transform .25s ease;min-height:110px!important}.kan-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.kan-card-header{display:flex;justify-content:space-between;align-items:center}.kan-card-title{font-size:14px;font-weight:600;color:var(--text-primary)}.kan-card-menu{position:relative}.menu-btn{cursor:pointer;padding:4px;color:var(--text-muted);transition:.2s}.menu-btn:hover{color:var(--text-primary)}.menu-dropdown{display:none;position:absolute;top:20px;right:0;background:var(--surface-color);box-shadow:var(--shadow-md);border-radius:8px;overflow:hidden;z-index:9999;min-width:120px;opacity:0;transform:translateY(-5px);transition:opacity .2s ease,transform .2s ease;border:1px solid var(--border-color)}.menu-dropdown.show{display:block;opacity:1;transform:translateY(0)}.menu-dropdown button{display:block;width:100%;padding:8px 12px;background:none;border:none;text-align:left;font-size:13px;cursor:pointer}.menu-dropdown button:hover{background:var(--surface-hover)}.kan-info span:first-child{color:var(--text-muted);font-weight:500;margin-right:6px}.kan-card-body{margin-top:8px;font-size:12px;color:var(--text-secondary)}.kan-info{display:flex;justify-content:space-between;margin-top:4px;line-height:1.5}.kan-card.dragging{opacity:.6;transform:rotate(3deg) scale(.95);cursor:grabbing;box-shadow:0 4px 8px #0003}.kan-list.drop-active{border:none!important;background:#0078ff14;border-radius:8px;transition:background-color .25s ease}.kan-card.drop-animate{animation:dropIn .3s ease}.kan-card.modern{background:var(--surface-color);border-radius:10px;padding:12px;box-shadow:var(--shadow-sm);margin-bottom:12px;cursor:grab}.asg{background:var(--surface-alt);border-radius:50%;width:28px;height:28px;display:inline-flex;justify-content:center;align-items:center;margin-right:-6px;font-size:12px}.due-pill{padding:4px 10px;border-radius:6px;font-size:11px;color:#fff}.due-pill.green{background:#2ecc71}.due-pill.orange{background:var(--warning)}.due-pill.red{background:var(--danger)}.kan-wrap::-webkit-scrollbar-thumb{background:#888!important}@keyframes dropIn{0%{transform:translateY(-15px);opacity:.5}to{transform:translateY(0);opacity:1}}.kan-card.active-card{outline:2px solid var(--primary-color);background-color:var(--primary-soft);transition:.2s}.kan-arrow{color:var(--text-muted)!important;font-size:30px;cursor:pointer}.kan-arrow:hover{color:var(--text-primary)!important}.col-menu{cursor:pointer;font-size:18px;padding:4px 6px;border-radius:6px;-webkit-user-select:none;user-select:none}.col-menu:hover{background:var(--surface-hover)}.task-separator{width:100%;height:1.3px;background:var(--border-color);margin:10px 0}.add-col-box{width:70px!important;height:70px!important;min-width:70px!important;background:var(--surface-color);border:none!important;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s ease}.add-col-box:hover{background:var(--surface-hover);border-color:var(--border-hover)}.add-icon{font-size:28px;font-weight:700;color:var(--text-muted);margin-top:-4px}.form-grid-2col{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px 40px;margin-top:20px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;margin-bottom:6px;color:var(--text-primary)}.readonly-input{background:var(--surface-alt);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;font-size:14px;color:var(--text-primary);transition:border-color .3s,box-shadow .3s}.readonly-input:focus{outline:none;border-color:#0097a7;box-shadow:0 0 0 2px #0097a733}.form-grid-2col textarea{resize:vertical;min-height:60px}.form-section-title{font-size:16px;color:var(--primary-color);font-weight:600;border-bottom:1px solid var(--border-color);margin-top:30px;padding-bottom:6px}.form-group.full-col{grid-column:1 / -1}#task-detail-form .task-detail-group{display:flex;flex-direction:column;position:static;padding-left:0;min-height:auto;justify-content:flex-start}#task-detail-form .task-detail-group.full-col{grid-column:1 / -1}#task-detail-form .task-detail-group label{position:static;top:auto;left:auto;background:transparent;padding:0 0 4px;font-size:.9rem;font-weight:600;color:var(--text-primary);pointer-events:auto;transform:none;margin:0 0 6px;z-index:auto}.assignee-circle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--surface-alt);font-size:12px;font-weight:600;color:var(--text-primary);margin-right:4px}.due-date.green{color:#16a34a;font-weight:600}.due-date.orange{color:#f97316;font-weight:600}.due-date.red{color:#dc2626;font-weight:600}#global-loader{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--surface-glass);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .3s ease;opacity:0;pointer-events:none}#global-loader.active{opacity:1;pointer-events:all}.loader-circle{border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#app-content{padding-top:0!important;overflow-y:auto!important;height:auto!important;min-height:100vh!important}.page-body{padding-top:0!important;margin-top:0!important}.page-body>.subheader{margin-top:0!important}.page-body>.card{margin-top:10px!important}#new-col-name,#new-col-color{height:45px;font-size:16px;padding:10px 12px;border-radius:8px;border:1px solid var(--border-color);width:95%;background:var(--surface-color);color:var(--text-primary)}#new-col-name:focus,#new-col-color:focus{outline:none;border-color:#008cff;box-shadow:0 0 5px #008cff4d}.multi-select{border:1px solid var(--border-color);border-radius:8px;padding:10px;background:var(--surface-color);display:flex;flex-direction:column;gap:8px;min-height:50px}.selected-items{display:flex;flex-wrap:wrap;gap:6px;padding-top:4px}.selected-tag{background:var(--primary-soft);color:var(--primary-color);border-radius:12px;padding:4px 10px;font-size:13px;display:flex;align-items:center;gap:6px;border:1px solid var(--border-color)}.selected-tag span{cursor:pointer;font-weight:700}.multi-select .search-input{border:none;outline:none;width:100%;padding:6px 4px;font-size:14px;color:var(--text-primary);background:transparent}.multi-select .search-input::placeholder{color:var(--text-muted)}.multi-select .dropdown{border-top:1px solid var(--border-color);max-height:150px;overflow-y:auto;display:none;background:var(--surface-color);padding:6px 0;border-radius:0 0 8px 8px}.multi-select .dropdown div{padding:8px 12px;cursor:pointer}.multi-select .dropdown div:hover{background:var(--surface-hover)}.form-group label{margin-top:10px}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;background:linear-gradient(135deg,#667eea,#764ba2 40%,#f093fb,#4facfe);background-size:400% 400%;animation:gradient-shift 15s ease infinite;position:relative;overflow:hidden;perspective:2000px}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.shape-3d{position:absolute;border-radius:50%;filter:blur(1px);opacity:.6;animation:float-rotate 20s ease-in-out infinite;transform-style:preserve-3d}.shape-3d-sphere-1{width:300px;height:300px;background:radial-gradient(circle at 30% 30%,#fffc,#3b82f64d);top:10%;left:10%;animation:float-rotate 15s ease-in-out infinite;box-shadow:0 20px 60px #3b82f666,inset 0 0 80px #ffffff4d}.shape-3d-sphere-2{width:200px;height:200px;background:radial-gradient(circle at 40% 40%,#ffffffb3,#a78bfa66);bottom:15%;right:15%;animation:float-rotate 18s ease-in-out infinite reverse;box-shadow:0 15px 50px #a78bfa80,inset 0 0 60px #fff3}.shape-3d-torus{width:250px;height:250px;border:40px solid rgba(240,147,251,.3);border-radius:50%;top:50%;right:5%;animation:float-rotate-torus 20s linear infinite;box-shadow:0 0 40px #f093fb99,inset 0 0 40px #ffffff4d}.shape-3d-blob{width:180px;height:180px;background:radial-gradient(circle,#4facfe80,#4facfe1a);bottom:25%;left:15%;border-radius:40% 60% 70% 30%/40% 50% 60%;animation:blob-morph 10s ease-in-out infinite;box-shadow:0 10px 40px #4facfe99}@keyframes float-rotate{0%,to{transform:translateY(0) rotateX(0) rotateY(0) translateZ(0)}25%{transform:translateY(-30px) rotateX(10deg) rotateY(20deg) translateZ(50px)}50%{transform:translateY(-50px) rotateX(-5deg) rotateY(40deg) translateZ(80px)}75%{transform:translateY(-30px) rotateX(15deg) rotateY(20deg) translateZ(50px)}}@keyframes float-rotate-torus{0%,to{transform:rotateX(60deg) rotateY(0) translateZ(0)}50%{transform:rotateX(60deg) rotateY(360deg) translateZ(50px)}}@keyframes blob-morph{0%,to{border-radius:40% 60% 70% 30%/40% 50% 60%;transform:rotate(0) translateZ(0)}50%{border-radius:60% 40% 30% 70%/50% 60% 40% 50%;transform:rotate(180deg) translateZ(30px)}}.login-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top left,rgba(255,255,255,.3) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(255,255,255,.2) 0%,transparent 50%);pointer-events:none;z-index:1}.login-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,transparent 30%,rgba(0,0,0,.2) 100%);pointer-events:none;z-index:1}.login-container-split{display:flex;align-items:center;justify-content:center;z-index:10;width:100%;max-width:500px;padding:2rem;position:relative}.login-card-glass{width:100%;padding:3.5rem 3rem;background:#ffffff1f;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-radius:32px;border:1px solid rgba(255,255,255,.3);box-shadow:0 30px 80px #0000004d,0 0 0 1px #fff3 inset,0 0 60px #667eea4d;transform-style:preserve-3d;transition:transform .3s ease,box-shadow .3s ease;animation:card-entrance 1s cubic-bezier(.34,1.56,.64,1) forwards}.login-card-glass:hover{box-shadow:0 35px 90px #00000059,0 0 0 1px #ffffff4d inset,0 0 80px #667eea66}@keyframes card-entrance{0%{opacity:0;transform:translateY(40px) scale(.95) rotateX(10deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}.login-header{text-align:center;margin-bottom:3rem}.login-company-title{font-family:Inter,sans-serif;font-weight:800;font-size:1.65rem;color:#fff;letter-spacing:-.03em;margin:0;text-shadow:0 4px 20px rgba(0,0,0,.3),0 0 30px rgba(255,255,255,.5)}.login-form-glass{display:flex;flex-direction:column;gap:1.5rem}.glass-input-group input{width:100%;padding:1.1rem 1.4rem;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:16px;color:#fff;font-size:1rem;font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0000001a}.glass-input-group input::placeholder{color:#fff9}.glass-input-group input:hover{border-color:#fff6;background:#ffffff1f;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.glass-input-group input:focus{background:#ffffff26;border-color:#fff9;box-shadow:0 0 0 4px #ffffff1a,0 8px 25px #0003,0 0 30px #667eea66;outline:none;transform:translateY(-2px)}.password-toggle{position:absolute;right:1.4rem;top:50%;transform:translateY(-50%);color:#ffffffb3;cursor:pointer;transition:all .3s ease;font-size:1.1rem}.password-toggle:hover{color:#fff;transform:translateY(-50%) scale(1.1)}.glass-login-btn{position:relative;width:100%;padding:1.2rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;color:#fff;font-size:1.05rem;font-weight:700;cursor:pointer;overflow:hidden;margin-top:.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 15px 35px #667eea66,0 5px 15px #0000004d,inset 0 0 0 1px #fff3;transform-style:preserve-3d}.glass-login-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,transparent 100%);opacity:0;transition:opacity .4s ease}.glass-login-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 45px #667eea80,0 8px 20px #00000059,inset 0 0 0 1px #ffffff4d}.glass-login-btn:hover:before{opacity:1}.glass-login-btn:active{transform:translateY(-1px) scale(.98)}.glass-login-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff6;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.login-error{color:#fecaca;text-align:center;font-size:.9rem;margin-top:.5rem;background:#ef444433;padding:.75rem;border-radius:12px;border:1px solid rgba(239,68,68,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes dust-dissolve{0%{opacity:1;transform:scale(1);filter:blur(0px) brightness(1)}30%{opacity:.9;transform:scale(1.05);filter:blur(2px) brightness(1.2)}60%{opacity:.5;transform:scale(1.1);filter:blur(10px) brightness(1.5)}to{opacity:0;transform:scale(1.3);filter:blur(30px) brightness(2)}}@keyframes particle-float{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-100px) scale(.3)}}.page-exit-anim .login-card-glass{animation:dust-dissolve .8s cubic-bezier(.25,.46,.45,.94) forwards;position:relative}.page-exit-anim .login-card-glass:before,.page-exit-anim .login-card-glass:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:32px;pointer-events:none}.page-exit-anim .login-card-glass:before{background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 70%);animation:particle-float .8s ease-out forwards;animation-delay:.1s}.page-exit-anim .login-card-glass:after{background:radial-gradient(circle,rgba(102,126,234,.6) 0%,transparent 60%);animation:particle-float .8s ease-out forwards;animation-delay:.2s}.page-exit-anim .shape-3d{animation:shape-exit .8s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes shape-exit{0%{opacity:.6;transform:scale(1) translateZ(0)}to{opacity:0;transform:scale(0) translateZ(-500px)}}@media (max-width: 600px){.login-card-glass{padding:2.5rem 2rem}.login-company-title{font-size:1.4rem}.shape-3d-sphere-1,.shape-3d-sphere-2,.shape-3d-torus,.shape-3d-blob{opacity:.4}}@keyframes gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);position:relative;overflow:hidden;perspective:1000px}.login-wrapper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,#fffc,#fff0 60%);pointer-events:none;z-index:0;animation:spotlight-move 20s ease-in-out infinite alternate}@keyframes spotlight-move{0%{transform:translate(-10%,-10%)}to{transform:translate(10%,10%)}}.login-container-split{display:flex;align-items:center;justify-content:center;gap:4rem;z-index:10;width:100%;max-width:1200px;padding:2rem}.mascot-container{flex:1;display:flex;justify-content:center;align-items:center;pointer-events:none;position:relative;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:24px;padding:2rem}.mascot-container:before{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.2) 0%,transparent 70%);filter:blur(40px);z-index:-1;top:50%;left:50%;transform:translate(-50%,-50%)}.mascot-3d{max-width:380px;width:100%;height:auto;filter:drop-shadow(0 25px 40px rgba(0,0,0,.25)) drop-shadow(0 0 20px rgba(59,130,246,.15));animation:mascot-float 6s ease-in-out infinite;transition:transform .1s ease-out;mix-blend-mode:normal;isolation:isolate}@keyframes mascot-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(1deg)}}@keyframes mascot-success{0%{transform:scale(1)}20%{transform:scale(1.1) rotate(-5deg)}40%{transform:scale(1.1) rotate(5deg)}60%{transform:scale(1.1) rotate(-5deg)}80%{transform:scale(1.1) rotate(0)}to{transform:scale(1) translateY(-50px);opacity:0}}.mascot-success{animation:mascot-success .8s cubic-bezier(.34,1.56,.64,1) forwards!important}.login-card-glass{flex:0 0 400px;padding:3rem 2.5rem;background:#ffffffa6;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:32px;border:1px solid rgba(255,255,255,.5);box-shadow:0 20px 40px #0000001a,inset 0 0 0 1px #fff6;transform-style:preserve-3d;transition:transform .1s ease-out;animation:card-entrance 1s cubic-bezier(.2,.8,.2,1) forwards}@keyframes card-entrance{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{text-align:center;margin-bottom:2.5rem}.login-company-title{font-family:Inter,sans-serif;font-weight:800;font-size:1.5rem;color:#1e293b;letter-spacing:-.02em;margin:0}.login-form-glass{display:flex;flex-direction:column;gap:1.25rem}.glass-input-group{position:relative}.glass-input-group input{width:100%;padding:1rem 1.25rem;background:#ffffff80;border:1px solid rgba(203,213,225,.6);border-radius:16px;color:#334155;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-input-group input::placeholder{color:#94a3b8}.glass-input-group input:focus{background:#ffffffe6;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626;outline:none;transform:scale(1.02)}.password-toggle{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);color:#94a3b8;cursor:pointer;transition:color .2s ease}.password-toggle:hover{color:#3b82f6}.glass-login-btn{position:relative;width:100%;padding:1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:16px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 20px -5px #2563eb66;margin-top:.5rem}.glass-login-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px -5px #2563eb80}.glass-login-btn:active{transform:translateY(-1px)}.glass-login-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.glass-login-btn:active:after{width:300px;height:300px}.login-error{color:#ef4444;text-align:center;font-size:.85rem;margin-top:.5rem;background:#fee2e280;padding:.5rem;border-radius:8px;border:1px solid rgba(252,165,165,.5)}@keyframes exit-fade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1);filter:blur(10px)}}@keyframes mascot-exit{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(100px) rotate(15deg);opacity:0}}.page-exit-anim .login-card-glass{animation:exit-fade .6s cubic-bezier(.25,1,.5,1) forwards}.page-exit-anim .mascot-3d{animation:mascot-exit .6s cubic-bezier(.25,1,.5,1) forwards}@media (max-width: 900px){.login-container-split{flex-direction:column;gap:2rem}.mascot-3d{max-width:250px}.login-card-glass{flex:auto;width:100%;max-width:400px}}.mytasks-wrapper{padding:10px}.mytasks-header{background:#7b43ff;padding:18px;border-radius:14px;color:#fff;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.mytasks-header h2{font-size:20px;font-weight:700;margin:0}.mt-controls{display:flex;align-items:center;gap:12px}.mt-controls input{padding:10px 14px;min-width:260px;border-radius:10px;border:none;outline:none;font-size:14px}.icon-btn{background:#fff;border:none;padding:10px 12px;border-radius:10px;cursor:pointer;font-size:14px;box-shadow:0 2px 5px #0000001f}.icon-btn:hover{opacity:.9}.icon-btn i.fa-pen-to-square{color:#1f2937}.icon-btn i.fa-trash{color:#ef4444}body.dark-theme .icon-btn{background:var(--surface-alt);border-color:var(--border-color);color:var(--text-primary)}body.dark-theme .icon-btn:hover{background:var(--surface-hover);border-color:var(--primary-color);color:var(--primary-color)}body.dark-theme .icon-btn i.fa-pen-to-square{color:#60a5fa}body.dark-theme .icon-btn i.fa-trash{color:#f87171}body.dark-theme .icon-btn i{color:var(--text-secondary)}body.dark-theme .icon-btn:hover i{color:var(--primary-color)}body.dark-theme .inline-search i,body.dark-theme .search-icon,body.dark-theme .fa-search{color:var(--text-muted)!important}body.dark-theme .fa-cog,body.dark-theme .fa-gear,body.dark-theme .fa-ellipsis-vertical,body.dark-theme .fa-ellipsis-h{color:var(--text-secondary)!important}body.dark-theme .nav-link i{color:var(--text-muted)}body.dark-theme .nav-link:hover i,body.dark-theme .nav-link.active i{color:var(--primary-color)}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin:10px 0 6px}.pagination .btn{min-width:80px;justify-content:center}.page-indicator{font-size:.85rem;color:var(--text-secondary)}.mytasks-table-card{background:var(--surface-color);border-radius:16px;padding:6px 0;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.table thead tr{background:var(--surface-alt);border-bottom:1px solid var(--border-color)}.table thead th{font-size:12px;text-transform:uppercase;color:var(--text-muted);padding:14px 18px}.table tbody td{padding:14px 18px;font-size:14px}.mytasks-card{background:var(--surface-color);border-radius:18px;box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--border-color)}.mytasks-header{background:linear-gradient(135deg,#2563ebf5,#38bdf8e6);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:18px;font-weight:600}.table thead th{text-transform:uppercase;font-size:12px;color:var(--text-secondary)}.table td,.table th{padding:14px 16px}.page-body{background:transparent!important;box-shadow:none!important;padding:0!important}.action-btn.toggle-timer{width:34px;height:34px;border-radius:10px;border:1px solid var(--border-color);background:var(--surface-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.25s ease}.action-btn.toggle-timer i{font-size:14px;color:var(--text-primary)}.action-btn.toggle-timer:hover{background:var(--surface-hover);border-color:var(--primary-color)}.table thead tr{background:var(--surface-alt)}.table thead th{font-size:11px;font-weight:600;color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--border-color);padding:10px 14px!important}.table-container{border:1px solid var(--border-color);border-radius:14px;overflow:hidden}.table tbody td{border-bottom:1px solid var(--border-light);padding:10px 14px!important;font-size:14px}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:.25s ease}.table tbody tr:hover{background:var(--surface-hover);transform:scale(1.01);box-shadow:var(--shadow-sm);cursor:pointer;z-index:2}.mytasks-card .table-container{padding:0!important}.mt-controls input,.icon-btn{border:1px solid var(--border-color)!important}#edit-type-modal .form-group{position:static;padding-left:0;margin-bottom:.85rem;display:flex;flex-direction:column;gap:.35rem}#edit-type-modal .form-group label{position:static;font-weight:600;font-size:.9rem;color:var(--text-primary);margin:0}#edit-type-modal .form-group .form-control{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--surface-alt);font-size:.9rem;color:var(--text-primary)}#edit-type-modal .form-group .form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-glass)}#edit-type-modal .modal{padding:1.5rem 1.75rem 1.75rem;max-width:520px;position:relative!important;top:auto!important;left:auto!important;margin:0 auto}#edit-type-modal .modal-header h3{font-size:1.05rem}#edit-type-modal{background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:auto;align-items:center;justify-content:center}#edit-type-modal .modal{pointer-events:auto}.mytasks-header span{font-weight:800!important}.table-container{border:1px solid var(--border-color)!important}.table tbody td{border-bottom:1px solid var(--border-light)!important;text-align:center}.mytasks-header span{font-size:22px!important;font-weight:800!important}.mytasks-header h2{font-size:24px!important;font-weight:800!important;margin:0}.table thead th{color:var(--text-secondary)!important;text-align:center}.status-badge.new{background:var(--surface-alt);color:var(--text-primary)}.status-badge.in.progress{background:var(--warning-soft);color:var(--warning)}.status-badge.hold{background:var(--danger-soft);color:var(--danger)}.status-badge.completed,.status-badge.done{background:var(--success-soft);color:var(--success)}.data-table-card{margin-top:1.5rem;padding:1.5rem 1.5rem 1.25rem;border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:0 10px 30px #0f172a0f}.leave-table-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;margin-bottom:1rem}.leave-table-title-group h3{margin:0;font-size:1.05rem;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.leave-table-subtitle{margin:.25rem 0 0;font-size:.85rem;color:var(--text-secondary)}.leave-table-toolbar{display:flex;align-items:center;gap:.75rem}.leave-table-filters{display:flex;align-items:center}.filter-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:999px;border:1px solid var(--border-color);background:var(--surface-alt);font-size:.8rem;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal),transform var(--transition-normal)}.filter-chip i{font-size:.8rem;color:var(--primary-color)}.filter-chip-count{min-width:18px;height:18px;border-radius:999px;background:var(--primary-soft);color:var(--primary-color);display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:600}.filter-chip:hover{background:var(--surface-hover);border-color:var(--primary-color);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.leave-table-actions{display:flex;align-items:center}.columns-control{position:relative}.columns-toggle-input{position:absolute;opacity:0;pointer-events:none}.columns-button{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border-radius:999px;border:1px solid var(--border-color);background:var(--surface-color);font-size:.8rem;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-xs);transition:background var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal)}.columns-button i{font-size:.8rem}.columns-button-caret{color:var(--text-muted)}.columns-button:hover{background:var(--surface-alt);border-color:var(--primary-color);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.columns-panel{position:absolute;top:115%;right:0;width:260px;max-height:380px;border-radius:16px;background:var(--surface-color);border:1px solid var(--border-color);box-shadow:0 18px 40px #0f172a2e;padding:.75rem .75rem .9rem;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity var(--transition-normal),transform var(--transition-normal);z-index:40}.columns-toggle-input:checked~.columns-button .columns-button-caret{transform:rotate(180deg)}.columns-toggle-input:checked~.columns-panel{opacity:1;transform:translateY(0);pointer-events:auto}.columns-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.columns-panel-title{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.columns-panel-search{display:flex;align-items:center;gap:.4rem;padding:.5rem .6rem;border-radius:999px;border:1px solid var(--border-color);background:var(--surface-alt);margin-bottom:.6rem}.columns-panel-search i{font-size:.85rem;color:var(--text-muted)}.columns-panel-search input{border:none;background:transparent;padding:0;font-size:.8rem}.columns-panel-body{max-height:260px;padding-right:.15rem;overflow-y:auto}.columns-panel-body::-webkit-scrollbar{width:5px}.columns-panel-body::-webkit-scrollbar-thumb{background:#94a3b8b3;border-radius:999px}.columns-option{display:flex;align-items:center;gap:.55rem;padding:.3rem .35rem;font-size:.8rem;color:var(--text-secondary)}.columns-option input[type=checkbox]{width:1.1rem;height:1.1rem}.columns-select-all{border-bottom:1px solid var(--border-light);margin-bottom:.35rem;padding-bottom:.45rem}.columns-option-list{display:flex;flex-direction:column}.leave-table-scroll{margin-top:.5rem;border-radius:var(--radius-lg);overflow-x:auto;overflow-y:hidden}.leave-table-scroll::-webkit-scrollbar{height:6px}.leave-table-scroll::-webkit-scrollbar-thumb{background:#94a3b8cc;border-radius:999px}.leave-table{min-width:100%}.leave-table thead th{position:sticky;top:0;z-index:5}.th-sortable{white-space:nowrap;font-size:.78rem;text-transform:none;letter-spacing:.02em;color:var(--text-secondary)}.th-label{display:inline-flex;align-items:center;gap:.25rem}.th-sort-icons{display:none}.th-sortable.th-sorted{color:var(--text-primary)}.th-sorted-asc .th-sort-icons i.fa-chevron-up,.th-sorted-desc .th-sort-icons i.fa-chevron-down{color:var(--primary-color)}body.dark-theme .stepper-label{color:#e2e8f0}body.dark-theme .stepper-item.completed .stepper-label{color:var(--success-bright)}body.dark-theme .stepper-circle{background:#334155;color:#f1f5f9;border-color:#475569}body.dark-theme .stepper-item.active .stepper-circle{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}body.dark-theme .stage-header h2{color:#f1f5f9}body.dark-theme .stage-header-completed h2{color:var(--success-bright)}body.dark-theme .stage-header p,body.dark-theme .form-group label{color:#cbd5e1}body.dark-theme input,body.dark-theme select,body.dark-theme textarea{background-color:#1e293b;color:#f1f5f9;border-color:#475569}body.dark-theme input::placeholder{color:#64748b}body.dark-theme .info-card,body.dark-theme .card,body.dark-theme .modal-content{background-color:#1e293b;border-color:#475569}body.dark-theme .modal-header{border-bottom-color:#475569}body.dark-theme .modal-title{color:#f1f5f9}body.dark-theme .table thead th{background-color:#334155;color:#cbd5e1;border-bottom-color:#475569}body.dark-theme .table tbody td{color:#f1f5f9;border-bottom-color:#475569}body.dark-theme .table tbody tr:hover{background-color:#334155}body.dark-theme .badge,body.dark-theme .status-pill{border:1px solid transparent}body.dark-theme .scoreboard-active-status{color:var(--text-secondary)}body.dark-theme .scoreboard-active-dot{background:var(--success-bright);box-shadow:0 0 #6ee7b766}body.dark-theme .user-scoreboard-card:not(.scoreboard-has-active) .scoreboard-active-dot{background:var(--text-muted);box-shadow:none}body.dark-theme .scoreboard-progress-track{background:#334155cc}body.dark-theme .scoreboard-progress-fill{background:linear-gradient(90deg,var(--primary-color),#6366f1)}body.dark-theme .hero-announcement{background:var(--surface-alt);border-color:var(--border-color);color:var(--text-secondary)}body.dark-theme .hero-announcement:hover{background:var(--surface-hover);border-color:var(--border-hover)}body.dark-theme .user-scoreboard-card{background:radial-gradient(circle at top left,#1e293bf5,#0f172af2);border-color:#47556973;box-shadow:0 18px 45px #00000040,0 2px 8px #00000026}body.dark-theme .user-scoreboard-card.scoreboard-pending{box-shadow:0 18px 45px #00000038;border-color:#6366f18c}body.dark-theme .user-scoreboard-card.scoreboard-pending:hover{box-shadow:0 18px 45px #00000038}@keyframes scoreboard-border-glow{0%{box-shadow:0 18px 45px #00000040;border-color:#6366f18c}50%{box-shadow:0 22px 55px #6366f152;border-color:#6366f1a6}to{box-shadow:0 18px 45px #00000040;border-color:#6366f18c}}.form-tabs,.hidden-tab{display:none!important}.active-tab{display:block!important}.group-info-panel{position:fixed;top:0;right:-420px;width:400px;max-width:100vw;height:100vh;background:var(--surface, #111b21);border-left:1px solid var(--border-color, #2a3942);z-index:9998;display:flex;flex-direction:column;transition:right .3s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 24px #00000040}.group-info-panel.open{right:0}.group-info-panel-header{display:flex;align-items:center;gap:20px;padding:14px 20px;background:var(--surface-alt, #202c33);border-bottom:1px solid var(--border-color, #2a3942);min-height:56px}.group-info-panel-header .close-btn{background:none;border:none;color:var(--text-secondary, #aebac1);font-size:20px;cursor:pointer;padding:8px;border-radius:50%;transition:background .2s}.group-info-panel-header .close-btn:hover{background:#ffffff1a}.group-info-panel-header h2{margin:0;font-size:18px;font-weight:500;color:var(--text-primary, #e9edef)}.group-info-panel-body{flex:1;overflow-y:auto;padding:0}.group-info-icon-section{display:flex;flex-direction:column;align-items:center;padding:28px 20px 20px;background:var(--surface-alt, #202c33)}.group-info-avatar{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,#00a884,#25d366);display:flex;align-items:center;justify-content:center;font-size:72px;color:#fff;cursor:pointer;position:relative;overflow:hidden;margin-bottom:12px}.group-info-avatar img{width:100%;height:100%;object-fit:cover}.group-info-avatar:hover:after{content:"Change icon";position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff}.group-info-name-row{display:flex;align-items:center;gap:10px;margin-top:8px}.group-info-name{font-size:22px;font-weight:500;color:var(--text-primary, #e9edef);text-align:center}.group-info-name-row .edit-btn{background:none;border:none;color:var(--text-secondary, #8696a0);cursor:pointer;font-size:16px;padding:6px}.group-info-subtitle{font-size:14px;color:var(--text-secondary, #8696a0);margin-top:4px}.group-info-section{padding:14px 20px;border-bottom:8px solid var(--surface-alt, #202c33)}.group-info-section-title{font-size:14px;color:#00a884;margin-bottom:8px;font-weight:400}.group-info-description{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.group-info-description-text{font-size:15px;color:var(--text-secondary, #8696a0);flex:1}.group-info-description .edit-btn{background:none;border:none;color:var(--text-secondary, #8696a0);cursor:pointer;font-size:14px;padding:6px}.group-info-created{font-size:13px;color:var(--text-secondary, #8696a0);padding:12px 20px;border-bottom:8px solid var(--surface-alt, #202c33)}.group-info-action-row{display:flex;align-items:center;gap:16px;padding:14px 20px;cursor:pointer;transition:background .15s}.group-info-action-row:hover{background:#ffffff0d}.group-info-action-row i{width:24px;text-align:center;font-size:18px}.group-info-action-row.green i{color:#00a884}.group-info-action-row.red i,.group-info-action-row.red span{color:#f15c6d}.group-info-action-row span{font-size:15px;color:var(--text-primary, #e9edef)}.group-info-members-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 8px}.group-info-members-header span{font-size:14px;color:var(--text-secondary, #8696a0)}.group-info-members-header .search-btn{background:none;border:none;color:var(--text-secondary, #8696a0);cursor:pointer;font-size:16px;padding:6px}.group-info-member-item{display:flex;align-items:center;gap:14px;padding:10px 20px;cursor:pointer;transition:background .15s}.group-info-member-item:hover{background:#ffffff0d}.group-info-member-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#6b7280,#9ca3af);display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex-shrink:0}.group-info-member-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.group-info-member-info{flex:1;min-width:0}.group-info-member-name{font-size:16px;color:var(--text-primary, #e9edef);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-info-member-badge{font-size:12px;color:#00a884;background:#00a88426;padding:2px 8px;border-radius:4px;margin-left:auto;flex-shrink:0}.group-info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:9997;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.group-info-overlay.open{opacity:1;visibility:visible}body.dark-theme .group-info-panel{background:#111b21;border-left-color:#2a3942}body.dark-theme .group-info-panel-header,body.dark-theme .group-info-icon-section{background:#202c33}body.dark-theme .group-info-section,body.dark-theme .group-info-created{border-bottom-color:#0b141a}.modal-overlay{overflow-y:auto;padding:2rem 1rem}.modal{max-height:90vh;overflow:visible}.modal-body{overflow-y:auto;max-height:calc(90vh - 120px);scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.4) transparent}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:#64748b66;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#64748b99}.form-section{background:#ffffffd9;border:1px solid rgba(0,0,0,.08);color:#1e293b}body.dark-theme .form-section{background:#1e293bf2;border:1px solid rgba(255,255,255,.1);color:#f1f5f9;box-shadow:0 20px 45px #0000004d}body.dark-theme .form-section input,body.dark-theme .form-section select,body.dark-theme .form-section textarea{background:#0f172a;border-color:#475569;color:#f1f5f9}body.dark-theme .form-section input:focus,body.dark-theme .form-section select:focus,body.dark-theme .form-section textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}body.dark-theme .form-section input::placeholder,body.dark-theme .form-section textarea::placeholder{color:#64748b}body.dark-theme .form-section label,body.dark-theme .form-section .form-eyebrow,body.dark-theme .form-section .form-section-title{color:#e2e8f0}body.dark-theme .form-section .form-eyebrow{color:#94a3b8}body.dark-theme .modal-header h2,body.dark-theme .modal-header .modal-title{color:#f1f5f9}body.dark-theme .modal-close-btn{color:#94a3b8}body.dark-theme .modal-close-btn:hover{background:#ffffff1a}body.dark-theme .cancel-leave-modal-content p{color:#cbd5e1!important}body.dark-theme .cancel-leave-details{background:#334155!important;border:1px solid #475569}body.dark-theme .cancel-leave-label{color:#94a3b8!important}body.dark-theme .cancel-leave-value{color:#f1f5f9!important;font-weight:600}body.dark-theme .cancel-leave-warning{color:#f87171!important}body.dark-theme .form-section select option{background:#1e293b;color:#f1f5f9}body.dark-theme .form-section .btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;color:#fff}body.dark-theme .form-section .btn-primary:hover{background:linear-gradient(135deg,#818cf8,#6366f1)}body.dark-theme .form-section .btn-secondary{background:#334155;border:1px solid #475569;color:#e2e8f0}body.dark-theme .form-section .btn-secondary:hover{background:#475569}