.ed-page{padding:8px 0 40px;color:#172554}.ed-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.ed-back{border:1px solid #d7dce8;background:#fff;color:#172554;border-radius:9px;padding:10px 15px;font-weight:600;cursor:pointer}.ed-back:hover{background:#f7f8fc}.ed-page-title{font-size:14px;color:#64748b;font-weight:600}.ed-alert{padding:12px 15px;border-radius:10px;margin-bottom:16px;font-size:14px}.ed-alert.error{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.ed-alert.success{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.ed-loading{min-height:300px;display:flex;align-items:center;justify-content:center;gap:10px;color:#64748b}.ed-spinner{width:20px;height:20px;border:3px solid #e0e7ff;border-top-color:#4f46e5;border-radius:50%;animation:edspin .8s linear infinite}@keyframes edspin{to{transform:rotate(360deg)}}.ed-hero{background:linear-gradient(135deg,#fff,#f8faff);border:1px solid #e2e8f0;border-radius:18px;padding:26px 28px;margin-bottom:20px;box-shadow:0 8px 28px #0f172a0f;display:flex;justify-content:space-between;gap:28px}.ed-hero-main{display:flex;align-items:center;gap:20px}.ed-avatar{width:108px;height:108px;border-radius:50%;overflow:hidden;flex:0 0 108px;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;font-weight:800;border:5px solid #eef2ff;box-shadow:0 5px 18px #4f46e533}.ed-avatar img{width:100%;height:100%;object-fit:cover}.ed-code{font-size:12px;color:#6366f1;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}.ed-hero h1{margin:0;font-size:29px;line-height:1.2;color:#111827}.ed-hero-copy p{margin:7px 0 13px;color:#64748b;font-size:15px}.ed-hero-copy p b{margin:0 5px;color:#94a3b8}.ed-badges{display:flex;gap:8px;flex-wrap:wrap}.ed-badge{padding:6px 11px;border-radius:999px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px}.ed-badge.green{background:#dcfce7;color:#15803d}.ed-badge.green i{width:6px;height:6px;border-radius:50%;background:#22c55e}.ed-badge.gray{background:#f1f5f9;color:#475569}.ed-badge.purple{background:#eef2ff;color:#4f46e5}.ed-badge.soft{background:#f8fafc;color:#475569}.ed-quick-stats{display:flex;align-self:stretch;min-width:390px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.ed-quick-stats div{flex:1;padding:16px 18px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid #eef2f7}.ed-quick-stats div:first-child{border-left:0}.ed-quick-stats span{font-size:11px;color:#64748b;font-weight:600;margin-bottom:6px}.ed-quick-stats strong{font-size:15px;color:#172554}.ed-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.ed-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px;margin-bottom:20px;box-shadow:0 4px 18px #0f172a0b}.ed-grid-2>.ed-card{margin-bottom:0}.ed-section-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eef2f7}.ed-section-title-wrap{display:flex;align-items:center;gap:12px}.ed-section-icon{width:38px;height:38px;border-radius:10px;background:#eef2ff;color:#4f46e5;display:flex;align-items:center;justify-content:center;font-size:18px}.ed-section-header h2{font-size:17px;margin:0;color:#172554}.ed-section-header p{font-size:12px;color:#94a3b8;margin:3px 0 0}.ed-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.ed-details-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.ed-detail-item{padding:11px 0;border-bottom:1px solid #f1f5f9;min-width:0}.ed-detail-item.wide{grid-column:1/-1}.ed-detail-item span{display:block;color:#94a3b8;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}.ed-detail-item strong{display:block;color:#334155;font-size:13.5px;font-weight:600;overflow-wrap:anywhere}.ed-empty{padding:32px 15px;text-align:center;color:#94a3b8;font-size:14px;background:#f8fafc;border-radius:10px}.ed-bank{border:1px solid #e2e8f0;border-radius:12px;padding:15px}.ed-bank-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.ed-bank-head strong{font-size:15px;color:#1e293b}.ed-bank-head span{font-size:10px;background:#dcfce7;color:#15803d;border-radius:999px;padding:5px 8px;font-weight:800}.ed-salary-main{padding:17px 18px;background:linear-gradient(135deg,#eef2ff,#f5f3ff);border-radius:12px;margin-bottom:12px}.ed-salary-main span{display:block;color:#6366f1;font-size:12px;font-weight:700}.ed-salary-main strong{display:block;color:#312e81;font-size:25px;margin-top:4px}.ed-salary-list>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f1f5f9;font-size:13px}.ed-salary-list span{color:#64748b}.ed-salary-list strong{color:#334155}.ed-salary-list .total{margin-top:4px;border-bottom:0;padding-top:13px;font-weight:700}.ed-salary-list .total strong{color:#4f46e5;font-size:15px}.ed-count{background:#eef2ff;color:#4f46e5;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800}.ed-upload-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:18px;margin-bottom:20px}.ed-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.ed-upload-box label{display:block;font-size:12px;font-weight:700;color:#475569;margin-bottom:6px}.ed-upload-box input,.ed-upload-box select,.ed-upload-box textarea{width:100%;border:1px solid #d8dee9;border-radius:9px;background:#fff;padding:10px 11px;font:inherit;font-size:13px;color:#334155;outline:none}.ed-upload-box input:focus,.ed-upload-box select:focus,.ed-upload-box textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.ed-upload-box small{display:block;color:#94a3b8;font-size:11px;margin-top:5px}.ed-upload-box>div:last-of-type{margin-top:15px}.ed-upload-btn{margin-top:14px;border:0;background:#4f46e5;color:#fff;padding:10px 16px;border-radius:9px;font-weight:700;cursor:pointer;box-shadow:0 5px 12px #4f46e533}.ed-upload-btn:hover{background:#4338ca}.ed-upload-btn:disabled{opacity:.65;cursor:not-allowed}.ed-table-wrap{overflow-x:auto}.ed-table{width:100%;border-collapse:collapse;font-size:13px}.ed-table th{text-align:left;padding:11px 12px;background:#f8fafc;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.ed-table td{padding:13px 12px;border-bottom:1px solid #eef2f7;color:#475569;white-space:nowrap}.ed-table td strong{color:#1e293b}.ed-status{display:inline-block;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700}.ed-status.pending{background:#fff7ed;color:#c2410c}.ed-status.verified{background:#dcfce7;color:#15803d}.ed-status.rejected{background:#fee2e2;color:#b91c1c}.ed-actions{display:flex;gap:7px}.ed-btn{border:1px solid #d8dee9;background:#fff;padding:7px 10px;border-radius:7px;font-size:11px;font-weight:700;cursor:pointer}.ed-btn.secondary{color:#334155}.ed-btn.secondary:hover{background:#f8fafc}.ed-btn.danger{color:#dc2626;border-color:#fecaca}.ed-btn.danger:hover{background:#fef2f2}.ed-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:1100px){.ed-hero{flex-direction:column}.ed-quick-stats{min-width:0}.ed-details-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.ed-topbar{align-items:flex-start}.ed-page-title{display:none}.ed-hero{padding:20px}.ed-hero-main{align-items:flex-start}.ed-avatar{width:82px;height:82px;flex-basis:82px;font-size:24px}.ed-hero h1{font-size:23px}.ed-quick-stats{display:grid;grid-template-columns:1fr}.ed-quick-stats div{border-left:0;border-top:1px solid #eef2f7}.ed-quick-stats div:first-child{border-top:0}.ed-grid-2,.ed-form-grid,.ed-details-grid,.ed-details-grid.four{grid-template-columns:1fr}.ed-card{padding:17px}.ed-section-header h2{font-size:15px}.ed-table th,.ed-table td{padding:10px 8px}.ed-detail-item.wide{grid-column:auto}}:root{--primary: #4f46e5;--primary-dark: #4338ca;--primary-light: #eef2ff;--accent: #06b6d4;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--bg: #f4f5fb;--surface: #ffffff;--text: #1e1b2e;--text-muted: #6b7280;--border: #e5e7eb;--radius: 12px;--shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 1px 3px rgba(16, 24, 40, .06);--shadow-lg: 0 10px 25px -5px rgba(79, 70, 229, .12), 0 4px 6px -2px rgba(16, 24, 40, .05)}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:linear-gradient(180deg,#1e1b3a,#2a2354);color:#e5e3fb;padding:24px 16px;position:fixed;height:100vh;overflow-y:auto}.sidebar .brand{font-size:20px;font-weight:700;color:#fff;padding:0 12px 24px;display:flex;align-items:center;gap:10px}.sidebar .brand .dot{width:10px;height:10px;border-radius:50%;background:var(--accent)}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;font-size:14.5px;font-weight:500;color:#c9c5f0;cursor:pointer;margin-bottom:2px;transition:background .15s,color .15s}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item.active{background:var(--primary);color:#fff;box-shadow:var(--shadow-lg)}.nav-section-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8983c4;margin:18px 12px 8px}.main-content{margin-left:250px;flex:1;padding:28px 32px;max-width:1400px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.topbar h1{font-size:22px;margin:0;font-weight:700}.topbar .subtitle{color:var(--text-muted);font-size:13.5px;margin-top:2px}.user-chip{display:flex;align-items:center;gap:10px;background:var(--surface);padding:6px 14px 6px 6px;border-radius:999px;box-shadow:var(--shadow);cursor:pointer;font-size:14px}.avatar{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.grid{display:grid;gap:20px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 1100px){.grid-4{grid-template-columns:repeat(2,1fr)}}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;border:1px solid var(--border)}.stat-card{display:flex;flex-direction:column;gap:10px}.stat-card .icon-badge{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.stat-card .value{font-size:26px;font-weight:800}.stat-card .label{font-size:13px;color:var(--text-muted)}.bg-indigo{background:#eef2ff;color:var(--primary)}.bg-cyan{background:#ecfeff;color:var(--accent)}.bg-green{background:#f0fdf4;color:var(--success)}.bg-amber{background:#fffbeb;color:var(--warning)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;padding:12px 14px;color:var(--text-muted);font-weight:600;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:12px 14px;border-bottom:1px solid #f1f2f6}tr:hover td{background:#fafaff}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge-green{background:#dcfce7;color:#15803d}.badge-amber{background:#fef3c7;color:#b45309}.badge-red{background:#fee2e2;color:#b91c1c}.badge-gray{background:#f1f2f6;color:#4b5563}.badge-indigo{background:#eef2ff;color:var(--primary)}.btn{padding:9px 18px;border-radius:9px;border:none;cursor:pointer;font-weight:600;font-size:14px;transition:transform .1s,box-shadow .15s}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px #4f46e559}.btn-primary:hover{background:var(--primary-dark)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-outline{background:#fff;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{background:#fafafa}.btn-sm{padding:6px 12px;font-size:12.5px}.btn-danger{background:#fee2e2;color:var(--danger)}input,select,textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);font-size:14px;font-family:inherit;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary-light);border-color:var(--primary)}label{font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:6px;display:block}.field{margin-bottom:16px}.section-title{font-size:16px;font-weight:700;margin:0 0 16px}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 20%,#6d5bd0,#2a2354 55%,#1e1b3a)}.login-card{background:#fff;border-radius:18px;padding:40px;width:380px;box-shadow:0 25px 50px -12px #0006}.login-card h2{margin:0 0 4px;font-size:24px}.login-card p{color:var(--text-muted);margin:0 0 28px;font-size:14px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14102d80;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal-box{background:#fff;border-radius:var(--radius);padding:24px;width:100%;max-width:560px;max-height:88vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000059}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.error-text{color:var(--danger);font-size:13px;margin-top:8px}.empty-state{text-align:center;padding:40px;color:var(--text-muted)}.page-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.page-header h2{margin:0 0 4px}.page-header p{margin:0;color:var(--text-muted)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:14px 0}.form-grid textarea{min-height:100px}.btn:not(.btn-primary){background:#f3f4f6;border:1px solid #d1d5db;padding:10px 14px;border-radius:8px;cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:18px}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px;box-shadow:0 4px 14px #0000000a}.stat-label{text-transform:capitalize;color:var(--text-muted);font-size:13px}.stat-value{font-size:28px;font-weight:700;margin-top:8px}@media (max-width:900px){.page-header{align-items:flex-start;flex-direction:column}.sidebar{width:220px}.main-content{padding:18px}}.main-content{margin-left:256px;max-width:none;padding:0 24px 32px;min-width:0}.app-shell .main-content{margin-left:290px;min-width:0;max-width:none;padding:0 24px 32px}.app-topbar{position:sticky;top:0;z-index:1000;height:74px;display:flex;align-items:center;gap:16px;margin:0 -24px 26px;padding:0 24px;background:#fffffff7;border-bottom:1px solid #e8edf5;box-shadow:0 5px 22px #17345e14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.app-topbar .menu-toggle{width:42px;height:42px;min-width:42px;padding:0;border:1px solid #dbe4ef;border-radius:10px;background:#fff;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;box-shadow:0 4px 12px #1735620f}.global-search{width:min(580px,48vw);height:44px;display:flex;align-items:center;gap:10px;padding:0 15px;background:#f1f5fa;border-radius:12px;color:#71809a}.global-search input{width:100%;border:0;outline:0;background:transparent;padding:0;color:#46546d}@media (max-width: 900px){.app-shell .main-content{margin-left:0;padding:0 14px 24px}.app-topbar{position:sticky;top:0;z-index:1000;margin:0 -14px 20px;padding:0 14px}.profile-copy{display:none}.global-search{width:auto;flex:1}}@media (max-width: 650px){.global-search{display:none}.app-topbar,.top-actions{gap:10px}}.menu-toggle{border:0;background:transparent;color:#3e516e;font-size:24px;cursor:pointer;width:36px}.global-search{width:min(580px,48vw);display:flex;align-items:center;gap:10px;padding:0 15px;height:44px;background:#f1f5fa;border-radius:12px;color:#71809a}.global-search input{border:0;outline:0;background:transparent;padding:0;color:#46546d}.top-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.notification-link{font-size:24px;color:#30445f}.top-profile{display:flex;align-items:center;gap:10px}.top-profile .avatar{width:46px;height:46px;background:linear-gradient(135deg,#594bc5,#8168db);font-size:15px}.profile-copy{display:flex;flex-direction:column;line-height:1.25}.profile-copy strong{font-size:14px}.profile-copy span{color:var(--muted);font-size:12px;margin-top:3px}.logout-button{border:0;background:transparent;font-size:20px;cursor:pointer;color:#44546d}.sidebar-backdrop{display:none}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.dashboard-heading h1{margin:0;font-size:clamp(25px,2.2vw,34px);letter-spacing:-.8px;color:var(--ink)}.dashboard-heading p{margin:4px 0 0;color:var(--muted);font-size:15px}.date-card{min-width:160px;padding:12px 15px;background:#fff;border:1px solid #e8edf5;border-radius:15px;display:flex;align-items:center;gap:11px;box-shadow:var(--shadow)}.date-card small,.date-card strong{display:block}.date-card small{color:var(--muted);font-size:12px}.date-card strong{font-size:13px;margin-top:3px}.date-icon{font-size:24px;color:#43546f}.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.dashboard-stat{border:1px solid #e1e9f4;border-radius:16px;padding:20px;min-height:142px;display:flex;align-items:center;gap:17px;text-align:left;cursor:pointer;background:#fff;box-shadow:0 8px 25px #1735620f;transition:transform .18s ease,box-shadow .18s ease}.dashboard-stat:hover{transform:translateY(-3px);box-shadow:0 14px 32px #1735621f}.stat-icon{width:70px;height:70px;flex:0 0 70px;display:grid;place-items:center;border-radius:50%;font-size:30px;font-weight:800}.stat-copy{min-width:0}.stat-copy span{display:block;color:#58677e;font-size:14px}.stat-copy strong{display:block;margin:6px 0;font-size:clamp(24px,2vw,34px);color:#172033;white-space:nowrap}.stat-copy small{color:#258353;font-size:12px;font-weight:700}.stat-blue{background:linear-gradient(135deg,#fff,#eff6ff)}.stat-blue .stat-icon{color:#2368c6;background:#dcecff}.stat-green{background:linear-gradient(135deg,#fff,#ecfff7)}.stat-green .stat-icon{color:#16805b;background:#d8f7e8}.stat-orange{background:linear-gradient(135deg,#fff,#fff7e8)}.stat-orange .stat-icon{color:#d68709;background:#fff0c8}.stat-red{background:linear-gradient(135deg,#fff,#fff0f2)}.stat-red .stat-icon{color:#d8334d;background:#ffe0e5}.sidebar nav{padding-bottom:18px}.nav-group{margin-bottom:12px}.nav-item{box-shadow:0 5px 12px #0412381f}.nav-item.active{background:linear-gradient(90deg,#fff,#eaf2ff);color:#1d4d94}.nav-item.active .nav-icon{color:#2460bb}.dashboard-page{width:100%}.dashboard-stat{min-height:156px}.payroll-panel .recharts-surface{overflow:visible}.recharts-default-tooltip{border-radius:10px!important;border:1px solid #e5edf6!important;box-shadow:0 10px 28px #1735621f!important}.app-shell .sidebar{width:290px;padding:8px 8px 22px;background:linear-gradient(180deg,#163968,#1d467b 45%,#16345f);box-shadow:7px 0 26px #0a234b2e;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.app-shell .sidebar::-webkit-scrollbar{width:6px}.app-shell .sidebar::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:20px}.app-shell .sidebar .brand{min-height:118px;padding:14px 12px 16px;display:flex;align-items:center;gap:14px}.app-shell .sidebar .brand-mark{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#e7f5fb,#b5d8ec);color:#264a72;font-size:19px;font-weight:800}.app-shell .sidebar .brand strong{color:#fff;font-size:22px;line-height:1.05;letter-spacing:.01em}.app-shell .sidebar .brand small{display:block;margin-top:7px;color:#ecf5ffc7;font-size:11px;font-weight:600}.app-shell .sidebar nav{padding:0 0 10px}.app-shell .sidebar .nav-group{margin:0 0 8px}.app-shell .sidebar .nav-section-label{margin:13px 11px 8px;color:#b9c9df;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.app-shell .sidebar .nav-item{min-height:40px;margin:0 0 5px;padding:9px 18px;display:flex;align-items:center;gap:13px;border:0;border-radius:8px;color:#fff;font-size:14px;font-weight:700;text-decoration:none;box-shadow:none;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.app-shell .sidebar .nav-item:hover{color:#fff;transform:translate(1px);filter:brightness(1.07);box-shadow:0 5px 14px #0818322b}.app-shell .sidebar .nav-icon{width:19px;min-width:19px;display:inline-grid;place-items:center;font-size:17px;color:inherit}.app-shell .sidebar .nav-item{background:transparent;color:#cbd5e1}.app-shell .sidebar .nav-item:hover{background:#ffffff14;color:#fff}.app-shell .sidebar .nav-item.active,.app-shell .sidebar .nav-item.active:hover{background:#fff;color:#315a91;box-shadow:0 4px 14px #0819372e}.app-shell .sidebar .nav-item.active .nav-icon{color:#315a91}.app-topbar .menu-toggle{width:42px;height:42px;min-width:42px;padding:0;border:1px solid #dbe4ef;border-radius:10px;background:#fff;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;box-shadow:0 4px 12px #1735620f}.app-topbar .menu-toggle>span{width:19px;height:2px;display:block;border-radius:99px;background:#34465f;transition:transform .22s ease,opacity .18s ease,width .22s ease}.app-shell.sidebar-collapsed .menu-toggle>span:nth-child(1),.app-shell.sidebar-is-open .menu-toggle>span:nth-child(1){transform:translateY(7px) rotate(45deg)}.app-shell.sidebar-collapsed .menu-toggle>span:nth-child(2),.app-shell.sidebar-is-open .menu-toggle>span:nth-child(2){opacity:0;width:0}.app-shell.sidebar-collapsed .menu-toggle>span:nth-child(3),.app-shell.sidebar-is-open .menu-toggle>span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.notification-button{position:relative;width:42px;height:42px;border:1px solid #dce5f0;border-radius:10px;background:#fff;color:#43546c;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 12px #1735620d}.notification-button:hover{color:#4f6bdc;background:#f7f9ff;border-color:#cfd9f7}.notification-icon{width:19px;height:19px;display:block;position:relative;font-size:0}.notification-icon:before{content:"";position:absolute;left:3px;right:3px;top:2px;bottom:4px;border:1.8px solid currentColor;border-radius:9px 9px 5px 5px}.notification-icon:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#ef4444;right:-1px;top:-1px;box-shadow:0 0 0 2px #fff}.top-profile-wrapper{position:relative}.top-profile{min-height:54px;padding:5px 10px 5px 6px;border:1px solid #cdd8e5;border-radius:8px;background:#fff;color:#22324a;cursor:pointer;box-shadow:0 3px 10px #1735620a}.top-profile:hover{background:#f8fafc}.top-profile .avatar{width:46px;height:46px;background:linear-gradient(135deg,#5650b8,#6c67cc)}.profile-arrow{margin-left:4px;color:#536277;transition:transform .2s ease}.profile-arrow.rotate{transform:rotate(180deg)}.dashboard-analytics-updated{align-items:stretch}.payroll-panel-updated{display:flex;flex-direction:column}.panel-status{padding:6px 10px;border-radius:999px;background:#edf8f1;color:#16805b;font-size:11px;font-weight:800}.overview-panel{padding:0;overflow:hidden;min-height:310px;display:flex;flex-direction:column}.overview-heading{min-height:82px;padding:17px 18px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid #edf1f6}.overview-title-wrap{display:flex;align-items:center;gap:10px;min-width:0}.overview-title-wrap h2{margin:0;font-size:16px;color:#26364d}.overview-title-wrap p{margin:4px 0 0;color:#718097;font-size:11.5px}.overview-title-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:11px}.overview-title-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.attendance-title-icon{color:#187f62;background:#e8f8f1}.project-title-icon{color:#586dc8;background:#eef1ff}.overview-total-chip{white-space:nowrap;padding:6px 9px;border-radius:999px;background:#f4f7fa;color:#66758a;font-size:11px;font-weight:700}.overview-content{flex:1;min-height:215px;padding:18px;display:flex;align-items:center;gap:18px}.overview-donut{width:145px;height:145px;flex:0 0 145px;border-radius:50%;display:grid;place-items:center}.overview-donut-hole{width:100px;height:100px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 18px #21344e14}.overview-donut-hole strong{font-size:28px;line-height:1;color:#22324a}.overview-donut-hole span{margin-top:7px;font-size:11px;color:#718097}.overview-list{width:100%;display:flex;flex-direction:column;gap:8px}.overview-row{min-height:38px;padding:0 10px;border-radius:9px;background:#f8fafc;display:flex;align-items:center;justify-content:space-between;gap:8px}.overview-row-label{display:flex;align-items:center;gap:8px;color:#4b5c72;font-size:12px;font-weight:700}.overview-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%}.overview-row>strong{color:#25354c;font-size:13px}.project-value{display:flex;align-items:baseline;gap:5px}.project-value strong{color:#25354c;font-size:13px}.project-value small{color:#8490a2;font-size:10px}@media (min-width: 901px){.app-shell.sidebar-collapsed .sidebar{width:78px;padding:8px 6px 22px}.app-shell.sidebar-collapsed .main-content{margin-left:78px}.app-shell.sidebar-collapsed .sidebar .brand{min-height:84px;padding:12px 4px;justify-content:center}.app-shell.sidebar-collapsed .sidebar .brand-mark{width:48px;height:48px;flex-basis:48px;font-size:15px}.app-shell.sidebar-collapsed .sidebar .brand-content,.app-shell.sidebar-collapsed .sidebar .nav-label,.app-shell.sidebar-collapsed .sidebar .nav-section-label{display:none}.app-shell.sidebar-collapsed .sidebar .nav-group{margin-bottom:10px}.app-shell.sidebar-collapsed .sidebar .nav-item{width:54px;min-height:54px;margin:0 auto 7px;padding:0;justify-content:center;border-radius:13px}.app-shell.sidebar-collapsed .sidebar .nav-icon{width:auto;min-width:0;font-size:20px}}@media (max-width: 1180px){.overview-content{gap:12px}.overview-donut{width:130px;height:130px;flex-basis:130px}.overview-donut-hole{width:90px;height:90px}}@media (max-width: 650px){.overview-heading{padding:15px}.overview-total-chip{display:none}.overview-content{flex-direction:column;padding:22px 16px}.overview-list{max-width:320px}}.profile-page{width:100%;max-width:1400px;margin:0 auto;padding:32px 24px 50px;box-sizing:border-box}.profile-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.profile-page-header h1{margin:0;color:#263851;font-size:30px;font-weight:800}.profile-page-header p{margin:8px 0 0;color:#6f7d90;font-size:14px}.profile-primary-button,.profile-cancel-button{min-height:42px;padding:0 18px;border-radius:9px;font-size:14px;font-weight:700;cursor:pointer}.profile-primary-button{border:0;background:#536ed5;color:#fff;box-shadow:0 8px 18px #536ed533}.profile-cancel-button{border:1px solid #d9e1ec;background:#fff;color:#516174}.profile-header-actions{display:flex;align-items:center;gap:10px}.profile-hero-card{display:flex;align-items:center;gap:20px;padding:26px;background:#fff;border:1px solid #dfe6ef;border-radius:18px;box-shadow:0 8px 24px #20334d0f;margin-bottom:24px}.profile-avatar-large{width:78px;height:78px;flex:0 0 78px;display:flex;align-items:center;justify-content:center;border-radius:22px;background:linear-gradient(135deg,#536ed5,#7257c7);color:#fff;font-size:26px;font-weight:800;box-shadow:0 10px 22px #536ed540}.profile-hero-info{min-width:0}.profile-hero-info h2{margin:0 0 8px;color:#263851;font-size:24px;font-weight:800}.profile-role-badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:20px;background:#edf1ff;color:#536ed5;font-size:12px;font-weight:700}.profile-hero-info p{margin:10px 0 0;color:#718096;font-size:14px}.profile-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.profile-details-card,.profile-account-card{background:#fff;border:1px solid #dfe6ef;border-radius:18px;box-shadow:0 8px 24px #20334d0f}.profile-details-card{padding:26px}.profile-account-card{padding:24px;height:fit-content}.profile-card-heading{margin-bottom:24px}.profile-card-heading h2{margin:0;color:#263851;font-size:19px;font-weight:800}.profile-card-heading p{margin:7px 0 0;color:#7b8797;font-size:13px}.profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.profile-field{min-width:0}.profile-field label{display:block;margin-bottom:8px;color:#4d5d72;font-size:13px;font-weight:700}.profile-field input{width:100%;height:46px;padding:0 14px;border:1px solid #d9e1ec;border-radius:10px;outline:none;box-sizing:border-box;background:#fff;color:#263851;font-size:14px;transition:.2s ease}.profile-field input:focus{border-color:#536ed5;box-shadow:0 0 0 3px #536ed51a}.profile-field input:disabled{background:#f7f9fc;color:#536174;cursor:not-allowed}.account-info-list{display:flex;flex-direction:column}.account-info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #edf1f5;font-size:13px}.account-info-row:last-child{border-bottom:0}.account-info-row span{color:#7b8797}.account-info-row strong{color:#2e4058;font-size:13px}.status-active{color:#17885a!important;background:#e8f7ef;padding:5px 9px;border-radius:20px;font-size:11px!important}@media (max-width: 1000px){.profile-content-grid{grid-template-columns:1fr}.profile-account-card{width:100%}}@media (max-width: 700px){.profile-page{padding:24px 16px 40px}.profile-page-header{flex-direction:column}.profile-header-actions{width:100%}.profile-primary-button,.profile-cancel-button{flex:1}.profile-hero-card,.profile-details-card,.profile-account-card{padding:20px}.profile-form-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;padding:24px;display:flex;align-items:center;justify-content:center;background:#0f172a94;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);overflow:hidden}.modal-box{width:min(1080px,100%);max-width:1080px!important;height:min(92vh,920px);max-height:92vh!important;padding:0!important;overflow:hidden!important;background:#f6f8fc;border:1px solid #e5eaf2;border-radius:18px;box-shadow:0 30px 80px #0f172a40,0 10px 30px #0f172a1f}.modal-box .modal-header{position:sticky;top:0;z-index:10;min-height:82px;margin:0;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;background:#fffffff7;border-bottom:1px solid #e6eaf0;box-shadow:0 2px 8px #0f172a0a}.modal-box .modal-header h3{margin:0;color:#172554;font-size:22px;font-weight:750;line-height:1.2}.modal-box .modal-header .btn{width:38px;height:38px;min-width:38px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:16px}.modal-box>form{height:calc(100% - 82px);overflow-y:auto;padding:26px 28px 30px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.modal-box>form h4{position:relative;margin:26px 0 16px!important;padding:14px 16px;display:flex;align-items:center;color:#172554;font-size:16px;font-weight:750;background:#fff;border:1px solid #e5eaf2;border-radius:12px;box-shadow:0 2px 7px #0f172a09}.modal-box>form>.grid.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;padding:4px 2px 6px}.modal-box>form .field input,.modal-box>form .field select,.modal-box>form .field textarea{width:100%;min-height:44px;padding:10px 13px;color:#172033;font-size:14px;font-family:inherit;background:#fff;border:1px solid #d8dee8;border-radius:9px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.modal-box>form .field input:hover,.modal-box>form .field select:hover,.modal-box>form .field textarea:hover{border-color:#b9c3d1}.modal-box>form .field input:focus,.modal-box>form .field select:focus,.modal-box>form .field textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;background:#fff}.modal-box>form .field textarea{min-height:105px;resize:vertical;line-height:1.5}.modal-box>form .field input[readonly]{background:#f1f5f9;color:#475569;font-weight:650;cursor:not-allowed}.modal-box>form .modal-form-note{margin:-5px 0 16px;color:#667085;font-size:13px}.modal-box>form>div:last-child{position:sticky;bottom:-30px;z-index:5;margin:30px -28px -30px!important;padding:16px 28px 18px!important;display:flex;justify-content:flex-end;align-items:center;gap:10px;background:#fffffff7;border-top:1px solid #e5eaf2;box-shadow:0 -5px 15px #0f172a0d}.modal-box>form>div:last-child .btn{min-width:130px;min-height:42px}.modal-box .btn-primary{background:linear-gradient(135deg,#4f46e5,#4338ca);border:none;color:#fff;box-shadow:0 5px 14px #4f46e540}@media (max-width: 900px){.modal-overlay{padding:12px}.modal-box{height:94vh;max-height:94vh!important;border-radius:14px}.modal-box .modal-header{min-height:72px;padding:16px 18px}.modal-box .modal-header h3{font-size:19px}.modal-box>form{height:calc(100% - 72px);padding:20px 18px 25px}.modal-box>form>.grid.grid-2{grid-template-columns:1fr;gap:15px}.modal-box>form>div:last-child{margin-left:-18px!important;margin-right:-18px!important;padding-left:18px!important;padding-right:18px!important}}@media (max-width: 520px){.modal-overlay{padding:0;align-items:stretch}.modal-box{width:100%;height:100vh;max-height:100vh!important;border-radius:0;border:none}.modal-box .modal-header{padding:14px 16px}.modal-box>form{padding:18px 15px 22px}.modal-box>form h4{padding:12px 13px;font-size:15px}.modal-box>form>div:last-child{margin-left:-15px!important;margin-right:-15px!important;padding-left:15px!important;padding-right:15px!important;justify-content:stretch}.modal-box>form>div:last-child .btn{flex:1}}.attendance-header-date{display:flex;flex-direction:column;gap:6px;min-width:190px}.attendance-header-date label{font-size:12px;font-weight:700;color:var(--text-muted)}.attendance-quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.attendance-employee-card{border:1px solid var(--border, #e5e7eb);border-radius:12px;padding:15px;display:flex;flex-direction:column;gap:12px;background:#fff}.attendance-employee-card>div:first-child{display:flex;flex-direction:column;gap:3px}.attendance-employee-card small{color:var(--text-muted)}.attendance-action-row{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.attendance-report{margin-top:20px}.attendance-report-head{padding:14px 0}.attendance-report-head div{display:flex;flex-direction:column;gap:4px}.attendance-report-head span{color:var(--text-muted);font-size:13px}.attendance-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px}.attendance-stat{border:1px solid var(--border, #e5e7eb);border-radius:12px;padding:16px;background:#fff}.attendance-stat strong{display:block;font-size:24px;margin-bottom:5px}.attendance-stat span{color:var(--text-muted);font-size:13px}.code-block{background:#111827;color:#e5e7eb;border-radius:10px;padding:16px;overflow:auto;font-size:12px}@media (max-width: 700px){.attendance-header-date{width:100%}.attendance-quick-grid{grid-template-columns:1fr}.attendance-action-row .btn{flex:1 1 auto}}.app-shell{min-height:100vh}.app-shell .sidebar{position:fixed;inset:0 auto 0 0;z-index:50;width:250px;height:100vh;padding:0 8px 16px;overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,#173d70,#1d477d 52%,#173965);box-shadow:6px 0 22px #0a224629;scrollbar-width:none;-ms-overflow-style:none}.app-shell .sidebar::-webkit-scrollbar,.app-shell .sidebar *::-webkit-scrollbar{width:0;height:0;display:none}.app-shell .sidebar .brand{position:sticky;top:0;z-index:60;width:calc(100% + 16px);min-height:72px;height:72px;margin-left:-8px;padding:8px 14px;display:flex;align-items:center;gap:10px;background:#173d70;border-bottom:1px solid rgba(255,255,255,.18);box-shadow:0 1px #ffffff0d}.app-shell .brand-mark-button{width:48px;height:48px;flex:0 0 48px;padding:0;margin:0;border:0;background:transparent;border-radius:50%;cursor:pointer;display:grid;place-items:center}.app-shell .sidebar .brand-mark{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#eaf7fc,#b9dcef);color:#28517a;font-size:17px;font-weight:800;box-shadow:inset 0 0 0 1px #ffffff73;transition:transform .18s ease,box-shadow .18s ease}.app-shell .brand-mark-button:hover .brand-mark{transform:scale(1.04);box-shadow:0 5px 16px #0000002e,inset 0 0 0 1px #ffffff73}.app-shell .sidebar .brand-content{min-width:0;overflow:hidden}.app-shell .sidebar .brand strong{display:block;color:#fff;font-size:18px;line-height:1.1;font-weight:800;white-space:nowrap}.app-shell .sidebar .brand small{display:block;margin-top:4px;color:#eff7ffc7;font-size:9.5px;line-height:1.2;font-weight:600;white-space:nowrap}.app-shell .sidebar-nav{padding:10px 0 18px}.app-shell .nav-group{margin:0 0 8px}.app-shell .nav-section-label{margin:8px 10px 6px;color:#e1edffb8;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.app-shell .nav-section-button{width:100%;min-height:42px;margin:0 0 5px;padding:0 14px;border:0;border-radius:8px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px;font:inherit;font-size:13px;font-weight:800;text-align:left;cursor:pointer;box-shadow:0 4px 10px #0412381f;transition:filter .16s ease,transform .16s ease,box-shadow .16s ease}.app-shell .nav-section-button:hover{filter:brightness(1.07);transform:translate(1px);box-shadow:0 6px 14px #0412382b}.app-shell .nav-section-arrow{font-size:20px;line-height:1;transform:rotate(0);transition:transform .2s ease}.app-shell .nav-section-arrow.open{transform:rotate(90deg)}.app-shell .nav-section-hr-master{background:linear-gradient(90deg,#2375c7,#347fc8)}.app-shell .nav-section-attendance-leave{background:linear-gradient(90deg,#15997c,#31b384)}.app-shell .nav-section-payroll-compliance{background:linear-gradient(90deg,#5641b5,#825bd0)}.app-shell .nav-section-work-performance{background:linear-gradient(90deg,#15936d,#25b68d)}.app-shell .nav-section-automation{background:linear-gradient(90deg,#516db2,#7089cf)}.app-shell .nav-section-content{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;transition:grid-template-rows .22s ease,opacity .16s ease}.app-shell .nav-section-content>.nav-items{min-height:0;overflow:hidden}.app-shell .nav-section-content.open{grid-template-rows:1fr;opacity:1}.app-shell .nav-items{display:flex;flex-direction:column;gap:5px}.app-shell .sidebar .nav-item{width:100%;min-height:40px;margin:0;padding:9px 14px;border:0;border-radius:8px;display:flex;align-items:center;gap:12px;color:#fff;font-size:13px;font-weight:750;text-decoration:none;box-shadow:none;transition:filter .16s ease,transform .16s ease,box-shadow .16s ease}.app-shell .sidebar .nav-item:hover{color:#fff;filter:brightness(1.07);transform:translate(1px);box-shadow:0 5px 13px #05143229}.app-shell .sidebar .nav-icon{width:19px;min-width:19px;display:inline-grid;place-items:center;color:inherit;font-size:16px}.app-shell .sidebar .nav-dashboard{background:linear-gradient(90deg,#4054b8,#5874da)}.app-shell .sidebar .nav-reports{background:linear-gradient(90deg,#26588d,#3e76bb)}.app-shell .sidebar .nav-employees{background:linear-gradient(90deg,#2187c6,#34a9dc)}.app-shell .sidebar .nav-departments{background:linear-gradient(90deg,#148e9c,#20ad8d)}.app-shell .sidebar .nav-designations{background:linear-gradient(90deg,#6945c8,#9b60dc)}.app-shell .sidebar .nav-roles{background:linear-gradient(90deg,#d52966,#ec3f7b)}.app-shell .sidebar .nav-attendance{background:linear-gradient(90deg,#15997c,#31b384)}.app-shell .sidebar .nav-devices{background:linear-gradient(90deg,#1b8ba3,#35adbd)}.app-shell .sidebar .nav-shifts{background:linear-gradient(90deg,#f2a30a,#ffc11c)}.app-shell .sidebar .nav-holidays{background:linear-gradient(90deg,#f36d21,#ff962d)}.app-shell .sidebar .nav-leaveApplications{background:linear-gradient(90deg,#e53e4f,#fb6065)}.app-shell .sidebar .nav-leaveMaster{background:linear-gradient(90deg,#ba277b,#dc3b98)}.app-shell .sidebar .nav-payroll{background:linear-gradient(90deg,#5641b5,#825bd0)}.app-shell .sidebar .nav-pfReturn{background:linear-gradient(90deg,#2d629a,#4c7fc1)}.app-shell .sidebar .nav-esiReturn{background:linear-gradient(90deg,#167b96,#23a4ae)}.app-shell .sidebar .nav-bankUpload{background:linear-gradient(90deg,#168772,#24ad86)}.app-shell .sidebar .nav-projects{background:linear-gradient(90deg,#15936d,#25b68d)}.app-shell .sidebar .nav-tasks{background:linear-gradient(90deg,#3c6096,#587eaf)}.app-shell .sidebar .nav-appraisal{background:linear-gradient(90deg,#e99009,#ffb718)}.app-shell .sidebar .nav-documents{background:linear-gradient(90deg,#516db2,#7089cf)}.app-shell .sidebar .nav-templates{background:linear-gradient(90deg,#197caf,#2b9dcc)}.app-shell .sidebar .nav-notifications{background:linear-gradient(90deg,#df3131,#ff5252)}.app-shell .sidebar .nav-item.active,.app-shell .sidebar .nav-item.active:hover{background:linear-gradient(90deg,#fff,#edf3f9);color:#345786;filter:none;transform:none;box-shadow:0 4px 12px #08193729}.app-shell .sidebar .nav-item.active .nav-icon{color:#38669d}.app-shell .main-content{margin-left:250px;max-width:none;min-width:0;padding:0 24px 32px}.app-shell .app-topbar{position:sticky;top:0;z-index:40;height:72px;min-height:72px;margin:0 -24px 24px;padding:0 24px;display:flex;align-items:center;gap:16px;background:#fffffff7;border-bottom:1px solid #dfe6ef;box-shadow:0 1px #fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-shell .global-search{min-width:0;max-width:580px;flex:1}@media (min-width: 901px){.app-shell.sidebar-collapsed .sidebar{width:78px;padding:0 6px 16px}.app-shell.sidebar-collapsed .sidebar .brand{width:calc(100% + 12px);min-height:72px;height:72px;margin-left:-6px;padding:8px 4px;justify-content:center}.app-shell.sidebar-collapsed .sidebar .brand-mark-button{width:48px;height:48px}.app-shell.sidebar-collapsed .sidebar .brand-content,.app-shell.sidebar-collapsed .sidebar .nav-section-label,.app-shell.sidebar-collapsed .sidebar .nav-section-button,.app-shell.sidebar-collapsed .sidebar .nav-label{display:none}.app-shell.sidebar-collapsed .sidebar-nav{padding-top:10px}.app-shell.sidebar-collapsed .nav-section-content,.app-shell.sidebar-collapsed .nav-section-content.open{display:block;opacity:1;overflow:visible}.app-shell.sidebar-collapsed .sidebar .nav-items{gap:7px}.app-shell.sidebar-collapsed .sidebar .nav-group{margin-bottom:7px}.app-shell.sidebar-collapsed .sidebar .nav-item{width:54px;min-height:54px;height:54px;margin:0 auto;padding:0;justify-content:center;border-radius:12px}.app-shell.sidebar-collapsed .sidebar .nav-icon{width:auto;min-width:0;font-size:20px}.app-shell.sidebar-collapsed .main-content{margin-left:78px}}@media (max-width: 900px){.app-shell .sidebar{width:78px;height:100vh;padding:0 6px 16px;transform:translate(0);transition:width .22s ease,transform .22s ease,box-shadow .22s ease;overflow-x:hidden}.app-shell:not(.sidebar-is-open) .sidebar{width:78px;box-shadow:4px 0 18px #0a22461f}.app-shell:not(.sidebar-is-open) .sidebar .brand{width:calc(100% + 12px);min-height:72px;height:72px;margin-left:-6px;padding:8px 4px;justify-content:center}.app-shell:not(.sidebar-is-open) .sidebar .brand-content,.app-shell:not(.sidebar-is-open) .sidebar .nav-section-label,.app-shell:not(.sidebar-is-open) .sidebar .nav-section-button,.app-shell:not(.sidebar-is-open) .sidebar .nav-label{display:none}.app-shell:not(.sidebar-is-open) .sidebar .brand-mark-button{width:48px;height:48px}.app-shell:not(.sidebar-is-open) .sidebar-nav{padding-top:10px}.app-shell:not(.sidebar-is-open) .nav-section-content,.app-shell:not(.sidebar-is-open) .nav-section-content.open{display:block;opacity:1;overflow:visible}.app-shell:not(.sidebar-is-open) .sidebar .nav-items{gap:7px}.app-shell:not(.sidebar-is-open) .sidebar .nav-group{margin-bottom:7px}.app-shell:not(.sidebar-is-open) .sidebar .nav-item{width:54px;min-height:54px;height:54px;margin:0 auto;padding:0;justify-content:center;border-radius:12px}.app-shell:not(.sidebar-is-open) .sidebar .nav-icon{width:auto;min-width:0;font-size:20px}.app-shell.sidebar-is-open .sidebar{width:250px;transform:translate(0);z-index:100;box-shadow:10px 0 30px #05143240}.app-shell.sidebar-is-open .sidebar .brand{width:calc(100% + 16px);margin-left:-8px}.app-shell .main-content{margin-left:78px;padding:0 14px 24px;min-width:0}.app-shell.sidebar-is-open .main-content{margin-left:0}.app-shell .app-topbar{margin:0 -14px 20px;padding:0 14px;height:72px;min-height:72px}.app-shell .sidebar-backdrop{z-index:90}}@media (max-width: 650px){.app-shell .app-topbar{gap:10px}.app-shell .global-search{display:none}}.reports-filter-panel{margin-top:18px;margin-bottom:20px;padding:18px;border:1px solid #e7ebf2;border-radius:16px;background:#fff;box-shadow:0 4px 18px #0f172a0d}.reports-filter-head{display:flex;justify-content:space-between;margin-bottom:14px}.reports-filter-head div{display:flex;flex-direction:column;gap:4px}.reports-filter-head strong{font-size:15px;color:#20283a}.reports-filter-head span{font-size:11px;color:#80899a}.reports-presets{display:flex;flex-wrap:wrap;gap:8px}.reports-preset{border:1px solid #dfe4ec;background:#fff;color:#606a7b;border-radius:9px;padding:8px 14px;font-size:12px;font-weight:700;cursor:pointer}.reports-preset.active{background:#536ed5;border-color:#536ed5;color:#fff}.reports-custom-fields{display:flex;align-items:flex-end;gap:12px;margin-top:15px;padding-top:15px;border-top:1px solid #edf0f4}.reports-custom-fields label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;color:#5e6879}.reports-custom-fields input{height:38px;border:1px solid #dfe4ec;border-radius:8px;padding:0 10px;color:#273044;background:#fff}.reports-error{margin:10px 0}.reports-loading,.reports-export-card{margin-top:20px}.reports-export-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.reports-export-header p{margin:5px 0 0;color:#8991a0;font-size:11px}.reports-export-header select{height:38px;min-width:190px;border:1px solid #dfe4ec;border-radius:8px;padding:0 10px;background:#fff}.reports-export-buttons{display:flex;gap:9px;margin:18px 0 10px}.reports-export-card small{color:#929aa8;font-size:10px}.reports-area-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:15px}.reports-area{padding:13px;text-align:left;border:1px solid #e7ebf2;border-radius:10px;background:#fafbfd;cursor:pointer}.reports-area.active{border-color:#536ed5;background:#f3f5fd}.reports-area strong{display:block;color:#30394c;font-size:12px}.reports-area span{display:block;margin-top:4px;color:#9299a7;font-size:10px}@media (max-width:800px){.reports-custom-fields,.reports-export-header{align-items:stretch;flex-direction:column}.reports-custom-fields .btn,.reports-export-header select{width:100%}.reports-export-buttons{flex-wrap:wrap}.reports-export-buttons .btn{flex:1}.reports-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.reports-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.reports-preset{width:100%}.reports-area-grid{grid-template-columns:1fr}.reports-export-buttons{flex-direction:column}.reports-export-buttons .btn{width:100%}}.dashboard-page{width:100%;max-width:100%;box-sizing:border-box}.dashboard-page *,.dashboard-page *:before,.dashboard-page *:after{box-sizing:border-box}.dashboard-heading{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dashboard-heading h1{margin:0;color:#172033;font-size:32px;font-weight:800;line-height:1.2;letter-spacing:-.7px}.dashboard-heading h1 span{font-size:.9em}.dashboard-heading p{margin:6px 0 0;color:#728097;font-size:14px;line-height:1.5}.dashboard-heading .date-card{min-width:160px;min-height:64px;padding:11px 15px;display:flex;align-items:center;gap:11px;border:1px solid #e1e8f1;border-radius:14px;background:#fff;box-shadow:0 5px 18px #1b335612}.dashboard-heading .date-icon{width:32px;height:32px;display:grid;place-items:center;color:#4f68cb;background:#eef2ff;border-radius:8px;font-size:16px}.dashboard-heading .date-card small{display:block;margin:0;color:#7e899b;font-size:10px}.dashboard-heading .date-card strong{display:block;margin-top:3px;color:#26334a;font-size:12px;font-weight:800}.dashboard-filter-panel{width:100%;margin:0 0 20px;padding:17px 19px;border:1px solid #e1e8f1;border-radius:15px;background:#fff;box-shadow:0 5px 18px #1b33560e}.dashboard-filter-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.dashboard-filter-title>div{min-width:0;display:flex;flex-direction:column;gap:3px}.dashboard-filter-title strong{display:block;color:#1f2d44;font-size:15px;font-weight:800}.dashboard-filter-title span{display:block;color:#7a879a;font-size:11px}.dashboard-filter-range{flex-shrink:0;padding:7px 11px;border:1px solid #e0e6f0;border-radius:8px;background:#f5f7fb;color:#5067c9!important;font-size:11px!important;font-weight:800}.dashboard-filter-presets{width:100%;display:flex;flex-wrap:wrap;gap:7px}.dashboard-filter-panel .filter-preset{-moz-appearance:none;appearance:none;-webkit-appearance:none;min-height:34px;height:34px;padding:0 13px;margin:0;border:1px solid #dce4ef!important;border-radius:8px!important;outline:none;background:#fff!important;color:#526078!important;font-family:inherit;font-size:11px!important;font-weight:700;line-height:34px;cursor:pointer;box-shadow:none;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.dashboard-filter-panel .filter-preset:hover{border-color:#536ed5!important;color:#536ed5!important;background:#f7f8ff!important;transform:translateY(-1px)}.dashboard-filter-panel .filter-preset.active{border-color:#536ed5!important;background:#536ed5!important;color:#fff!important;box-shadow:0 4px 11px #536ed538}.dashboard-filter-fields{width:100%;display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid #edf0f5}.dashboard-filter-fields label{min-width:175px;display:flex;flex-direction:column;gap:5px}.dashboard-filter-fields label span{color:#657187;font-size:10px;font-weight:800}.dashboard-filter-fields input{width:100%;height:37px;padding:0 10px;border:1px solid #dce4ef;border-radius:8px;outline:none;background:#fff;color:#26334a;font-family:inherit;font-size:11px}.dashboard-filter-fields input:focus{border-color:#536ed5;box-shadow:0 0 0 3px #536ed517}.dashboard-filter-apply,.dashboard-filter-reset{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:37px;min-height:37px;padding:0 15px;border-radius:8px;font-family:inherit;font-size:11px;font-weight:800;cursor:pointer}.dashboard-filter-apply{border:1px solid #536ed5;background:#536ed5;color:#fff;box-shadow:0 4px 10px #536ed52e}.dashboard-filter-apply:hover{background:#465fc8;border-color:#465fc8}.dashboard-filter-reset{border:1px solid #dce3ec;background:#f5f7fa;color:#596579}.dashboard-filter-reset:hover{background:#e9edf3}.dashboard-stats{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.dashboard-stat{width:100%;min-width:0;min-height:145px;padding:19px;display:flex;align-items:center;gap:15px;border:1px solid #e1e8f1!important;border-radius:15px!important;outline:none;text-align:left;background:#fff;cursor:pointer;box-shadow:0 6px 20px #1b33560e;transition:transform .18s ease,box-shadow .18s ease}.dashboard-stat:hover{transform:translateY(-2px);box-shadow:0 11px 26px #1b335617}.dashboard-stat .stat-icon{width:62px;height:62px;min-width:62px;flex:0 0 62px;display:grid;place-items:center;border-radius:50%;font-size:27px;font-weight:800}.dashboard-stat .stat-copy span{display:block;color:#5f6e84;font-size:12px;line-height:1.25}.dashboard-stat .stat-copy strong{display:block;margin:6px 0 4px;color:#182238;font-size:27px;font-weight:800;line-height:1.05;white-space:nowrap}.dashboard-stat .stat-copy small{display:block;color:#218454;font-size:10px;font-weight:800}.dashboard-stat.stat-blue{background:linear-gradient(135deg,#fff,#eff6ff)}.dashboard-stat.stat-blue .stat-icon{background:#dcecff;color:#2467c2}.dashboard-stat.stat-green{background:linear-gradient(135deg,#fff,#ecfff7)}.dashboard-stat.stat-green .stat-icon{background:#d8f7e8;color:#16805b}.dashboard-stat.stat-orange{background:linear-gradient(135deg,#fff,#fff7e8)}.dashboard-stat.stat-orange .stat-icon{background:#fff0c8;color:#d68709}.dashboard-stat.stat-red{background:linear-gradient(135deg,#fff,#fff0f2)}.dashboard-stat.stat-red .stat-icon{background:#ffe0e5;color:#d8334d}.dashboard-lists-grid{width:100%;display:grid;grid-template-columns:1.1fr 1fr;gap:16px;margin-bottom:20px}.dashboard-lists-grid .dashboard-panel{padding:18px}.dashboard-table-wrap{width:100%;overflow-x:auto}.dashboard-table{width:100%;min-width:500px;border-collapse:collapse}.dashboard-table th{padding:10px 9px;border-bottom:1px solid #e9edf3;color:#7a8799;font-size:10px;font-weight:800;text-align:left;text-transform:uppercase;white-space:nowrap}.dashboard-table td{padding:11px 9px;border-bottom:1px solid #edf0f4;color:#58677b;font-size:11px;vertical-align:middle}.dashboard-table tbody tr{cursor:pointer;transition:background .15s ease}.dashboard-table tbody tr:hover{background:#f8fafc}.dashboard-table td strong{display:block;color:#26354c;font-size:11px;font-weight:700}.dashboard-table td small{display:block;margin-top:2px;color:#929baa;font-size:9px}.dashboard-table .table-empty{padding:28px 10px!important;color:#98a1af!important;text-align:center}.badge-green,.badge-amber,.badge-red{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:3px 8px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}.badge-green{background:#e7f8ef;color:#188957}.badge-amber{background:#fff4df;color:#b97912}.badge-red{background:#ffebed;color:#d64a55}.dashboard-page .view-all{-moz-appearance:none;appearance:none;-webkit-appearance:none;min-height:32px;height:32px;padding:0 11px;border:1px solid #dce5ef!important;border-radius:8px!important;outline:none;background:#fff!important;color:#3769b0!important;font-family:inherit;font-size:10px!important;font-weight:800;cursor:pointer}.dashboard-page .view-all:hover{border-color:#c9d7e8!important;background:#f6f9fd!important}@media (max-width: 1250px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-analytics{grid-template-columns:1fr 1fr}.dashboard-analytics .payroll-panel{grid-column:1 / -1}}@media (max-width: 900px){.dashboard-heading{align-items:flex-start}.dashboard-filter-title{align-items:flex-start;flex-direction:column}.dashboard-filter-range{width:fit-content}.dashboard-lists-grid{grid-template-columns:1fr}}@media (max-width: 700px){.dashboard-stats,.dashboard-analytics{grid-template-columns:1fr}.dashboard-analytics .payroll-panel{grid-column:auto}.dashboard-heading{flex-direction:column}.dashboard-heading .date-card{width:100%}.dashboard-filter-fields{flex-direction:column;align-items:stretch}.dashboard-filter-fields label{min-width:0;width:100%}.dashboard-filter-fields .dashboard-filter-apply,.dashboard-filter-fields .dashboard-filter-reset{width:100%}.donut-wrap{flex-direction:column}.donut-legend{width:100%;min-width:0}}@media (max-width: 500px){.dashboard-heading h1{font-size:25px}.dashboard-filter-panel{padding:14px}.dashboard-filter-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-filter-panel .filter-preset{width:100%;padding:0 8px}.dashboard-stat{min-height:115px;padding:15px}.dashboard-stat .stat-icon{width:53px;height:53px;min-width:53px;flex-basis:53px}.dashboard-stat .stat-copy strong{font-size:24px}}.self-fill-page{min-height:100vh;padding:32px 16px;background:#f5f7fb;color:#1f2937}.self-fill-card{width:min(1100px,100%);margin:0 auto;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 40px #0f172a14;padding:28px}.self-fill-header{border-bottom:1px solid #e5e7eb;padding-bottom:20px;margin-bottom:22px}.self-fill-logo{font-size:22px;font-weight:800;letter-spacing:.2px;margin-bottom:8px}.self-fill-header h1{margin:0 0 8px}.self-fill-intro{margin:0 0 12px;color:#64748b;line-height:1.6}.self-fill-employee-meta{margin-bottom:8px}.self-fill-expiry{color:#64748b}.self-fill-section{border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:18px}.self-fill-section h3{margin:0 0 16px;font-size:17px}.self-fill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.self-fill-field{display:flex;flex-direction:column;gap:7px;min-width:0}.self-fill-field>span{font-size:13px;font-weight:600}.self-fill-field input,.self-fill-field select,.self-fill-field textarea{width:100%;box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px;font:inherit;background:#fff}.self-fill-field textarea{resize:vertical}.self-fill-field small{color:#64748b}.self-fill-security{border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px;margin:20px 0;background:#f8fafc}.self-fill-security p{margin:6px 0 0;color:#64748b;line-height:1.5;font-size:13px}.self-fill-submit{width:100%;border:0;border-radius:9px;padding:13px 18px;font-size:15px;font-weight:700;cursor:pointer}.self-fill-submit:disabled{opacity:.6;cursor:not-allowed}.self-fill-error{padding:12px 14px;margin-bottom:18px;border-radius:8px;background:#fef2f2;color:#b91c1c}.self-fill-success{padding:12px 14px;margin-bottom:18px;border-radius:8px;background:#f0fdf4;color:#166534}.self-fill-loading{text-align:center;padding:50px 20px}.self-fill-link-modal{max-width:650px}@media (max-width: 700px){.self-fill-page{padding:12px}.self-fill-card{padding:18px;border-radius:12px}.self-fill-grid{grid-template-columns:1fr}.self-fill-section{padding:15px}}.bulk-import-modal{width:min(1100px,94vw);max-height:90vh;overflow:hidden}.bulk-import-content{padding:20px;overflow-y:auto;max-height:calc(90vh - 80px)}.bulk-import-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.bulk-import-note,.bulk-import-file,.bulk-import-result{border:1px solid #dbe4f0;border-radius:10px;padding:12px 14px;margin-bottom:16px}.bulk-import-note{background:#f8fbff;font-size:13px;line-height:1.55}.bulk-import-file{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.bulk-import-message{margin-bottom:16px;padding:10px 12px}.bulk-import-errors{margin-bottom:18px;border:1px solid #fecaca;border-radius:10px;overflow:hidden}.bulk-import-error-list{max-height:220px;overflow-y:auto}.bulk-import-error-row{display:flex;gap:14px;padding:10px 12px;border-top:1px solid #fee2e2;font-size:13px}.bulk-import-preview{margin-bottom:18px}.bulk-import-preview .table-wrap{max-height:300px;overflow:auto}.bulk-import-result{background:#f0fdf4;display:flex;gap:30px;flex-wrap:wrap}.bulk-import-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}@media (max-width: 700px){.bulk-import-modal{width:96vw}.bulk-import-error-row{flex-direction:column;gap:4px}}.app-shell .sidebar .nav-item{color:#fff;border:1px solid rgba(255,255,255,.08);font-weight:700;margin-bottom:6px;box-shadow:0 5px 12px #0412381f}.app-shell .sidebar .nav-item:hover{color:#fff;filter:brightness(1.08);transform:translate(1px)}.app-shell .sidebar .nav-item.active,.app-shell .sidebar .nav-item.active:hover{color:#fff;filter:brightness(1.14) saturate(1.1);transform:translate(2px);box-shadow:0 7px 18px #04123847}.app-shell .sidebar .nav-item.active .nav-icon{color:#fff}.app-shell .sidebar .nav-item{background:transparent!important;color:#cbd5e1!important;box-shadow:none!important;filter:none!important;transform:none!important}.app-shell .sidebar .nav-item:hover{background:#ffffff14!important;color:#fff!important}.app-shell .sidebar .nav-item.active,.app-shell .sidebar .nav-item.active:hover{background:#fff!important;color:#315a91!important;box-shadow:0 4px 14px #0819372e!important;filter:none!important;transform:none!important}.app-shell .sidebar .nav-item.active .nav-icon{color:#315a91!important}.app-shell .sidebar .nav-section-subscription{background:linear-gradient(90deg,#7e22ce,#db2777)}.app-shell .sidebar .nav-subscriptionDashboard{background:linear-gradient(90deg,#0f766e,#14b8a6)}.app-shell .sidebar .nav-subscriptionCompanies{background:linear-gradient(90deg,#2563eb,#38bdf8)}.app-shell .sidebar .nav-subscriptionPlans{background:linear-gradient(90deg,#7e22ce,#a855f7)}.app-shell .sidebar .nav-subscriptionPayments{background:linear-gradient(90deg,#15803d,#4ade80)}.app-shell .sidebar .nav-subscriptionHistory{background:linear-gradient(90deg,#ea580c,#f59e0b)}.app-shell .sidebar .nav-subscriptionFollowups{background:linear-gradient(90deg,#db2777,#f472b6)}.app-shell .sidebar .nav-subscriptionRenewals{background:linear-gradient(90deg,#3730a3,#6366f1)}.app-shell .sidebar .nav-section-button{color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:9px;box-shadow:0 5px 14px #04123829}.app-shell .sidebar .nav-section-button:hover{color:#fff;filter:brightness(1.08)}.app-shell .sidebar .nav-section-arrow{transition:transform .2s ease}.app-shell .sidebar .nav-section-arrow.open{transform:rotate(90deg)}.app-shell .sidebar .nav-section-content .nav-item{margin-left:8px;width:calc(100% - 8px)}.app-shell .sidebar .nav-section-hr-master{background:linear-gradient(90deg,#1d4ed8,#3b82f6)}.app-shell .sidebar .nav-section-attendance-leave{background:linear-gradient(90deg,#0f766e,#14b8a6)}.app-shell .sidebar .nav-section-payroll-compliance{background:linear-gradient(90deg,#6d28d9,#8b5cf6)}.app-shell .sidebar .nav-section-work-performance{background:linear-gradient(90deg,#059669,#10b981)}.app-shell .sidebar .nav-section-automation{background:linear-gradient(90deg,#1e40af,#6366f1)}.subscription-page{width:100%}.subscription-header-actions{display:flex;gap:10px;flex-wrap:wrap}.subscription-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.subscription-stats .stat-card{min-height:145px}.subscription-stats .stat-value{font-size:28px;font-weight:800}.subscription-stats .stat-label{font-size:13px;color:#64748b}.stat-indigo .icon-badge{background:#eef2ff;color:#4f46e5}.stat-amber .icon-badge{background:#fff7ed;color:#d97706}.stat-red .icon-badge{background:#fef2f2;color:#dc2626}.stat-dark .icon-badge{background:#e2e8f0;color:#334155}.subscription-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.section-title h3{margin:0 0 4px}.section-title p{margin:0;color:#64748b;font-size:13px}.revenue-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.revenue-box{padding:16px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.revenue-box span{display:block;color:#64748b;font-size:12px;margin-bottom:7px}.revenue-box strong{font-size:20px}.lifecycle-list{display:grid;gap:14px}.lifecycle-row{display:grid;grid-template-columns:75px 1fr 35px;gap:10px;align-items:center;font-size:13px}.lifecycle-track{height:9px;background:#e2e8f0;border-radius:20px;overflow:hidden}.lifecycle-track i{display:block;height:100%;border-radius:20px}.life-green{background:#10b981}.life-indigo{background:#6366f1}.life-amber{background:#f59e0b}.life-red{background:#ef4444}.alert-error{margin-bottom:15px;padding:12px 14px;border-radius:10px;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.subscription-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-bottom:18px}.subscription-modal{width:min(1000px,94vw);max-height:90vh;overflow:auto}.checkbox-field{display:flex;align-items:center;gap:8px}.wide-field{grid-column:1/-1}.calculation-preview{display:flex;flex-wrap:wrap;gap:10px;padding:13px;margin-top:12px;border-radius:10px;background:#f5f3ff;border:1px solid #ddd6fe;color:#4c1d95}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.action-row{display:flex;gap:6px;flex-wrap:wrap}.btn-success{background:#16a34a!important;color:#fff!important;border-color:#16a34a!important}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.details-grid>div{padding:12px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.details-grid small,.details-grid strong{display:block}.details-grid small{color:#64748b;margin-bottom:5px;font-size:11px}.payment-summary{padding:15px;border-radius:12px;background:#eef2ff;margin-bottom:15px}.payment-summary span,.payment-summary small{display:block;color:#64748b}.payment-summary strong{display:block;font-size:25px;margin:4px 0}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pricing-card{border:1px solid #e2e8f0;border-radius:15px;padding:20px;background:#fff;box-shadow:0 8px 25px #1735620f}.pricing-card h3{margin:10px 0 14px;font-size:21px}.pricing-top{display:flex;justify-content:space-between;align-items:center}.pricing-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#6366f1}.price-main{font-size:30px;font-weight:800}.price-main small{font-size:13px;font-weight:500;color:#64748b}.price-year{margin:4px 0 18px;font-weight:700;color:#334155}.price-feature{margin:9px 0;color:#334155;font-size:13px}.feature-tags{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}.feature-tags span{background:#eef2ff;color:#4338ca;padding:5px 8px;border-radius:999px;font-size:11px}.pricing-0{border-top:4px solid #2563eb}.pricing-1{border-top:4px solid #7c3aed}.pricing-2{border-top:4px solid #db2777}.pricing-3{border-top:4px solid #059669}.pricing-4{border-top:4px solid #ea580c}.renewal-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.renewal-filter button{border:1px solid #d1d5db;background:#fff;padding:9px 15px;border-radius:8px;font-weight:700;cursor:pointer}.renewal-filter button.active{background:#4f46e5;color:#fff;border-color:#4f46e5}.subscription-page table small{display:block;color:#64748b;margin-top:3px}@media (max-width:1100px){.subscription-stats,.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.details-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.subscription-dashboard-grid,.subscription-filters,.pricing-grid,.details-grid{grid-template-columns:1fr}}@media (max-width:600px){.subscription-stats,.revenue-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column}}.payment-gateway-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:16px 18px;border-left:4px solid #4f46e5}.payment-gateway-banner p{margin:5px 0 0;color:#64748b;font-size:13px}.payment-recharge-modal{width:min(900px,94vw);max-height:92vh;overflow:auto}.recharge-methods{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.upi-recharge-box{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;border:1px solid #dbeafe;border-radius:14px;background:#f8fbff;margin-bottom:18px}.upi-recharge-box h3{margin:0 0 6px}.upi-recharge-box p{color:#64748b;margin:0 0 10px;max-width:560px}.upi-recharge-box strong{display:block;margin-bottom:12px}.upi-recharge-box img{border-radius:10px;border:1px solid #e2e8f0;background:#fff}@media (max-width:700px){.upi-recharge-box{flex-direction:column;align-items:flex-start}.payment-gateway-banner{align-items:flex-start;flex-direction:column}}.app-shell .sidebar .nav-item.active,.app-shell .sidebar .nav-item.active:hover{color:#fff!important;filter:none!important;transform:none!important;box-shadow:inset 0 0 0 2px #ffffff8c,0 5px 14px #04123838!important}.app-shell .sidebar .nav-item.nav-dashboard.active,.app-shell .sidebar .nav-item.nav-dashboard.active:hover{background:linear-gradient(90deg,#2563eb,#3b82f6)!important}.app-shell .sidebar .nav-item.nav-reports.active,.app-shell .sidebar .nav-item.nav-reports.active:hover{background:linear-gradient(90deg,#4338ca,#6366f1)!important}.app-shell .sidebar .nav-item.nav-employees.active,.app-shell .sidebar .nav-item.nav-employees.active:hover{background:linear-gradient(90deg,#0284c7,#38bdf8)!important}.app-shell .sidebar .nav-item.nav-departments.active,.app-shell .sidebar .nav-item.nav-departments.active:hover{background:linear-gradient(90deg,#0f766e,#14b8a6)!important}.app-shell .sidebar .nav-item.nav-designations.active,.app-shell .sidebar .nav-item.nav-designations.active:hover{background:linear-gradient(90deg,#7c3aed,#a855f7)!important}.app-shell .sidebar .nav-item.nav-roles.active,.app-shell .sidebar .nav-item.nav-roles.active:hover{background:linear-gradient(90deg,#be185d,#ec4899)!important}.app-shell .sidebar .nav-item.nav-attendance.active,.app-shell .sidebar .nav-item.nav-attendance.active:hover{background:linear-gradient(90deg,#059669,#10b981)!important}.app-shell .sidebar .nav-item.nav-devices.active,.app-shell .sidebar .nav-item.nav-devices.active:hover{background:linear-gradient(90deg,#0891b2,#22d3ee)!important}.app-shell .sidebar .nav-item.nav-shifts.active,.app-shell .sidebar .nav-item.nav-shifts.active:hover{background:linear-gradient(90deg,#ca8a04,#eab308)!important}.app-shell .sidebar .nav-item.nav-holidays.active,.app-shell .sidebar .nav-item.nav-holidays.active:hover{background:linear-gradient(90deg,#ea580c,#f97316)!important}.app-shell .sidebar .nav-item.nav-leaveApplications.active,.app-shell .sidebar .nav-item.nav-leaveApplications.active:hover{background:linear-gradient(90deg,#dc2626,#f43f5e)!important}.app-shell .sidebar .nav-item.nav-leaveMaster.active,.app-shell .sidebar .nav-item.nav-leaveMaster.active:hover{background:linear-gradient(90deg,#c2410c,#fb923c)!important}.app-shell .sidebar .nav-item.nav-payroll.active,.app-shell .sidebar .nav-item.nav-payroll.active:hover{background:linear-gradient(90deg,#6d28d9,#8b5cf6)!important}.app-shell .sidebar .nav-item.nav-pfReturn.active,.app-shell .sidebar .nav-item.nav-pfReturn.active:hover{background:linear-gradient(90deg,#1d4ed8,#60a5fa)!important}.app-shell .sidebar .nav-item.nav-esiReturn.active,.app-shell .sidebar .nav-item.nav-esiReturn.active:hover{background:linear-gradient(90deg,#0e7490,#06b6d4)!important}.app-shell .sidebar .nav-item.nav-bankUpload.active,.app-shell .sidebar .nav-item.nav-bankUpload.active:hover{background:linear-gradient(90deg,#15803d,#4ade80)!important}.app-shell .sidebar .nav-item.nav-projects.active,.app-shell .sidebar .nav-item.nav-projects.active:hover{background:linear-gradient(90deg,#047857,#34d399)!important}.app-shell .sidebar .nav-item.nav-tasks.active,.app-shell .sidebar .nav-item.nav-tasks.active:hover{background:linear-gradient(90deg,#334155,#64748b)!important}.app-shell .sidebar .nav-item.nav-appraisal.active,.app-shell .sidebar .nav-item.nav-appraisal.active:hover{background:linear-gradient(90deg,#d97706,#f59e0b)!important}.app-shell .sidebar .nav-item.nav-documents.active,.app-shell .sidebar .nav-item.nav-documents.active:hover{background:linear-gradient(90deg,#4f46e5,#818cf8)!important}.app-shell .sidebar .nav-item.nav-templates.active,.app-shell .sidebar .nav-item.nav-templates.active:hover{background:linear-gradient(90deg,#0369a1,#38bdf8)!important}.app-shell .sidebar .nav-item.nav-notifications.active,.app-shell .sidebar .nav-item.nav-notifications.active:hover{background:linear-gradient(90deg,#be123c,#fb7185)!important}.app-shell .sidebar .nav-item.nav-subscriptionDashboard.active,.app-shell .sidebar .nav-item.nav-subscriptionDashboard.active:hover{background:linear-gradient(90deg,#0f766e,#14b8a6)!important}.app-shell .sidebar .nav-item.nav-subscriptionCompanies.active,.app-shell .sidebar .nav-item.nav-subscriptionCompanies.active:hover{background:linear-gradient(90deg,#2563eb,#38bdf8)!important}.app-shell .sidebar .nav-item.nav-subscriptionPlans.active,.app-shell .sidebar .nav-item.nav-subscriptionPlans.active:hover{background:linear-gradient(90deg,#7e22ce,#a855f7)!important}.app-shell .sidebar .nav-item.nav-subscriptionPayments.active,.app-shell .sidebar .nav-item.nav-subscriptionPayments.active:hover{background:linear-gradient(90deg,#15803d,#4ade80)!important}.app-shell .sidebar .nav-item.nav-subscriptionHistory.active,.app-shell .sidebar .nav-item.nav-subscriptionHistory.active:hover{background:linear-gradient(90deg,#ea580c,#f59e0b)!important}.app-shell .sidebar .nav-item.nav-subscriptionFollowups.active,.app-shell .sidebar .nav-item.nav-subscriptionFollowups.active:hover{background:linear-gradient(90deg,#db2777,#f472b6)!important}.app-shell .sidebar .nav-item.nav-subscriptionRenewals.active,.app-shell .sidebar .nav-item.nav-subscriptionRenewals.active:hover{background:linear-gradient(90deg,#3730a3,#6366f1)!important}.modal-overlay .modal-box.subscription-modal{width:min(1000px,94vw)!important;height:92vh!important;max-height:92vh!important;padding:0!important;overflow-y:auto!important;overflow-x:hidden!important;display:block!important;box-sizing:border-box!important;scrollbar-width:thin!important;scrollbar-color:#64748b #e5e7eb!important}.modal-overlay .modal-box.subscription-modal::-webkit-scrollbar{width:9px!important}.modal-overlay .modal-box.subscription-modal::-webkit-scrollbar-track{background:#e5e7eb!important;border-radius:10px!important}.modal-overlay .modal-box.subscription-modal::-webkit-scrollbar-thumb{background:#64748b!important;border-radius:10px!important}.modal-overlay .modal-box.subscription-modal::-webkit-scrollbar-thumb:hover{background:#475569!important}.modal-overlay .modal-box.subscription-modal>.modal-header{position:sticky!important;top:0!important;z-index:20!important;background:#fffffffa!important;margin:0!important}.modal-overlay .modal-box.subscription-modal>.form-grid{padding:24px 28px 10px!important;box-sizing:border-box!important}.modal-overlay .modal-box.subscription-modal>.calculation-preview{margin:12px 28px!important}.modal-overlay .modal-box.subscription-modal>.modal-actions{position:sticky!important;bottom:0!important;z-index:20!important;margin:18px 0 0!important;padding:15px 28px!important;background:#fffffffa!important;border-top:1px solid #e5e7eb!important;box-shadow:0 -5px 15px #0f172a14!important;box-sizing:border-box!important}.modal-overlay .modal-box.subscription-modal input,.modal-overlay .modal-box.subscription-modal select,.modal-overlay .modal-box.subscription-modal textarea{max-width:100%!important;box-sizing:border-box!important}@media (max-width: 900px){.modal-overlay .modal-box.subscription-modal{width:94vw!important;height:92vh!important;max-height:92vh!important}.modal-overlay .modal-box.subscription-modal>.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding-left:18px!important;padding-right:18px!important}.modal-overlay .modal-box.subscription-modal>.calculation-preview{margin-left:18px!important;margin-right:18px!important}.modal-overlay .modal-box.subscription-modal>.modal-actions{padding-left:18px!important;padding-right:18px!important}}@media (max-width: 600px){.modal-overlay{padding:8px!important}.modal-overlay .modal-box.subscription-modal{width:100%!important;height:96vh!important;max-height:96vh!important;border-radius:14px!important}.modal-overlay .modal-box.subscription-modal>.form-grid{grid-template-columns:1fr!important;padding:18px 15px 8px!important}.modal-overlay .modal-box.subscription-modal>.calculation-preview{margin-left:15px!important;margin-right:15px!important}.modal-overlay .modal-box.subscription-modal>.modal-actions{padding-left:15px!important;padding-right:15px!important}}.payment-recharge-modal{width:min(920px,94vw)!important;height:min(760px,92vh)!important;max-height:92vh!important;padding:0!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box!important;border-radius:16px!important}.payment-recharge-modal{scrollbar-width:thin!important;scrollbar-color:#64748b #e5e7eb!important}.payment-recharge-modal::-webkit-scrollbar{width:9px!important}.payment-recharge-modal::-webkit-scrollbar-track{background:#e5e7eb!important;border-radius:10px!important}.payment-recharge-modal::-webkit-scrollbar-thumb{background:#64748b!important;border-radius:10px!important}.payment-recharge-modal::-webkit-scrollbar-thumb:hover{background:#475569!important}.payment-recharge-modal>.modal-header{flex:0 0 auto!important;min-height:105px!important;padding:25px 28px!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;background:#fff!important;border-bottom:1px solid #e5e7eb!important;box-sizing:border-box!important}.payment-recharge-modal>.modal-header h2{margin:0 0 8px!important;font-size:25px!important;line-height:1.2!important;color:#1e1b4b!important}.payment-recharge-modal>.modal-header p{margin:0!important;color:#64748b!important;font-size:14px!important}.payment-recharge-modal>.modal-header .btn{flex:0 0 auto!important;width:38px!important;height:38px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important;line-height:1!important;border-radius:10px!important}.payment-recharge-modal .payment-summary{flex:0 0 auto!important;margin:0!important;padding:18px 28px!important;border-radius:0!important;background:#eef2ff!important;border-bottom:1px solid #dbe4ff!important;box-sizing:border-box!important}.payment-recharge-modal .payment-summary span{display:block!important;margin-bottom:5px!important;color:#64748b!important;font-size:14px!important}.payment-recharge-modal .payment-summary strong{display:block!important;margin:0 0 5px!important;color:#171329!important;font-size:27px!important;line-height:1.2!important}.payment-recharge-modal .payment-summary small{display:block!important;color:#64748b!important;font-size:13px!important}.payment-recharge-modal .recharge-methods{flex:0 0 auto!important;display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin:0!important;padding:20px 28px 8px!important;box-sizing:border-box!important}.payment-recharge-modal .recharge-methods .btn{min-height:44px!important;padding:10px 16px!important;border-radius:9px!important;font-weight:700!important}.payment-recharge-modal .upi-recharge-box{flex:0 0 auto!important;margin:10px 28px 18px!important;padding:18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;border:1px solid #bfdbfe!important;border-radius:14px!important;background:#f8fbff!important;box-sizing:border-box!important}.payment-recharge-modal .upi-recharge-box h3{margin:0 0 7px!important;color:#1e293b!important;font-size:18px!important}.payment-recharge-modal .upi-recharge-box p{margin:0 0 10px!important;max-width:560px!important;color:#64748b!important;font-size:13px!important;line-height:1.5!important}.payment-recharge-modal .upi-recharge-box strong{display:block!important;margin-bottom:12px!important;color:#1e293b!important}.payment-recharge-modal .upi-recharge-box img{flex:0 0 auto!important;width:180px!important;height:180px!important;padding:5px!important;border:1px solid #dbe4ee!important;border-radius:10px!important;background:#fff!important;box-sizing:border-box!important}.payment-recharge-modal>form{flex:0 0 auto!important;margin:0!important;padding:18px 28px 0!important;box-sizing:border-box!important}.payment-recharge-modal>form h3{margin:0 0 16px!important;color:#1e1b4b!important;font-size:18px!important}.payment-recharge-modal>form .form-grid{width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin:0!important;box-sizing:border-box!important}.payment-recharge-modal>form .form-grid label{min-width:0!important;display:flex!important;flex-direction:column!important;gap:6px!important;color:#475569!important;font-size:13px!important;font-weight:600!important}.payment-recharge-modal>form .form-grid .wide-field{grid-column:1 / -1!important}.payment-recharge-modal>form .form-input{width:100%!important;min-width:0!important;box-sizing:border-box!important;min-height:42px!important;padding:9px 11px!important;border:1px solid #d1d5db!important;border-radius:8px!important;background:#fff!important;color:#1f2937!important;font-size:14px!important}.payment-recharge-modal>form textarea.form-input{min-height:80px!important;resize:vertical!important}.payment-recharge-modal>form .form-input:focus{outline:none!important;border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e51f!important}.payment-recharge-modal>form>.modal-actions{position:sticky!important;bottom:0!important;z-index:20!important;margin:22px -28px 0!important;padding:14px 28px!important;min-height:70px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;background:#fffffffa!important;border-top:1px solid #e5e7eb!important;box-shadow:0 -5px 15px #0f172a14!important;box-sizing:border-box!important}.payment-recharge-modal>form>.modal-actions .btn{min-height:40px!important;padding:9px 16px!important;border-radius:8px!important}@media (max-width: 900px){.payment-recharge-modal{width:94vw!important;height:92vh!important;max-height:92vh!important}.payment-recharge-modal>form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width: 650px){.payment-recharge-modal{width:96vw!important;height:94vh!important;max-height:94vh!important;border-radius:14px!important}.payment-recharge-modal>.modal-header{min-height:82px!important;padding:18px!important}.payment-recharge-modal>.modal-header h2{font-size:20px!important}.payment-recharge-modal .payment-summary{padding:16px 18px!important}.payment-recharge-modal .recharge-methods{padding:16px 18px 8px!important;flex-direction:column!important}.payment-recharge-modal .recharge-methods .btn{width:100%!important}.payment-recharge-modal .upi-recharge-box{margin:10px 18px 16px!important;flex-direction:column!important;align-items:flex-start!important}.payment-recharge-modal .upi-recharge-box img{align-self:center!important}.payment-recharge-modal>form{padding:16px 18px 0!important}.payment-recharge-modal>form .form-grid{grid-template-columns:1fr!important}.payment-recharge-modal>form .form-grid .wide-field{grid-column:auto!important}.payment-recharge-modal>form>.modal-actions{margin-left:-18px!important;margin-right:-18px!important;padding-left:18px!important;padding-right:18px!important}.payment-recharge-modal>form>.modal-actions .btn{flex:1!important}}n .addon-na{color:#64748b;background:#f8fafc}.alert-info{margin:15px 0;padding:12px 14px;border-radius:10px;background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.pricing-0{background:linear-gradient(180deg,#eff6ff,#fff 34%);border-top-color:#2563eb}.pricing-1{background:linear-gradient(180deg,#f5f3ff,#fff 34%);border-top-color:#7c3aed}.pricing-2{background:linear-gradient(180deg,#fdf2f8,#fff 34%);border-top-color:#db2777}.dashboard-page{padding:28px 24px 40px;background:#f7f8fc}.dashboard-heading{margin-bottom:24px}.dashboard-heading h1{font-size:30px;font-weight:700;color:#172554;margin:0 0 8px;letter-spacing:-.5px}.dashboard-heading p{margin:0;color:#64748b;font-size:14px}.date-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:12px 18px;box-shadow:0 4px 16px #0f172a0d}.date-card small{display:block;color:#94a3b8;font-size:11px;margin-bottom:3px}.date-card strong{color:#1e3a8a;font-size:13px}.dashboard-filter-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;margin-bottom:22px;box-shadow:0 4px 18px #0f172a0a}.dashboard-filter-title strong{color:#172554;font-size:16px}.dashboard-filter-title span{color:#64748b;font-size:12px}.filter-preset{border:1px solid #dbe3ef;background:#fff;color:#475569;border-radius:9px;padding:9px 16px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.filter-preset:hover{border-color:#4f6fd5;color:#315a91;background:#f5f7ff}.filter-preset.active{background:#4f6fd5;border-color:#4f6fd5;color:#fff;box-shadow:0 4px 10px #4f6fd533}.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:28px}.dashboard-stat{position:relative;min-height:142px;padding:22px;border-radius:18px;border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;gap:16px;text-align:left;cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.dashboard-stat:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0f172a17}.dashboard-stat:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px}.dashboard-stat .stat-icon{width:54px;height:54px;min-width:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.dashboard-stat .stat-copy{min-width:0}.dashboard-stat .stat-copy>span{display:block;color:#64748b;font-size:12px;font-weight:500;margin-bottom:5px}.dashboard-stat .stat-copy strong{display:block;color:#172554;font-size:28px;line-height:1.15;font-weight:750;margin-bottom:7px}.dashboard-stat .stat-copy small{color:#4f6fd5;font-size:11px;font-weight:600}.dashboard-stat.stat-blue{background:linear-gradient(135deg,#fff,#f3f7ff)}.dashboard-stat.stat-blue:before{background:#4f6fd5}.dashboard-stat.stat-blue .stat-icon{background:#dbeafe;color:#3567c8}.dashboard-stat.stat-green{background:linear-gradient(135deg,#fff,#f0fdf8)}.dashboard-stat.stat-green:before{background:#16a36a}.dashboard-stat.stat-green .stat-icon{background:#d9f7ea;color:#12935f}.dashboard-stat.stat-orange{background:linear-gradient(135deg,#fff,#fff9ed)}.dashboard-stat.stat-orange:before{background:#f59e0b}.dashboard-stat.stat-orange .stat-icon{background:#fff0c9;color:#d88900}.dashboard-stat.stat-red{background:linear-gradient(135deg,#fff,#fff4f5)}.dashboard-stat.stat-red:before{background:#e85b68}.dashboard-stat.stat-red .stat-icon{background:#ffe0e4;color:#d9364a}@media (max-width: 1100px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 650px){.dashboard-page{padding:20px 14px 30px}.dashboard-stats{grid-template-columns:1fr}.dashboard-heading h1{font-size:24px}}.dashboard-stat{min-width:0}.dashboard-stat .stat-copy{min-width:0;flex:1}.dashboard-stat .stat-copy strong{font-size:26px;white-space:nowrap;letter-spacing:-.5px}.dashboard-stat .stat-copy>span{line-height:1.3}@media (max-width: 1200px){.dashboard-stat .stat-copy strong{font-size:23px}}.dashboard-analytics{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;align-items:stretch}.dashboard-analytics .dashboard-panel{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 4px 18px #0f172a0a;overflow:hidden}.dashboard-analytics .payroll-panel{grid-column:1 / -1}.dashboard-analytics .panel-heading,.dashboard-analytics .overview-heading{padding:20px 22px}.dashboard-analytics h2{color:#172554;font-size:17px;font-weight:700;margin:0 0 5px}.dashboard-analytics p{color:#64748b;font-size:12px;margin:0}.dashboard-analytics .panel-status{background:#ecfdf5;color:#059669;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:700}.dashboard-analytics .chart-area{padding:0 20px 22px}.dashboard-analytics .overview-panel{min-height:270px}.dashboard-analytics .attendance-overview{grid-column:1}.dashboard-analytics .project-overview{grid-column:2}.dashboard-analytics .overview-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef2f7}.dashboard-analytics .overview-title-wrap{display:flex;align-items:center;gap:12px}.dashboard-analytics .overview-title-icon{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center}.dashboard-analytics .attendance-title-icon{background:#ecfdf5;color:#059669}.dashboard-analytics .project-title-icon{background:#eef2ff;color:#536ed5}.dashboard-analytics .overview-title-icon svg{width:19px;height:19px}.dashboard-analytics .overview-total-chip{background:#f8fafc;color:#475569;border:1px solid #e2e8f0;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:600}.dashboard-analytics .overview-content{display:flex;align-items:center;gap:28px;padding:24px}.dashboard-analytics .overview-donut{width:145px;height:145px;min-width:145px;border-radius:50%;display:flex;align-items:center;justify-content:center}.dashboard-analytics .overview-donut-hole{width:92px;height:92px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.dashboard-analytics .overview-donut-hole strong{color:#172554;font-size:24px;line-height:1}.dashboard-analytics .overview-donut-hole span{color:#94a3b8;font-size:10px;margin-top:5px}.dashboard-analytics .overview-list{flex:1}.dashboard-analytics .overview-row{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:9px;margin-bottom:5px;transition:background .2s ease}.dashboard-analytics .overview-row:hover{background:#f8fafc}.dashboard-analytics .overview-row-label{display:flex;align-items:center;gap:9px}.dashboard-analytics .overview-row-label span:last-child{color:#475569;font-size:12px}.dashboard-analytics .overview-dot{width:8px;height:8px;border-radius:50%}.dashboard-analytics .overview-row strong{color:#172554;font-size:13px}.dashboard-analytics .project-value{display:flex;align-items:center;gap:8px}.dashboard-analytics .project-value small{color:#94a3b8;font-size:10px}@media (max-width: 900px){.dashboard-analytics{grid-template-columns:1fr}.dashboard-analytics .payroll-panel,.dashboard-analytics .attendance-overview,.dashboard-analytics .project-overview{grid-column:1}}@media (max-width: 600px){.dashboard-analytics .overview-content{flex-direction:column;align-items:stretch}.dashboard-analytics .overview-donut{margin:0 auto}}.dashboard-tables{display:grid;grid-template-columns:1fr;gap:20px;margin-top:22px}.dashboard-tables .dashboard-panel{background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 4px 18px #0f172a0a}.dashboard-tables .panel-heading{padding:20px 22px;border-bottom:1px solid #eef2f7}.dashboard-tables .panel-heading h2{margin:0 0 5px;color:#172554;font-size:17px;font-weight:700}.dashboard-tables .panel-heading p{margin:0;color:#64748b;font-size:12px}.dashboard-tables .view-all{border:1px solid #dbe3ef;background:#fff;color:#315a91;border-radius:8px;padding:7px 12px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.dashboard-tables .view-all:hover{background:#eef4ff;border-color:#b9ccef}.dashboard-tables .table-wrap{overflow-x:auto}.dashboard-tables table{width:100%;border-collapse:collapse;min-width:650px}.dashboard-tables th{padding:13px 18px;text-align:left;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid #e2e8f0}.dashboard-tables tbody tr{transition:background .2s ease}.dashboard-tables tbody tr:hover{background:#f8faff}.dashboard-tables td{padding:15px 18px;color:#334155;font-size:12px;border-bottom:1px solid #eef2f7}.dashboard-tables tbody tr:last-child td{border-bottom:none}.dashboard-tables td:first-child{color:#315a91;font-weight:700}.dashboard-tables td:nth-child(2){color:#172554;font-weight:600}.dashboard-tables .empty-state{padding:35px 20px;text-align:center;color:#94a3b8;font-size:13px}.dashboard-tables .badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:20px;font-size:10px;font-weight:700;border:none}.dashboard-tables .badge-green{background:#ecfdf5;color:#059669}.dashboard-tables .badge-amber{background:#fffbeb;color:#d97706}.dashboard-tables .badge-red{background:#fef2f2;color:#dc2626}.dashboard-tables .clickable-row{cursor:pointer}.dashboard-tables .clickable-row:hover td{color:#315a91}@media (max-width: 700px){.dashboard-tables .panel-heading{padding:16px}.dashboard-tables th,.dashboard-tables td{padding:12px 14px}}.dashboard-tables .panel-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;min-height:72px}.dashboard-tables .panel-heading>div{flex:1}.dashboard-tables .panel-heading .view-all{flex-shrink:0;margin-left:16px}.dashboard-tables .table-wrap{border-top:0}.dashboard-tables thead{background:#f8fafc}.dashboard-tables th{padding-top:12px;padding-bottom:12px}.dashboard-tables td{height:48px}.dashboard-tables td:first-child{font-family:monospace;letter-spacing:.3px}.reports-page{padding:4px 0 50px}.reports-page .page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.reports-page .page-header h1{margin:0 0 7px;font-size:30px;line-height:1.2;font-weight:750;color:#172554;letter-spacing:-.5px}.reports-page .page-header p{margin:0;color:#64748b;font-size:14px}.reports-page .page-header .btn-primary{min-height:40px;padding:0 18px;border-radius:9px;font-weight:700;box-shadow:0 5px 14px #4f46e52e}.reports-filter-panel{margin:0 0 20px;padding:22px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 4px 18px #0f172a0a}.reports-filter-head{margin-bottom:17px}.reports-filter-head strong{color:#172554;font-size:16px;font-weight:750}.reports-filter-head span{margin-top:4px;color:#64748b;font-size:12px}.reports-presets{display:flex;flex-wrap:wrap;gap:9px}.reports-preset{min-height:38px;padding:0 16px;border:1px solid #dbe3ef;border-radius:9px;background:#fff;color:#475569;font-size:12px;font-weight:650;transition:all .2s ease}.reports-preset:hover{border-color:#9aaee0;background:#f5f7ff;color:#315a91}.reports-preset.active{border-color:#536ed5;background:#536ed5;color:#fff;box-shadow:0 4px 10px #536ed533}.reports-error{margin:12px 0 18px;padding:11px 14px;border:1px solid #fecaca;border-radius:9px;background:#fff7f7;color:#dc2626;font-size:12px}.reports-page .stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:0}.reports-page .stat-card{min-height:112px;padding:20px;border:1px solid #e2e8f0;border-radius:15px;background:#fff;box-shadow:0 4px 16px #0f172a0b;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.reports-page .stat-card:hover{transform:translateY(-2px);border-color:#cbd5e1;box-shadow:0 10px 24px #0f172a14}.reports-page .stat-label{margin-bottom:12px;color:#64748b;font-size:12px;font-weight:600}.reports-page .stat-value{color:#172554;font-size:27px;line-height:1;font-weight:750;letter-spacing:-.5px}.reports-page .stat-card:nth-child(1){border-top:3px solid #4f46e5}.reports-page .stat-card:nth-child(2){border-top:3px solid #16a34a}.reports-page .stat-card:nth-child(3){border-top:3px solid #0ea5e9}.reports-page .stat-card:nth-child(4){border-top:3px solid #f59e0b}.reports-page .stat-card:nth-child(5){border-top:3px solid #8b5cf6}.reports-page .stat-card:nth-child(6){border-top:3px solid #ef4444}.reports-page .stat-card:nth-child(7){border-top:3px solid #14b8a6}.reports-page .stat-card:nth-child(8){border-top:3px solid #6366f1}.reports-export-card{margin-top:22px;padding:22px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 4px 18px #0f172a0a}.reports-export-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.reports-export-header .section-title{color:#172554;font-size:16px;font-weight:750}.reports-export-header p{margin:5px 0 0;color:#64748b;font-size:12px}.reports-export-header select{min-width:210px;height:40px;padding:0 12px;border:1px solid #dbe3ef;border-radius:9px;background:#fff;color:#334155;font-size:12px;font-weight:600;outline:none}.reports-export-buttons{display:flex;gap:10px;margin:20px 0 11px}.reports-export-buttons .btn{min-height:38px;padding:0 16px;border-radius:9px;font-weight:650}.reports-export-card small{color:#94a3b8;font-size:11px}.reports-areas-card{margin-top:22px;padding:22px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 4px 18px #0f172a0a}.reports-areas-card .section-title{margin-bottom:16px;color:#172554;font-size:16px;font-weight:750}.reports-area-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.reports-area{min-height:72px;padding:15px;text-align:left;border:1px solid #e2e8f0;border-radius:11px;background:#f8fafc;cursor:pointer;transition:all .2s ease}.reports-area:hover{background:#fff;border-color:#aebce2;transform:translateY(-1px)}.reports-area.active{background:#eef2ff;border-color:#536ed5;box-shadow:0 3px 10px #536ed514}.reports-area strong{display:block;margin-bottom:5px;color:#172554;font-size:12px}.reports-area span{color:#94a3b8;font-size:10px}@media (max-width: 1100px){.reports-page .stats-grid,.reports-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 650px){.reports-page .page-header{flex-direction:column}.reports-page .stats-grid,.reports-area-grid{grid-template-columns:1fr}.reports-export-header{align-items:flex-start;flex-direction:column}.reports-export-header select{width:100%}.reports-export-buttons{flex-wrap:wrap}}.reports-export-card{margin-top:22px;padding:24px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 4px 18px #0f172a0a}.reports-export-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid #eef2f7}.reports-export-header .section-title{color:#172554;font-size:17px;font-weight:750}.reports-export-header p{margin:6px 0 0;color:#64748b;font-size:12px}.reports-export-header select{width:230px;height:42px;padding:0 13px;border:1px solid #dbe3ef;border-radius:9px;background:#fff;color:#334155;font-size:12px;font-weight:600;outline:none}.reports-export-header select:focus{border-color:#536ed5;box-shadow:0 0 0 3px #536ed51a}.reports-export-buttons{display:flex;gap:12px;margin-top:20px}.reports-export-buttons .btn{min-height:40px;padding:0 17px;border-radius:9px;font-size:12px;font-weight:700}.reports-export-buttons .btn:hover{transform:translateY(-1px)}.reports-export-card>small{display:block;margin-top:15px;color:#94a3b8;font-size:11px}@media (max-width: 700px){.reports-export-header{align-items:stretch;flex-direction:column}.reports-export-header select{width:100%}.reports-export-buttons{flex-wrap:wrap}}.employees-page{padding-bottom:40px}.employees-page>.card:first-child{padding:20px;margin-bottom:20px!important;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 18px #0f172a0a}.employees-page>.card:first-child input{height:42px;width:320px;max-width:100%!important;padding:0 14px;border:1px solid #dbe3ef;border-radius:9px;background:#fff;color:#334155;font-size:12px;outline:none}.employees-page>.card:first-child input:focus{border-color:#536ed5;box-shadow:0 0 0 3px #536ed51a}.employees-page>.card:first-child .btn{min-height:40px;padding:0 16px;border-radius:9px;font-size:12px;font-weight:700}.employees-page>.card:nth-of-type(2){padding:0;overflow:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 18px #0f172a0a}.employees-page>.card:nth-of-type(2) .section-title{padding:20px 22px;margin:0;border-bottom:1px solid #eef2f7;color:#172554;font-size:17px;font-weight:750}.employees-page .table-wrap{overflow-x:auto}.employees-page table{width:100%;min-width:900px;border-collapse:collapse}.employees-page thead{background:#f8fafc}.employees-page th{padding:13px 18px;text-align:left;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid #e2e8f0;white-space:nowrap}.employees-page td{padding:15px 18px;color:#334155;font-size:12px;border-bottom:1px solid #eef2f7;white-space:nowrap}.employees-page tbody tr{transition:background .18s ease}.employees-page tbody tr:hover{background:#f8faff}.employees-page tbody tr:last-child td{border-bottom:none}.employees-page td strong{color:#315a91;font-weight:700}.employees-page .badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:10px;font-weight:700}.employees-page td:last-child>div{display:flex;align-items:center;gap:6px!important}.employees-page td:last-child .btn-sm{min-height:30px;padding:0 10px;border-radius:7px;font-size:10px}.employees-page td:last-child .btn-danger{color:#dc2626;border-color:#fecaca;background:#fff}.employees-page td:last-child .btn-danger:hover{background:#fef2f2}.employees-page .empty-state{min-height:150px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:13px}@media (max-width: 800px){.employees-page>.card:first-child>div{flex-direction:column;align-items:stretch}.employees-page>.card:first-child input{width:100%}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a99;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.modal-box{width:min(1080px,100%);height:min(90vh,900px);padding:0!important;overflow:hidden!important;background:#f7f9fc;border:1px solid #e3e8f0;border-radius:18px;box-shadow:0 25px 70px #0f172a40,0 8px 25px #0f172a1f}.modal-box .modal-header{min-height:78px;padding:18px 26px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e7ebf1}.modal-box .modal-header h3{margin:0;color:#172554;font-size:22px;font-weight:750}.modal-box .modal-header small{display:block;margin-top:5px;color:#718096;font-size:13px}.modal-box .modal-header .btn{width:40px;height:40px;min-width:40px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:17px}.modal-box>form{height:calc(100% - 78px);overflow-y:auto;padding:24px 28px 30px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.modal-box>form::-webkit-scrollbar{width:7px}.modal-box>form::-webkit-scrollbar-track{background:transparent}.modal-box>form::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.employee-photo-upload{padding:18px!important;background:#fff;border:1px solid #e3e8f0;border-radius:14px;margin-bottom:22px;box-shadow:0 2px 8px #0f172a0a}.employee-photo-preview{background:#eef4ff!important;border:2px solid #d7e3f5!important}.employee-photo-upload label{display:block;margin-bottom:7px;color:#344054;font-size:13px;font-weight:700}.employee-photo-upload input[type=file]{width:100%;padding:9px;background:#fff;border:1px solid #d8dee8;border-radius:9px;color:#475467}.employee-photo-upload small{display:block;margin-top:6px;color:#98a2b3;font-size:12px}.modal-box>form h4{position:relative;margin:25px 0 16px!important;padding:13px 16px;display:flex;align-items:center;color:#172554;font-size:16px;font-weight:750;background:#fff;border:1px solid #e3e8f0;border-radius:12px;box-shadow:0 2px 7px #0f172a09}.modal-box>form h4:first-of-type{margin-top:0!important}.modal-box>form h4:before{content:"";width:4px;height:22px;margin-right:10px;background:linear-gradient(180deg,#2563eb,#4f46e5);border-radius:5px}.modal-box>form>.grid.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 22px;padding:4px 2px 6px}.modal-box>form .field{min-width:0;margin-bottom:0}.modal-box>form .field label{display:block;margin-bottom:7px;color:#344054;font-size:13px;font-weight:650}.modal-box>form .field input,.modal-box>form .field select,.modal-box>form .field textarea{width:100%;min-height:44px;box-sizing:border-box;padding:10px 13px;color:#172033;font-family:inherit;font-size:14px;background:#fff;border:1px solid #d8dee8;border-radius:9px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.modal-box>form .field input::placeholder,.modal-box>form .field textarea::placeholder{color:#98a2b3}.modal-box>form .field input:hover,.modal-box>form .field select:hover,.modal-box>form .field textarea:hover{border-color:#b9c5d6}.modal-box>form .field input:focus,.modal-box>form .field select:focus,.modal-box>form .field textarea:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.modal-box>form .field textarea{min-height:90px;resize:vertical}.modal-box>form .field input[readonly]{background:#f3f5f9;color:#667085;cursor:not-allowed}.modal-box>form>div:last-child{position:sticky;bottom:-30px;margin-top:28px!important;margin-left:-28px!important;margin-right:-28px!important;padding:16px 28px 12px!important;background:#f7f9fcf5;border-top:1px solid #e3e8f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}.modal-box>form>div:last-child .btn{min-height:42px;padding:10px 20px;border-radius:9px;font-weight:700}.modal-box .btn-primary{background:linear-gradient(135deg,#4f46e5,#4338ca);border:none;color:#fff;box-shadow:0 5px 14px #4f46e538}.modal-box .btn-primary:hover{background:linear-gradient(135deg,#4338ca,#3730a3);transform:translateY(-1px)}.modal-box .btn-outline{background:#fff;color:#344054;border:1px solid #d0d5dd}.modal-box .btn-outline:hover{background:#f8fafc}.modal-box .btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.modal-box .error-text{margin-top:15px;padding:12px 14px;color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:9px}.modal-box .success-text{margin-top:15px;padding:12px 14px;color:#027a48;background:#ecfdf3;border:1px solid #abefc6;border-radius:9px}@media (max-width: 900px){.modal-overlay{padding:12px}.modal-box{width:100%;height:94vh;border-radius:14px}.modal-box .modal-header{min-height:72px;padding:16px 18px}.modal-box>form{height:calc(100% - 72px);padding:20px 18px 25px}.modal-box>form>.grid.grid-2{grid-template-columns:1fr;gap:15px}.modal-box>form>div:last-child{margin-left:-18px!important;margin-right:-18px!important;padding-left:18px!important;padding-right:18px!important}}@media (max-width: 520px){.modal-overlay{padding:0;align-items:stretch}.modal-box{width:100%;height:100vh;border-radius:0;border:none}.modal-box .modal-header{padding:14px 16px}.modal-box>form{padding:18px 15px 22px}.modal-box>form h4{padding:12px 13px;font-size:15px}.modal-box>form>div:last-child{margin-left:-15px!important;margin-right:-15px!important;padding-left:15px!important;padding-right:15px!important}.modal-box>form>div:last-child .btn{flex:1}}.designation-page{width:100%;padding:4px 2px 30px}.designation-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.designation-eyebrow{font-size:11px;font-weight:800;letter-spacing:1.3px;color:#6366f1;margin-bottom:6px}.designation-header h1{margin:0;font-size:28px;line-height:1.2;font-weight:800;color:#17152b}.designation-header p{margin:7px 0 0;color:#77768a;font-size:14px}.designation-header-count{min-width:155px;padding:15px 18px;border-radius:14px;background:linear-gradient(135deg,#eef2ff,#f5f3ff);border:1px solid #e0e7ff;text-align:right}.designation-header-count span{display:block;color:#77768a;font-size:11px;font-weight:600;margin-bottom:3px}.designation-header-count strong{color:#4f46e5;font-size:24px;font-weight:800}.designation-alert{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:10px;margin-bottom:18px;font-size:13px;font-weight:600}.designation-alert.success{background:#ecfdf3;border:1px solid #bbf7d0;color:#15803d}.designation-alert.error{background:#fff1f2;border:1px solid #fecdd3;color:#dc2626}.alert-icon{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;background:#ffffffbf}.designation-layout{display:grid;grid-template-columns:minmax(310px,360px) minmax(0,1fr);gap:22px;align-items:start}.designation-form-card,.designation-list-card{background:#fff;border:1px solid #e8e8f0;border-radius:16px;box-shadow:0 2px 6px #1f29370a,0 10px 30px #1f293709}.designation-form-card{padding:22px}.designation-list-card{min-width:0;overflow:hidden}.designation-card-header{display:flex;align-items:center;gap:13px;padding-bottom:19px;margin-bottom:20px;border-bottom:1px solid #eeeeF4}.designation-card-icon{width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:21px;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 7px 16px #6366f133}.designation-card-header h2,.designation-list-header h2{margin:0;color:#1d1b2c;font-size:16px;font-weight:800}.designation-card-header p,.designation-list-header p{margin:4px 0 0;color:#8a8998;font-size:12px}.designation-field{margin-bottom:17px}.designation-field label{display:block;margin-bottom:7px;color:#343244;font-size:12px;font-weight:700}.designation-field label span{color:#ef4444}.designation-field input,.designation-field select,.designation-field textarea{width:100%;box-sizing:border-box;border:1px solid #dedee8;border-radius:9px;background:#fbfbfd;color:#252334;font-size:13px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.designation-field input,.designation-field select{height:42px;padding:0 12px}.designation-field textarea{min-height:96px;padding:11px 12px;resize:vertical;font-family:inherit}.designation-field input::placeholder,.designation-field textarea::placeholder{color:#aaa9b5}.designation-field input:focus,.designation-field select:focus,.designation-field textarea:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.designation-field input:disabled,.designation-field select:disabled,.designation-field textarea:disabled{opacity:.65;cursor:not-allowed}.designation-form-actions{display:flex;gap:10px;margin-top:22px}.designation-primary-btn,.designation-secondary-btn{min-height:41px;padding:0 17px;border-radius:9px;border:none;font-size:12px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.designation-primary-btn{color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1);box-shadow:0 6px 14px #4f46e52e}.designation-primary-btn:hover{transform:translateY(-1px);box-shadow:0 9px 18px #4f46e538}.designation-secondary-btn{color:#4b4a5a;background:#f4f4f7;border:1px solid #e2e2e8}.designation-secondary-btn:hover{background:#ebebf0}.designation-primary-btn:disabled,.designation-secondary-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.designation-list-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 21px;border-bottom:1px solid #eeeeF4}.designation-search{width:245px;height:39px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #dedee8;border-radius:9px;background:#fafafd}.designation-search span{color:#8c8b99;font-size:19px;line-height:1}.designation-search input{width:100%;border:none;outline:none;background:transparent;color:#292738;font-size:12px}.designation-search input::placeholder{color:#a3a2ae}.designation-table-wrap{width:100%;overflow-x:auto}.designation-table{width:100%;min-width:800px;border-collapse:collapse}.designation-table thead th{padding:12px 16px;background:#fafafd;border-bottom:1px solid #eeeeF4;color:#858391;text-align:left;font-size:10px;font-weight:800;letter-spacing:.65px;white-space:nowrap}.designation-table tbody td{padding:15px 16px;border-bottom:1px solid #f0f0f4;color:#484654;font-size:12px;vertical-align:middle}.designation-table tbody tr{transition:background .15s ease}.designation-table tbody tr:hover{background:#fafaff}.designation-table tbody tr:last-child td{border-bottom:none}.designation-name-cell{display:flex;align-items:center;gap:10px;min-width:165px}.designation-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#4f46e5;background:#eef2ff;font-size:12px;font-weight:800}.designation-name-cell strong{display:block;color:#272535;font-size:12px;font-weight:750}.designation-name-cell small{display:block;margin-top:3px;color:#aaa9b4;font-size:10px}.department-text{color:#555363;font-weight:600}.designation-code{display:inline-block;padding:5px 8px;border-radius:6px;color:#5b55b7;background:#f1f0ff;font-family:monospace;font-size:10px;font-weight:700}.description-text{display:block;max-width:190px;overflow:hidden;color:#777583;text-overflow:ellipsis;white-space:nowrap}.muted-value{color:#b1b0ba}.designation-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:20px;font-size:10px;font-weight:700}.designation-status.active{color:#15803d;background:#ecfdf3}.designation-status.inactive{color:#b45309;background:#fff7ed}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.designation-actions{display:flex;align-items:center;gap:7px}.designation-edit-btn,.designation-delete-btn{min-height:30px;padding:0 10px;border-radius:7px;font-size:10px;font-weight:700;cursor:pointer;transition:.15s ease}.designation-edit-btn{color:#4f46e5;background:#eef2ff;border:1px solid #e0e7ff}.designation-edit-btn:hover{background:#e0e7ff}.designation-delete-btn{color:#dc2626;background:#fff1f2;border:1px solid #ffe0e4}.designation-delete-btn:hover{background:#ffe4e6}.designation-edit-btn:disabled,.designation-delete-btn:disabled{opacity:.5;cursor:not-allowed}.designation-empty{min-height:280px;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.designation-empty-icon{width:48px;height:48px;margin-bottom:13px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#6366f1;background:#eef2ff;font-size:22px}.designation-empty h3{margin:0;color:#343242;font-size:14px;font-weight:750}.designation-empty p{margin:6px 0 0;color:#92919d;font-size:12px}.designation-loader{width:26px;height:26px;margin-bottom:12px;border:3px solid #e8e8f5;border-top-color:#6366f1;border-radius:50%;animation:designation-spin .7s linear infinite}@keyframes designation-spin{to{transform:rotate(360deg)}}@media (max-width: 1100px){.designation-layout{grid-template-columns:1fr}.designation-form-card{max-width:none}}@media (max-width: 700px){.designation-header{align-items:flex-start;flex-direction:column}.designation-header-count{width:100%;box-sizing:border-box;text-align:left}.designation-list-header{align-items:stretch;flex-direction:column}.designation-search{width:100%;box-sizing:border-box}}.roles-page{width:100%;padding:4px 2px 35px}.roles-page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:23px}.roles-eyebrow{color:#6366f1;font-size:11px;font-weight:800;letter-spacing:1.3px;margin-bottom:6px}.roles-page-header h1{margin:0;color:#17152b;font-size:28px;line-height:1.2;font-weight:800}.roles-page-header p{margin:7px 0 0;color:#77768a;font-size:14px}.roles-create-btn{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 17px;border:none;border-radius:10px;color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1);font-size:12px;font-weight:750;cursor:pointer;box-shadow:0 7px 16px #4f46e52e;transition:.18s ease}.roles-create-btn span{font-size:18px;line-height:1}.roles-create-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #4f46e53b}.roles-alert{display:flex;align-items:center;gap:10px;padding:13px 16px;margin-bottom:18px;border-radius:10px;font-size:13px;font-weight:600}.roles-alert-success{color:#15803d;background:#ecfdf3;border:1px solid #bbf7d0}.roles-alert-error{color:#dc2626;background:#fff1f2;border:1px solid #fecdd3}.roles-alert-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;border-radius:50%;background:#fffc;font-weight:800}.roles-card,.roles-form-card{background:#fff;border:1px solid #e8e8f0;border-radius:16px;box-shadow:0 2px 6px #1f29370a,0 10px 30px #1f293709}.roles-form-card{padding:22px;margin-bottom:20px}.roles-section-heading{display:flex;align-items:center;gap:13px;padding-bottom:19px;margin-bottom:20px;border-bottom:1px solid #eeeeF4}.roles-heading-icon{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);font-size:20px;font-weight:700;box-shadow:0 7px 16px #6366f12e}.roles-section-heading h2{margin:0;color:#1d1b2c;font-size:17px;font-weight:800}.roles-section-heading p{margin:4px 0 0;color:#8a8998;font-size:12px}.roles-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.roles-field{min-width:0}.roles-field label{display:block;margin-bottom:7px;color:#343244;font-size:11px;font-weight:750}.roles-field label span{color:#ef4444}.roles-field input,.roles-field select{width:100%;height:42px;box-sizing:border-box;padding:0 12px;border:1px solid #dedee8;border-radius:9px;outline:none;color:#292738;background:#fbfbfd;font-size:12px;transition:.2s ease}.roles-field input::placeholder{color:#aaa9b5}.roles-field input:focus,.roles-field select:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.roles-form-actions{display:flex;gap:9px;margin-top:21px}.roles-primary-btn,.roles-secondary-btn{min-height:40px;padding:0 17px;border-radius:9px;font-size:12px;font-weight:750;cursor:pointer;transition:.16s ease}.roles-primary-btn{border:none;color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1);box-shadow:0 6px 14px #4f46e52b}.roles-primary-btn:hover{transform:translateY(-1px)}.roles-secondary-btn{border:1px solid #dedee8;color:#555363;background:#f7f7f9}.roles-secondary-btn:hover{background:#eeeef3}.roles-card-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 21px;border-bottom:1px solid #eeeeF4}.roles-card-title{display:flex;align-items:center;gap:11px}.roles-card-icon{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:17px;font-weight:700}.roles-card-icon.purple{color:#5b55c8;background:#efefff}.roles-card-icon.blue{color:#2563eb;background:#eff6ff}.roles-card-icon.orange{color:#d97706;background:#fff7ed}.roles-card-title h2{margin:0;color:#252334;font-size:16px;font-weight:800}.roles-card-title p{margin:4px 0 0;color:#92919d;font-size:11px}.roles-outline-btn{height:35px;padding:0 12px;border:1px solid #dedee8;border-radius:8px;color:#4f46e5;background:#fff;font-size:11px;font-weight:750;cursor:pointer;transition:.15s ease}.roles-outline-btn:hover{border-color:#c7c6e9;background:#f7f7ff}.roles-table-wrap{width:100%;overflow-x:auto}.roles-table{width:100%;min-width:850px;border-collapse:collapse}.roles-table thead th,.permissions-table thead th{padding:12px 16px;color:#858391;background:#fafafd;border-bottom:1px solid #eeeeF4;text-align:left;font-size:10px;font-weight:800;letter-spacing:.65px;white-space:nowrap}.roles-table tbody td,.permissions-table tbody td{padding:14px 16px;color:#555363;border-bottom:1px solid #f0f0f4;font-size:12px;vertical-align:middle}.roles-table tbody tr,.permissions-table tbody tr{transition:background .15s ease}.roles-table tbody tr:hover,.permissions-table tbody tr:hover{background:#fafaff}.roles-table tbody tr:last-child td,.permissions-table tbody tr:last-child td{border-bottom:none}.role-name-cell{display:flex;align-items:center;gap:10px;min-width:150px}.role-avatar,.user-avatar{width:34px;height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#4f46e5;background:#eef2ff;font-size:12px;font-weight:800}.user-avatar{color:#2563eb;background:#eff6ff}.role-name-cell strong{display:block;color:#292738;font-size:12px;font-weight:750}.role-name-cell small{display:block;margin-top:2px;color:#aaa9b4;font-size:10px}.role-slug{display:inline-block;padding:5px 8px;border-radius:6px;color:#5b55b7;background:#f1f0ff;font-family:monospace;font-size:10px;font-weight:700}.role-description{display:block;max-width:220px;overflow:hidden;color:#777583;text-overflow:ellipsis;white-space:nowrap}.role-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:20px;font-size:10px;font-weight:750}.role-status.active{color:#15803d;background:#ecfdf3}.role-status.inactive{color:#b45309;background:#fff7ed}.role-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.role-actions{display:flex;align-items:center;gap:7px}.role-permission-btn,.role-edit-btn{min-height:30px;padding:0 10px;border-radius:7px;font-size:10px;font-weight:700;cursor:pointer;transition:.15s ease}.role-permission-btn{color:#4f46e5;background:#eef2ff;border:1px solid #e0e7ff}.role-permission-btn:hover{background:#e0e7ff}.role-edit-btn{color:#555363;background:#f6f6f8;border:1px solid #e2e2e8}.role-edit-btn:hover{background:#ebebef}.users-card{margin-top:20px}.user-form-container{margin:18px 21px;padding:18px;border:1px solid #e7e7f0;border-radius:12px;background:#fafaff}.user-form-title{margin-bottom:17px}.user-form-title h3{margin:0;color:#292738;font-size:14px;font-weight:800}.user-form-title p{margin:4px 0 0;color:#92919d;font-size:11px}.user-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.user-submit-wrapper{display:flex;align-items:flex-end}.user-email{color:#555363}.user-role{color:#4f46e5;font-weight:650}.user-empty{border-top:1px solid #eeeeF4}.roles-empty{min-height:220px;padding:35px 20px;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center}.roles-empty-icon{width:46px;height:46px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;border-radius:13px;color:#6366f1;background:#eef2ff;font-size:20px}.roles-empty-icon.blue{color:#2563eb;background:#eff6ff}.roles-empty h3{margin:0;color:#343242;font-size:14px;font-weight:750}.roles-empty p{margin:6px 0 0;color:#92919d;font-size:11px}.permissions-card{margin-top:20px;overflow:hidden}.permissions-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 21px;border-bottom:1px solid #eeeeF4}.permissions-header .roles-card-title p strong{color:#4f46e5}.permission-count{padding:7px 11px;border-radius:20px;color:#5b55c8;background:#efefff;font-size:10px;font-weight:750}.permissions-info{display:flex;align-items:center;gap:11px;margin:17px 21px;padding:12px 14px;border:1px solid #e0e7ff;border-radius:10px;background:#f7f8ff}.permissions-info>span{width:27px;height:27px;display:flex;align-items:center;justify-content:center;flex:0 0 27px;border-radius:8px;color:#4f46e5;background:#e9eaff;font-size:12px;font-weight:800}.permissions-info strong{color:#39374a;font-size:11px}.permissions-info p{margin:2px 0 0;color:#898895;font-size:10px}.permissions-table{width:100%;min-width:650px;border-collapse:collapse}.permissions-table th:not(:first-child),.permissions-table td:not(:first-child){width:90px;text-align:center}.permission-module{display:flex;align-items:center;gap:9px;text-transform:capitalize}.permission-module-icon{width:29px;height:29px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#6366f1;background:#f0f1ff;font-size:10px;font-weight:800}.permission-module span{color:#444252;font-size:12px;font-weight:600}.permission-checkbox{position:relative;display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;cursor:pointer}.permission-checkbox input{position:absolute;opacity:0;pointer-events:none}.permission-checkbox span{width:18px;height:18px;display:block;border:1px solid #d5d5e0;border-radius:5px;background:#fff;transition:.15s ease}.permission-checkbox input:checked+span{border-color:#6366f1;background:#6366f1;box-shadow:0 3px 8px #6366f133}.permission-checkbox input:checked+span:after{content:"";position:absolute;left:6px;top:3px;width:5px;height:9px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.permissions-footer{display:flex;justify-content:flex-end;padding:17px 21px;border-top:1px solid #eeeeF4}@media (max-width: 1150px){.roles-form-grid,.user-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 800px){.roles-page-header{align-items:flex-start;flex-direction:column}.roles-create-btn{width:100%;justify-content:center}.roles-card-header,.permissions-header{align-items:flex-start;flex-direction:column}.roles-outline-btn{width:100%}}@media (max-width: 600px){.roles-form-grid,.user-form-grid{grid-template-columns:1fr}.roles-form-actions{flex-direction:column}.roles-primary-btn,.roles-secondary-btn{width:100%}}.attendance-page{width:100%;padding:4px 2px 35px}.attendance-page-header{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:22px}.attendance-eyebrow{margin-bottom:6px;color:#10b981;font-size:11px;font-weight:800;letter-spacing:1.3px}.attendance-page-header h1{margin:0;color:#17152b;font-size:28px;line-height:1.2;font-weight:800}.attendance-page-header p{margin:7px 0 0;color:#77768a;font-size:14px}.attendance-date-box{min-width:190px}.attendance-date-box label{display:block;margin-bottom:7px;color:#77768a;font-size:11px;font-weight:700}.attendance-date-box input{width:190px;height:42px;box-sizing:border-box;padding:0 12px;border:1px solid #dedee8;border-radius:9px;outline:none;background:#fff;color:#292738;font-size:12px}.attendance-date-box input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.attendance-alert{display:flex;align-items:center;gap:10px;padding:13px 16px;margin-bottom:18px;border-radius:10px;font-size:13px;font-weight:600}.attendance-alert.success{color:#15803d;background:#ecfdf3;border:1px solid #bbf7d0}.attendance-alert.error{color:#dc2626;background:#fff1f2;border:1px solid #fecdd3}.attendance-alert>span{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;border-radius:50%;background:#fffc;font-weight:800}.attendance-card{margin-bottom:20px;overflow:hidden;background:#fff;border:1px solid #e8e8f0;border-radius:16px;box-shadow:0 2px 6px #1f29370a,0 10px 30px #1f293709}.attendance-card-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 21px;border-bottom:1px solid #eeeeF4}.attendance-card-title{display:flex;align-items:center;gap:11px}.attendance-card-title h2{margin:0;color:#252334;font-size:16px;font-weight:800}.attendance-card-title p{margin:4px 0 0;color:#92919d;font-size:11px}.attendance-card-title p strong{color:#4f46e5}.attendance-icon{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:17px;font-weight:800}.attendance-icon.blue{color:#2563eb;background:#eff6ff}.attendance-icon.green{color:#059669;background:#ecfdf5}.attendance-icon.purple{color:#7c3aed;background:#f5f3ff}.attendance-icon.orange{color:#d97706;background:#fff7ed}.attendance-icon.cyan{color:#0891b2;background:#ecfeff}.attendance-source-label{padding:7px 10px;border-radius:20px;color:#6b7280;background:#f5f5f7;font-size:10px;font-weight:700}.attendance-record-count{padding:7px 11px;border-radius:20px;color:#4f46e5;background:#eef2ff;font-size:10px;font-weight:750}.attendance-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px 21px 22px}.attendance-field{min-width:0}.attendance-field label{display:block;margin-bottom:7px;color:#343244;font-size:11px;font-weight:750}.attendance-field label span{color:#ef4444}.attendance-field input,.attendance-field select,.attendance-field textarea{width:100%;box-sizing:border-box;border:1px solid #dedee8;border-radius:9px;outline:none;color:#292738;background:#fbfbfd;font-family:inherit;font-size:12px;transition:.2s ease}.attendance-field input,.attendance-field select{height:42px;padding:0 12px}.attendance-field textarea{min-height:88px;padding:11px 12px;resize:vertical}.attendance-field input::placeholder,.attendance-field textarea::placeholder{color:#aaa9b5}.attendance-field input:focus,.attendance-field select:focus,.attendance-field textarea:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.attendance-outline-btn{height:35px;padding:0 12px;border:1px solid #dedee8;border-radius:8px;color:#555363;background:#fff;font-size:11px;font-weight:700;cursor:pointer}.attendance-outline-btn:hover{background:#f7f7f9}.quick-attendance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:20px 21px 22px}.quick-employee-card{padding:15px;border:1px solid #e7e7ef;border-radius:12px;background:#fbfbfd;transition:.18s ease}.quick-employee-card:hover{border-color:#d9d8eb;background:#fff;box-shadow:0 7px 20px #1f29370d}.quick-employee-top{display:flex;align-items:center;gap:10px}.quick-avatar{width:36px;height:36px;flex:0 0 36px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#059669;background:#dff8ed;font-size:12px;font-weight:800}.quick-employee-info strong{display:block;color:#292738;font-size:12px;font-weight:750}.quick-employee-info small{display:block;margin-top:3px;color:#9998a4;font-size:10px}.quick-status{margin-top:12px}.attendance-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:20px;font-size:10px;font-weight:750}.attendance-status>span{width:6px;height:6px;border-radius:50%;background:currentColor}.attendance-badge-green{color:#15803d;background:#ecfdf3}.attendance-badge-red{color:#dc2626;background:#fff1f2}.attendance-badge-amber{color:#b45309;background:#fff7ed}.attendance-badge-indigo{color:#4f46e5;background:#eef2ff}.attendance-badge-gray{color:#6b7280;background:#f3f4f6}.quick-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.quick-outline-btn,.quick-primary-btn{min-height:30px;padding:0 9px;border-radius:7px;font-size:10px;font-weight:700;cursor:pointer;transition:.15s ease}.quick-outline-btn{color:#4f46e5;background:#fff;border:1px solid #dedee8}.quick-outline-btn:hover{background:#f4f4ff}.quick-primary-btn{color:#fff;background:#10b981;border:1px solid #10b981}.quick-primary-btn:hover{background:#059669}.quick-outline-btn:disabled,.quick-primary-btn:disabled{opacity:.55;cursor:not-allowed}.quick-completed{display:inline-flex;align-items:center;min-height:30px;color:#15803d;font-size:10px;font-weight:750}.attendance-empty-small{padding:35px 20px;color:#92919d;text-align:center;font-size:12px}.manual-attendance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:20px 21px 0}.manual-attendance-grid .full-width{grid-column:1 / -1}.manual-submit-row{padding:18px 21px 21px}.attendance-primary-btn{min-height:40px;padding:0 17px;border:none;border-radius:9px;color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1);font-size:12px;font-weight:750;cursor:pointer;box-shadow:0 6px 14px #4f46e52b;transition:.16s ease}.attendance-primary-btn:hover{transform:translateY(-1px);box-shadow:0 9px 18px #4f46e536}.attendance-primary-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.attendance-table-wrap{width:100%;overflow-x:auto}.attendance-table{width:100%;min-width:1050px;border-collapse:collapse}.attendance-table thead th{padding:12px 15px;color:#858391;background:#fafafd;border-bottom:1px solid #eeeeF4;text-align:left;font-size:10px;font-weight:800;letter-spacing:.6px;white-space:nowrap}.attendance-table tbody td{padding:14px 15px;color:#555363;border-bottom:1px solid #f0f0f4;font-size:11px;vertical-align:middle}.attendance-table tbody tr:hover{background:#fafaff}.attendance-table tbody tr:last-child td{border-bottom:none}.attendance-employee-cell{display:flex;align-items:center;gap:9px;min-width:150px}.table-avatar{width:33px;height:33px;flex:0 0 33px;display:flex;align-items:center;justify-content:center;border-radius:9px;color:#4f46e5;background:#eef2ff;font-size:11px;font-weight:800}.attendance-employee-cell strong{display:block;color:#292738;font-size:11px;font-weight:750}.attendance-employee-cell small{display:block;margin-top:2px;color:#aaa9b4;font-size:9px}.attendance-source{padding:4px 7px;border-radius:6px;color:#6366f1;background:#f1f0ff;font-size:9px;font-weight:700}.attendance-table-empty{height:220px;color:#92919d;text-align:center}.attendance-table-empty strong,.attendance-table-empty span{display:block}.attendance-table-empty strong{margin-top:7px;color:#4a4857;font-size:12px}.attendance-table-empty span{margin-top:4px;font-size:10px}.attendance-empty-icon{width:43px;height:43px;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:13px;color:#6366f1;background:#eef2ff;font-size:18px;font-weight:800}.attendance-loader{width:25px;height:25px;margin:0 auto 10px;border:3px solid #e8e8f5;border-top-color:#6366f1;border-radius:50%;animation:attendance-spin .7s linear infinite}@keyframes attendance-spin{to{transform:rotate(360deg)}}.monthly-report-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px 21px 0}.monthly-report-action{padding:18px 21px 21px}.attendance-report{margin:0 21px 21px;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.attendance-report-header{padding:16px;background:#fafaff;border-bottom:1px solid #eeeeF4}.attendance-report-header strong{display:block;color:#292738;font-size:14px;font-weight:800}.attendance-report-header span{display:block;margin-top:4px;color:#92919d;font-size:10px}.attendance-stat-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.attendance-stat{padding:18px 10px;text-align:center;border-right:1px solid #eeeeF4}.attendance-stat:last-child{border-right:none}.attendance-stat strong{display:block;color:#4f46e5;font-size:20px;font-weight:800}.attendance-stat span{display:block;margin-top:5px;color:#888794;font-size:9px;font-weight:650}@media (max-width: 1100px){.quick-attendance-grid,.manual-attendance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.attendance-stat{border-bottom:1px solid #eeeeF4}}@media (max-width: 800px){.attendance-page-header{align-items:flex-start;flex-direction:column}.attendance-date-box,.attendance-date-box input{width:100%}.attendance-filter-grid,.monthly-report-controls{grid-template-columns:1fr}.attendance-card-header{align-items:flex-start;flex-direction:column}.quick-attendance-grid{grid-template-columns:1fr}}@media (max-width: 600px){.manual-attendance-grid{grid-template-columns:1fr}.manual-attendance-grid .full-width{grid-column:auto}.attendance-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-stat:nth-child(2n){border-right:none}}.device-page{width:100%;padding:4px 2px 35px}.device-page-header{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:22px}.device-eyebrow{margin-bottom:6px;color:#06b6d4;font-size:11px;font-weight:800;letter-spacing:1.3px}.device-page-header h1{margin:0;color:#17152b;font-size:28px;line-height:1.2;font-weight:800}.device-page-header p{margin:7px 0 0;color:#77768a;font-size:14px}.device-header-stat{display:flex;align-items:center;gap:10px;min-width:170px;padding:11px 14px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 3px 10px #1f29370a}.device-header-stat-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#0891b2;background:#ecfeff;font-size:18px;font-weight:800}.device-header-stat strong{display:block;color:#292738;font-size:17px;font-weight:800}.device-header-stat span{display:block;margin-top:2px;color:#92919d;font-size:9px}.device-alert{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding:13px 16px;border-radius:10px;font-size:12px;font-weight:650}.device-alert.success{color:#15803d;background:#ecfdf3;border:1px solid #bbf7d0}.device-alert.error{color:#dc2626;background:#fff1f2;border:1px solid #fecdd3}.device-alert-icon{width:22px;height:22px;flex:0 0 22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffffd9;font-size:11px;font-weight:800}.device-card{margin-bottom:20px;overflow:hidden;border:1px solid #e8e8f0;border-radius:16px;background:#fff;box-shadow:0 2px 6px #1f29370a,0 10px 30px #1f293709}.device-card-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 21px;border-bottom:1px solid #eeeeF4}.device-section-heading{display:flex;align-items:center;gap:11px}.device-section-heading h2{margin:0;color:#252334;font-size:16px;font-weight:800}.device-section-heading p{margin:4px 0 0;color:#92919d;font-size:11px}.device-section-icon{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:16px;font-weight:800}.device-section-icon.purple{color:#7c3aed;background:#f5f3ff}.device-section-icon.blue{color:#2563eb;background:#eff6ff}.device-section-icon.cyan{color:#0891b2;background:#ecfeff}.device-count-badge{padding:7px 11px;border-radius:20px;color:#4f46e5;background:#eef2ff;font-size:10px;font-weight:750}.api-status-badge{padding:6px 10px;border-radius:7px;color:#0891b2;background:#ecfeff;font-size:9px;font-weight:800;letter-spacing:.5px}.device-outline-btn{height:35px;padding:0 12px;border:1px solid #dedee8;border-radius:8px;color:#555363;background:#fff;font-size:11px;font-weight:700;cursor:pointer}.device-outline-btn:hover{background:#f7f7f9}.device-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:21px}.device-field{min-width:0}.device-field label{display:block;margin-bottom:7px;color:#343244;font-size:11px;font-weight:750}.device-field label span{color:#ef4444}.device-field input,.device-field select,.device-field textarea{width:100%;box-sizing:border-box;border:1px solid #dedee8;border-radius:9px;outline:none;background:#fbfbfd;color:#292738;font-family:inherit;font-size:12px;transition:.2s ease}.device-field input,.device-field select{height:42px;padding:0 12px}.device-field textarea{min-height:88px;padding:11px 12px;resize:vertical}.device-field input::placeholder,.device-field textarea::placeholder{color:#aaa9b5}.device-field input:focus,.device-field select:focus,.device-field textarea:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.device-full-width{grid-column:1 / -1}.device-form-footer{display:flex;align-items:center;gap:9px;padding:0 21px 21px}.device-primary-btn{min-height:40px;padding:0 17px;border:none;border-radius:9px;color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1);font-size:12px;font-weight:750;cursor:pointer;box-shadow:0 6px 14px #4f46e52b;transition:.16s ease}.device-primary-btn:hover{transform:translateY(-1px);box-shadow:0 9px 18px #4f46e536}.device-primary-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.device-cancel-btn{min-height:40px;padding:0 15px;border:1px solid #dedee8;border-radius:9px;color:#666473;background:#fff;font-size:12px;font-weight:700;cursor:pointer}.device-table-wrapper{width:100%;overflow-x:auto}.device-table{width:100%;min-width:1050px;border-collapse:collapse}.device-table thead th{padding:12px 15px;color:#858391;background:#fafafd;border-bottom:1px solid #eeeeF4;text-align:left;font-size:10px;font-weight:800;letter-spacing:.6px;white-space:nowrap}.device-table tbody td{padding:14px 15px;color:#555363;border-bottom:1px solid #f0f0f4;font-size:11px;vertical-align:middle}.device-table tbody tr:hover{background:#fafaff}.device-table tbody tr:last-child td{border-bottom:none}.device-name-cell{display:flex;align-items:center;gap:9px;min-width:170px}.device-avatar{width:34px;height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;border-radius:9px;color:#0891b2;background:#ecfeff;font-size:11px;font-weight:800}.device-name-cell strong{display:block;color:#292738;font-size:11px;font-weight:750}.device-name-cell small{display:block;margin-top:2px;color:#aaa9b4;font-size:9px}.device-code{padding:4px 7px;border-radius:6px;color:#4f46e5;background:#f1f0ff;font-family:monospace;font-size:9px;font-weight:700}.device-ip{color:#6b7280;font-family:monospace;font-size:10px}.device-type-badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:20px;font-size:9px;font-weight:750}.device-type-purple{color:#7c3aed;background:#f5f3ff}.device-type-green{color:#15803d;background:#ecfdf3}.device-type-blue{color:#2563eb;background:#eff6ff}.device-type-orange{color:#c2410c;background:#fff7ed}.device-type-gray{color:#6b7280;background:#f3f4f6}.device-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:20px;font-size:9px;font-weight:750}.device-status>span{width:6px;height:6px;border-radius:50%;background:currentColor}.device-status.active{color:#15803d;background:#ecfdf3}.device-status.inactive{color:#6b7280;background:#f3f4f6}.device-actions{display:flex;align-items:center;gap:6px}.device-edit-btn,.device-delete-btn{min-height:29px;padding:0 9px;border-radius:7px;font-size:9px;font-weight:750;cursor:pointer}.device-edit-btn{color:#4f46e5;border:1px solid #ddd9ff;background:#f7f6ff}.device-edit-btn:hover{background:#eeecff}.device-delete-btn{color:#dc2626;border:1px solid #fecaca;background:#fff7f7}.device-delete-btn:hover{background:#fff0f0}.device-empty-cell{height:230px;text-align:center}.device-empty-cell strong,.device-empty-cell span{display:block}.device-empty-cell strong{margin-top:8px;color:#4a4857;font-size:12px}.device-empty-cell span{margin-top:4px;color:#92919d;font-size:10px}.device-empty-icon{width:45px;height:45px;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:13px;color:#0891b2;background:#ecfeff;font-size:19px;font-weight:800}.device-loader{width:25px;height:25px;margin:0 auto 10px;border:3px solid #e8e8f5;border-top-color:#6366f1;border-radius:50%;animation:device-spin .7s linear infinite}@keyframes device-spin{to{transform:rotate(360deg)}}.device-api-content{padding:20px 21px 21px}.device-api-description{display:flex;align-items:flex-start;gap:11px;margin-bottom:17px;padding:13px;border:1px solid #e1f4f7;border-radius:10px;background:#f7feff}.device-api-info-icon{width:26px;height:26px;flex:0 0 26px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#0891b2;background:#dff8fc;font-size:12px;font-weight:800}.device-api-description strong{display:block;color:#334155;font-size:11px;font-weight:750}.device-api-description p{margin:4px 0 0;color:#6b7280;font-size:10px;line-height:1.6}.device-api-description code{display:inline-block;margin:0 3px;padding:2px 5px;border-radius:4px;color:#0891b2;background:#e6faff;font-family:monospace;font-size:9px}.device-code-header{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:9px 9px 0 0;color:#cbd5e1;background:#111827;font-size:9px;font-weight:750}.device-code-header span:last-child{padding:3px 6px;border-radius:4px;color:#94a3b8;background:#1f2937;font-family:monospace}.device-code-block{margin:0;padding:17px;overflow-x:auto;border-radius:0 0 9px 9px;color:#dbeafe;background:#0f172a;font-family:Consolas,Monaco,monospace;font-size:11px;line-height:1.65}@media (max-width: 1050px){.device-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 800px){.device-page-header{align-items:flex-start;flex-direction:column}.device-header-stat{width:100%}.device-card-header{align-items:flex-start;flex-direction:column}.device-form-grid{grid-template-columns:1fr}.device-full-width{grid-column:auto}}.shift-page{width:100%;padding:4px 2px 35px}.shift-page-header{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:22px}.shift-eyebrow{margin-bottom:6px;color:#f59e0b;font-size:11px;font-weight:800;letter-spacing:1.3px}.shift-page-header h1{margin:0;color:#17152b;font-size:28px;line-height:1.2;font-weight:800}.shift-page-header p{margin:7px 0 0;color:#77768a;font-size:14px}.shift-header-stat{display:flex;align-items:center;gap:10px;min-width:170px;padding:11px 14px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 3px 10px #1f29370a}.shift-header-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#d97706;background:#fff7ed;font-size:18px;font-weight:800}.shift-header-stat strong{display:block;color:#292738;font-size:17px;font-weight:800}.shift-header-stat span{display:block;margin-top:2px;color:#92919d;font-size:9px}.shift-alert{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding:13px 16px;border-radius:10px;font-size:12px;font-weight:650}.shift-alert.success{color:#15803d;background:#ecfdf3;border:1px solid #bbf7d0}.shift-alert.error{color:#dc2626;background:#fff1f2;border:1px solid #fecdd3}.shift-alert-icon{width:22px;height:22px;flex:0 0 22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffffd9;font-size:11px;font-weight:800}.shift-card{margin-bottom:20px;overflow:hidden;border:1px solid #e8e8f0;border-radius:16px;background:#fff;box-shadow:0 2px 6px #1f29370a,0 10px 30px #1f293709}.shift-card-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 21px;border-bottom:1px solid #eeeef4}.shift-section-heading{display:flex;align-items:center;gap:11px}.shift-section-heading h2{margin:0;color:#252334;font-size:16px;font-weight:800}.shift-section-heading p{margin:4px 0 0;color:#92919d;font-size:11px}.shift-section-icon{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:16px;font-weight:800}.shift-section-icon.purple{color:#7c3aed;background:#f5f3ff}.shift-section-icon.blue{color:#2563eb;background:#eff6ff}.shift-count-badge{padding:7px 11px;border-radius:20px;color:#4f46e5;background:#eef2ff;font-size:10px;font-weight:750}.shift-outline-btn{height:35px;padding:0 12px;border:1px solid #dedee8;border-radius:8px;color:#555363;background:#fff;font-size:11px;font-weight:700;cursor:pointer}.shift-outline-btn:hover{background:#f7f7f9}.shift-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:21px}.shift-field{min-width:0}.shift-field label{display:block;margin-bottom:7px;color:#343244;font-size:11px;font-weight:750}.shift-field label span{color:#ef4444}.shift-field label small{margin-left:4px;color:#aaa9b4;font-size:9px;font-weight:500}.shift-field input,.shift-field select{width:100%;height:42px;box-sizing:border-box;padding:0 12px;border:1px solid #dedee8;border-radius:9px;outline:none;background:#fbfbfd;color:#292738;font-family:inherit;font-size:12px;transition:.2s ease}.shift-field input::placeholder{color:#aaa9b5}.shift-field input:focus,.shift-field select:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.shift-input-with-unit{position:relative}.shift-input-with-unit input{padding-right:48px}.shift-input-with-unit span{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#9998a5;font-size:10px;font-weight:650}.shift-overtime-box{display:flex;align-items:center;min-height:42px;padding-top:17px}.shift-checkbox-label{display:flex!important;align-items:center;gap:9px;margin:0!important;cursor:pointer}.shift-checkbox-label input{position:absolute;opacity:0;pointer-events:none}.shift-custom-checkbox{width:19px;height:19px;flex:0 0 19px;display:flex;align-items:center;justify-content:center;border:1px solid #d6d6df;border-radius:5px;color:transparent;background:#fff;font-size:10px;font-weight:900;transition:.15s ease}.shift-checkbox-label input:checked+.shift-custom-checkbox{border-color:#4f46e5;color:#fff;background:#4f46e5}.shift-checkbox-label>span:last-child{display:flex;flex-direction:column}.shift-checkbox-label strong{color:#343244;font-size:11px;font-weight:750}.shift-checkbox-label small{margin-top:3px;color:#9998a5;font-size:9px;font-weight:500}.shift-form-footer{display:flex;align-items:center;gap:9px;padding:0 21px 21px}.shift-primary-btn{min-height:40px;padding:0 17px;border:none;border-radius:9px;color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1);font-size:12px;font-weight:750;cursor:pointer;box-shadow:0 6px 14px #4f46e52b;transition:.16s ease}.shift-primary-btn:hover{transform:translateY(-1px);box-shadow:0 9px 18px #4f46e536}.shift-primary-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.shift-cancel-btn{min-height:40px;padding:0 15px;border:1px solid #dedee8;border-radius:9px;color:#666473;background:#fff;font-size:12px;font-weight:700;cursor:pointer}.shift-table-wrapper{width:100%;overflow-x:auto}.shift-table{width:100%;min-width:1100px;border-collapse:collapse}.shift-table thead th{padding:12px 15px;color:#858391;background:#fafafd;border-bottom:1px solid #eeeeF4;text-align:left;font-size:10px;font-weight:800;letter-spacing:.6px;white-space:nowrap}.shift-table tbody td{padding:14px 15px;color:#555363;border-bottom:1px solid #f0f0f4;font-size:11px;vertical-align:middle}.shift-table tbody tr:hover{background:#fafaff}.shift-table tbody tr:last-child td{border-bottom:none}.shift-name-cell{display:flex;align-items:center;gap:9px;min-width:160px}.shift-avatar{width:34px;height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;border-radius:9px;color:#7c3aed;background:#f5f3ff;font-size:11px;font-weight:800}.shift-name-cell strong{display:block;color:#292738;font-size:11px;font-weight:750}.shift-name-cell small{display:block;margin-top:2px;color:#aaa9b4;font-size:9px}.shift-code{padding:4px 7px;border-radius:6px;color:#4f46e5;background:#f1f0ff;font-family:monospace;font-size:9px;font-weight:700}.shift-time{display:flex;align-items:center;gap:5px;white-space:nowrap}.shift-time strong{color:#343244;font-size:10px}.shift-time span{color:#aaa9b4}.shift-hours{color:#343244;font-weight:750}.shift-grace{color:#6b7280;white-space:nowrap}.shift-ot{display:inline-flex;padding:5px 8px;border-radius:20px;font-size:9px;font-weight:750;white-space:nowrap}.shift-ot.active{color:#15803d;background:#ecfdf3}.shift-ot.disabled{color:#6b7280;background:#f3f4f6}.shift-weekly-off{color:#555363;white-space:nowrap}.shift-employee-count{display:inline-flex;min-width:24px;height:24px;align-items:center;justify-content:center;padding:0 5px;border-radius:7px;color:#2563eb;background:#eff6ff;font-size:10px;font-weight:750}.shift-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:20px;font-size:9px;font-weight:750}.shift-status>span{width:6px;height:6px;border-radius:50%;background:currentColor}.shift-status.active{color:#15803d;background:#ecfdf3}.shift-status.inactive{color:#6b7280;background:#f3f4f6}.shift-actions{display:flex;align-items:center;gap:6px}.shift-edit-btn,.shift-delete-btn{min-height:29px;padding:0 9px;border-radius:7px;font-size:9px;font-weight:750;cursor:pointer}.shift-edit-btn{color:#4f46e5;border:1px solid #ddd9ff;background:#f7f6ff}.shift-edit-btn:hover{background:#eeecff}.shift-delete-btn{color:#dc2626;border:1px solid #fecaca;background:#fff7f7}.shift-delete-btn:hover{background:#fff0f0}.shift-empty-cell{height:220px;text-align:center}.shift-empty-cell strong,.shift-empty-cell span{display:block}.shift-empty-cell strong{margin-top:8px;color:#4a4857;font-size:12px}.shift-empty-cell span{margin-top:4px;color:#92919d;font-size:10px}.shift-empty-icon{width:45px;height:45px;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:13px;color:#7c3aed;background:#f5f3ff;font-size:19px;font-weight:800}.shift-loader{width:25px;height:25px;margin:0 auto 10px;border:3px solid #e8e8f5;border-top-color:#6366f1;border-radius:50%;animation:shift-spin .7s linear infinite}@keyframes shift-spin{to{transform:rotate(360deg)}}@media (max-width: 1100px){.shift-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 800px){.shift-page-header{align-items:flex-start;flex-direction:column}.shift-header-stat{width:100%}.shift-card-header{align-items:flex-start;flex-direction:column}.shift-form-grid{grid-template-columns:1fr}.shift-overtime-box{padding-top:0}}.leave-page{width:100%;padding:4px 2px 35px}.leave-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.leave-eyebrow{margin-bottom:6px;color:#ec4899;font-size:10px;font-weight:800;letter-spacing:1.3px}.leave-page-header h1{margin:0;color:#17152b;font-size:28px;line-height:1.2;font-weight:800}.leave-page-header p{margin:7px 0 0;color:#77768a;font-size:14px}.leave-primary-btn{min-height:40px;padding:0 17px;border:none;border-radius:9px;color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1);font-size:12px;font-weight:750;cursor:pointer;box-shadow:0 6px 15px #4f46e52e;transition:.18s ease}.leave-primary-btn span{margin-right:5px;font-size:15px}.leave-primary-btn:hover{transform:translateY(-1px);box-shadow:0 9px 20px #4f46e538}.leave-primary-btn:disabled{opacity:.55;cursor:not-allowed}.leave-alert{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding:13px 16px;border-radius:10px;font-size:12px;font-weight:650}.leave-alert.success{color:#15803d;background:#ecfdf3;border:1px solid #bbf7d0}.leave-alert.error{color:#dc2626;background:#fff1f2;border:1px solid #fecdd3}.leave-alert-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;font-weight:800}.leave-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.leave-stat-card{display:flex;align-items:center;gap:13px;min-height:84px;padding:15px 17px;border:1px solid #e8e8f0;border-radius:14px;background:#fff;box-shadow:0 3px 10px #1f293709}.leave-stat-icon{width:40px;height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;border-radius:11px;font-size:17px;font-weight:800}.leave-stat-icon.purple{color:#7c3aed;background:#f5f3ff}.leave-stat-icon.amber{color:#d97706;background:#fff7ed}.leave-stat-icon.green{color:#15803d;background:#ecfdf3}.leave-stat-icon.red{color:#dc2626;background:#fff1f2}.leave-stat-card strong{display:block;color:#242231;font-size:22px;font-weight:800}.leave-stat-card span{display:block;margin-top:3px;color:#8d8b99;font-size:10px}.leave-card{margin-bottom:20px;overflow:hidden;border:1px solid #e8e8f0;border-radius:16px;background:#fff;box-shadow:0 2px 6px #1f293709,0 10px 30px #1f293708}.leave-card-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 21px;border-bottom:1px solid #eeeeF4}.leave-section-heading{display:flex;align-items:center;gap:11px}.leave-section-icon{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:16px;font-weight:800}.leave-section-icon.blue{color:#2563eb;background:#eff6ff}.leave-section-icon.purple{color:#7c3aed;background:#f5f3ff}.leave-section-icon.green{color:#059669;background:#ecfdf5}.leave-section-heading h2{margin:0;color:#252334;font-size:16px;font-weight:800}.leave-section-heading p{margin:4px 0 0;color:#92919d;font-size:10px}.leave-card-body{padding:20px 21px}.leave-balance-selector{width:min(430px,100%);margin-bottom:20px}.leave-balance-selector label,.leave-filter-field label,.leave-field label{display:block;margin-bottom:7px;color:#343244;font-size:11px;font-weight:750}.leave-balance-selector select,.leave-filter-field select,.leave-filter-field input,.leave-field input,.leave-field select,.leave-field textarea{width:100%;box-sizing:border-box;border:1px solid #dedee8;border-radius:9px;outline:none;background:#fbfbfd;color:#292738;font-family:inherit;font-size:12px;transition:.18s ease}.leave-balance-selector select,.leave-filter-field select,.leave-filter-field input,.leave-field input,.leave-field select{height:42px;padding:0 12px}.leave-field textarea{padding:11px 12px;resize:vertical;min-height:100px}.leave-balance-selector select:focus,.leave-filter-field select:focus,.leave-filter-field input:focus,.leave-field input:focus,.leave-field select:focus,.leave-field textarea:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f117}.leave-balance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:13px}.leave-balance-card{padding:15px;border:1px solid #e7e8f0;border-radius:13px;background:#fcfcff}.leave-balance-top{display:flex;align-items:center;gap:10px;margin-bottom:15px}.leave-balance-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:9px;color:#4f46e5;background:#eef2ff;font-size:11px;font-weight:800}.leave-balance-top strong{display:block;color:#302e3d;font-size:12px}.leave-balance-top span{display:block;margin-top:2px;color:#9b99a5;font-size:9px}.leave-balance-values{display:grid;grid-template-columns:1fr 1fr;gap:9px}.leave-balance-values>div{padding:9px;border-radius:8px;background:#fff}.leave-balance-values small{display:block;color:#9998a5;font-size:9px}.leave-balance-values strong{display:block;margin-top:3px;color:#343244;font-size:13px}.leave-balance-values .available{background:#ecfdf3}.leave-balance-values .available strong{color:#15803d}.leave-empty-state{min-height:145px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#92919d;font-size:10px}.leave-empty-state strong{margin-top:8px;color:#555363;font-size:12px}.leave-empty-state span{margin-top:4px}.leave-empty-icon{width:43px;height:43px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#6366f1;background:#f1f0ff;font-size:17px;font-weight:800}.leave-form{padding:21px}.leave-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.leave-field label span{color:#ef4444}.leave-field input[readonly]{background:#f5f6fa;color:#777584}.leave-reason{margin-top:17px}.leave-available-banner{display:flex;align-items:center;gap:10px;margin-top:17px;padding:11px 13px;border:1px solid #d1fae5;border-radius:10px;background:#f0fdf4}.leave-available-icon{width:27px;height:27px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#15803d;background:#dcfce7;font-size:11px;font-weight:800}.leave-available-banner span{display:block;color:#6b7280;font-size:9px}.leave-available-banner strong{display:block;margin-top:2px;color:#15803d;font-size:11px}.leave-form-actions{display:flex;gap:9px;margin-top:18px}.leave-cancel-btn,.leave-outline-btn{min-height:40px;padding:0 15px;border:1px solid #dedee8;border-radius:9px;color:#666473;background:#fff;font-size:11px;font-weight:700;cursor:pointer}.leave-cancel-btn:hover,.leave-outline-btn:hover{background:#f8f8fa}.leave-filter-count{padding:7px 11px;border-radius:20px;color:#4f46e5;background:#eef2ff;font-size:10px;font-weight:750}.leave-filters{display:flex;align-items:flex-end;justify-content:flex-end;gap:10px;padding:16px 21px;border-bottom:1px solid #eeeeF4;background:#fcfcfe}.leave-filter-field{width:150px}.leave-clear-btn{height:42px;padding:0 13px;border:1px solid #dedee8;border-radius:9px;color:#5f5d6b;background:#fff;font-size:10px;font-weight:700;cursor:pointer}.leave-clear-btn:hover{background:#f5f5f8}.leave-table-wrapper{width:100%;overflow-x:auto}.leave-table{width:100%;min-width:1050px;border-collapse:collapse}.leave-table thead th{padding:12px 15px;color:#858391;background:#fafafd;border-bottom:1px solid #eeeeF4;text-align:left;font-size:9px;font-weight:800;letter-spacing:.6px;white-space:nowrap}.leave-table tbody td{padding:13px 15px;color:#555363;border-bottom:1px solid #f0f0f4;font-size:10px;vertical-align:middle}.leave-table tbody tr:hover{background:#fafaff}.leave-table tbody tr:last-child td{border-bottom:none}.leave-employee-cell{display:flex;align-items:center;gap:9px;min-width:155px}.leave-avatar{width:32px;height:32px;flex:0 0 32px;display:flex;align-items:center;justify-content:center;border-radius:9px;color:#4f46e5;background:#eef2ff;font-size:10px;font-weight:800}.leave-employee-cell strong{display:block;color:#302e3d;font-size:10px}.leave-employee-cell small{display:block;margin-top:2px;color:#9998a5;font-size:8px}.leave-type-pill{display:inline-flex;padding:5px 8px;border-radius:6px;color:#4f46e5;background:#f1f0ff;font-size:9px;font-weight:700}.leave-days{display:inline-flex;min-width:28px;height:25px;align-items:center;justify-content:center;padding:0 5px;border-radius:7px;color:#2563eb;background:#eff6ff;font-weight:750}.leave-reason-cell{max-width:210px;overflow:hidden;color:#686673;line-height:1.4;text-overflow:ellipsis}.leave-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:20px;font-size:9px;font-weight:750;white-space:nowrap}.leave-status>span{width:6px;height:6px;border-radius:50%;background:currentColor}.leave-status.approved{color:#15803d;background:#ecfdf3}.leave-status.pending{color:#b45309;background:#fff7ed}.leave-status.rejected{color:#dc2626;background:#fff1f2}.leave-status.cancelled{color:#6b7280;background:#f3f4f6}.leave-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:130px}.leave-approve-btn,.leave-reject-btn,.leave-cancel-action{min-height:28px;padding:0 8px;border-radius:7px;font-size:8px;font-weight:750;cursor:pointer}.leave-approve-btn{color:#15803d;border:1px solid #bbf7d0;background:#f0fdf4}.leave-reject-btn{color:#dc2626;border:1px solid #fecaca;background:#fff7f7}.leave-cancel-action{color:#555363;border:1px solid #dedee8;background:#fff}.leave-approve-btn:hover{background:#dcfce7}.leave-reject-btn:hover{background:#fee2e2}.leave-cancel-action:hover{background:#f5f5f8}.leave-approve-btn:disabled,.leave-reject-btn:disabled,.leave-cancel-action:disabled{opacity:.5;cursor:not-allowed}.leave-rejection-note{display:block;max-width:170px;margin-top:4px;color:#dc2626;font-size:8px}.leave-no-action{color:#aaa9b4}.leave-loader{width:23px;height:23px;margin-bottom:8px;border:3px solid #e8e8f5;border-top-color:#6366f1;border-radius:50%;animation:leave-spin .7s linear infinite}@keyframes leave-spin{to{transform:rotate(360deg)}}.leave-empty-cell{height:190px;text-align:center}@media (max-width: 1050px){.leave-stats,.leave-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 750px){.leave-page-header{align-items:flex-start;flex-direction:column}.leave-primary-btn{width:100%}.leave-stats,.leave-form-grid{grid-template-columns:1fr}.leave-card-header{align-items:flex-start;flex-direction:column}.leave-filters{align-items:stretch;justify-content:flex-start;flex-direction:column}.leave-filter-field{width:100%}}.app-shell{min-height:100vh;background:#f4f6fb}.app-shell .sidebar{background:linear-gradient(180deg,#163968,#1d467b 48%,#16345f)!important;width:250px;border-right:0;box-shadow:6px 0 24px #0f234629}.app-shell .sidebar .nav-item{color:#fff!important;border:0!important;opacity:1!important;filter:none;transform:none;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.app-shell .sidebar .nav-item:hover{color:#fff!important;filter:brightness(1.08);transform:translate(2px);box-shadow:0 4px 12px #0000001f}.app-shell .sidebar .nav-item.active,.app-shell .sidebar .nav-item.active:hover{color:#fff!important;filter:brightness(1.12);transform:translate(2px);box-shadow:0 5px 16px #0003;border:1px solid rgba(255,255,255,.35)!important}.app-shell .sidebar .nav-item.active .nav-icon,.app-shell .sidebar .nav-icon{color:#fff!important}.app-shell .main-content{margin-left:250px!important;min-width:0;max-width:none;padding:0 24px 32px!important;background:#f4f6fb}.app-shell .app-topbar{position:sticky;top:0;z-index:100;width:auto;height:72px;min-height:72px;margin:0 -24px 24px!important;padding:0 24px!important;display:flex;align-items:center;gap:14px;background:#fffffff7!important;border-bottom:1px solid #e2e8f0!important;box-shadow:0 2px 10px #0f172a0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-shell .app-topbar .menu-toggle{flex-shrink:0;width:42px!important;height:42px!important;min-width:42px;display:flex;align-items:center;justify-content:center;border:1px solid #dbe4ef!important;border-radius:10px;background:#fff!important;box-shadow:0 3px 10px #0f172a0d}.app-shell .global-search{flex:1;min-width:180px;max-width:520px;height:44px;display:flex;align-items:center;position:relative}.app-shell .global-search input{width:100%;height:44px;padding:0 16px 0 42px!important;border:1px solid #edf1f6!important;border-radius:11px!important;background:#f4f7fb!important;color:#334155;font-size:13px;outline:none}.app-shell .global-search input:focus{background:#fff!important;border-color:#c7d2fe!important;box-shadow:0 0 0 3px #4f46e514!important}.app-shell .global-search .search-icon{position:absolute;left:14px;z-index:2;color:#64748b;font-size:18px}.app-shell .top-actions{margin-left:auto;display:flex;align-items:center;gap:10px;flex-shrink:0}.app-shell .theme-selector{position:relative;display:flex;align-items:center}.app-shell .theme-selector-button{width:auto!important;height:42px!important;min-width:42px;padding:0 12px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:7px;border:1px solid #dbe4ef!important;border-radius:10px!important;background:#fff!important;color:#334155!important;font-size:13px!important;font-weight:600!important;cursor:pointer;white-space:nowrap;box-shadow:0 3px 10px #0f172a0a;transition:all .2s ease}.app-shell .theme-selector-button:hover{background:#f8fafc!important;border-color:#cbd5e1!important;transform:none!important}.theme-button-icon{font-size:16px;line-height:1}.theme-button-text{display:inline}.theme-chevron{font-size:12px;transition:transform .2s ease}.theme-chevron.open{transform:rotate(180deg)}.app-shell .theme-selector .theme-menu{position:absolute!important;top:calc(100% + 10px)!important;right:0!important;left:auto!important;width:230px!important;min-width:230px!important;height:auto!important;padding:8px!important;margin:0!important;display:block!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:14px!important;box-shadow:0 18px 45px #0f172a29!important;z-index:99999!important;overflow:hidden;animation:themeDropdownIn .18s ease}@keyframes themeDropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.app-shell .theme-menu .theme-menu-header{display:block!important;padding:8px 10px 11px!important;margin:0 0 5px!important;border-bottom:1px solid #eef2f7!important;background:transparent!important}.app-shell .theme-menu .theme-menu-header strong{display:block!important;color:#172033!important;font-size:13px!important;font-weight:700!important;line-height:18px!important}.app-shell .theme-menu .theme-menu-header span{display:block!important;margin-top:2px!important;color:#94a3b8!important;font-size:11px!important;line-height:16px!important}.app-shell .theme-menu .theme-option{width:100%!important;height:44px!important;min-height:44px!important;margin:2px 0!important;padding:7px 9px!important;display:flex!important;align-items:center!important;gap:10px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#334155!important;font-size:13px!important;font-weight:600!important;text-align:left!important;cursor:pointer;box-shadow:none!important}.app-shell .theme-menu .theme-option:hover{background:#f1f5f9!important;color:#334155!important;transform:none!important}.app-shell .theme-menu .theme-option.selected{background:#eef2ff!important;color:#4f46e5!important}.app-shell .theme-menu .theme-dot{width:28px!important;height:28px!important;min-width:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;font-size:12px!important}.app-shell .notification-button{width:42px!important;height:42px!important;min-width:42px!important;display:flex!important;align-items:center;justify-content:center;border:1px solid #dbe4ef!important;border-radius:10px!important;background:#fff!important;color:#334155!important;box-shadow:0 3px 10px #0f172a0a}.app-shell .top-profile{min-height:48px;padding:5px 10px 5px 5px;display:flex;align-items:center;gap:9px;border:1px solid #dbe4ef!important;border-radius:11px!important;background:#fff!important;box-shadow:0 3px 10px #0f172a0a}.app-shell .top-profile .avatar{width:40px;height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#5b5bd6,#6d5bd0)!important;color:#fff;font-size:13px;font-weight:700}.app-shell .profile-copy{min-width:90px;display:flex;flex-direction:column;align-items:flex-start}.app-shell .profile-copy strong{color:#1e293b!important;font-size:13px!important;line-height:18px!important}.app-shell .profile-copy span{color:#64748b!important;font-size:11px!important;line-height:16px!important}.app-shell .page-content{width:100%;max-width:100%;margin:0;padding:0}.app-shell .page-header{margin-bottom:20px!important;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.app-shell .page-header h1{margin:0 0 5px!important;color:#172554!important;font-size:30px!important;line-height:38px!important;font-weight:750!important}.app-shell .page-header p{margin:0!important;color:#64748b!important;font-size:14px!important}.app-shell .card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:15px!important;box-shadow:0 3px 12px #0f172a0b!important}.app-shell .stat-card{min-height:116px;padding:20px!important;border-radius:15px!important;background:#fff!important}.app-shell table{width:100%;border-collapse:separate;border-spacing:0}.app-shell table th{padding:13px 15px!important;background:#f8fafc!important;color:#475569!important;font-size:12px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid #e2e8f0!important}.app-shell table td{padding:14px 15px!important;color:#334155!important;font-size:13px!important;border-bottom:1px solid #f1f5f9!important}.app-shell table tbody tr:hover{background:#f8fafc!important}@media (max-width: 1100px){.theme-button-text,.theme-chevron{display:none}.app-shell .theme-selector-button{width:42px!important;padding:0!important}}@media (max-width: 900px){.app-shell .main-content{margin-left:0!important;padding:0 16px 24px!important}.app-shell .app-topbar{margin:0 -16px 20px!important;padding:0 16px!important}}@media (max-width: 650px){.app-shell .profile-copy,.app-shell .profile-arrow{display:none}.app-shell .top-profile{padding:4px}.app-shell .global-search{max-width:none;min-width:0}.app-shell .page-header{flex-direction:column}.app-shell .page-header h1{font-size:25px!important}}:root{--theme-primary: #4f46e5;--theme-primary-dark: #4338ca;--theme-primary-light: #eef2ff;--theme-sidebar-start: #163968;--theme-sidebar-middle: #1d467b;--theme-sidebar-end: #16345f;--theme-page-bg: #f4f6fb;--theme-heading: #172554;--theme-text: #334155}html[data-theme=ocean]{--theme-primary: #2563eb;--theme-primary-dark: #1d4ed8;--theme-primary-light: #eff6ff;--theme-sidebar-start: #163968;--theme-sidebar-middle: #1d467b;--theme-sidebar-end: #16345f}html[data-theme=purple]{--theme-primary: #7c3aed;--theme-primary-dark: #6d28d9;--theme-primary-light: #f5f3ff;--theme-sidebar-start: #32145f;--theme-sidebar-middle: #54209a;--theme-sidebar-end: #28104f}html[data-theme=emerald]{--theme-primary: #059669;--theme-primary-dark: #047857;--theme-primary-light: #ecfdf5;--theme-sidebar-start: #064e3b;--theme-sidebar-middle: #047857;--theme-sidebar-end: #064e3b}html[data-theme=sunset]{--theme-primary: #ea580c;--theme-primary-dark: #c2410c;--theme-primary-light: #fff7ed;--theme-sidebar-start: #7c2d12;--theme-sidebar-middle: #c2410c;--theme-sidebar-end: #7c2d12}html[data-theme=rose]{--theme-primary: #db2777;--theme-primary-dark: #be185d;--theme-primary-light: #fdf2f8;--theme-sidebar-start: #831843;--theme-sidebar-middle: #be185d;--theme-sidebar-end: #831843}.app-shell{background:var(--theme-page-bg)!important}.app-shell .sidebar{background:linear-gradient(180deg,var(--theme-sidebar-start) 0%,var(--theme-sidebar-middle) 48%,var(--theme-sidebar-end) 100%)!important}.app-shell .sidebar .nav-item{color:#fff!important;border:0!important;opacity:1!important;transform:none;transition:filter .18s ease,transform .18s ease,box-shadow .18s ease}.app-shell .sidebar .nav-dashboard{background:linear-gradient(90deg,#4054b8,#5874da)!important}.app-shell .sidebar .nav-reports{background:linear-gradient(90deg,#26588d,#3e76bb)!important}.app-shell .sidebar .nav-employees{background:linear-gradient(90deg,#2187c6,#34a9dc)!important}.app-shell .sidebar .nav-departments{background:linear-gradient(90deg,#148e9c,#20ad8d)!important}.app-shell .sidebar .nav-designations{background:linear-gradient(90deg,#6945c8,#9b60dc)!important}.app-shell .sidebar .nav-roles{background:linear-gradient(90deg,#d52966,#ec3f7b)!important}.app-shell .sidebar .nav-attendance{background:linear-gradient(90deg,#15997c,#31b384)!important}.app-shell .sidebar .nav-devices{background:linear-gradient(90deg,#1b8ba3,#35adbd)!important}.app-shell .sidebar .nav-shifts{background:linear-gradient(90deg,#f2a30a,#ffc11c)!important}.app-shell .sidebar .nav-holidays{background:linear-gradient(90deg,#f36d21,#ff962d)!important}.app-shell .sidebar .nav-leaveApplications{background:linear-gradient(90deg,#e53e4f,#fb6065)!important}.app-shell .sidebar .nav-leaveMaster{background:linear-gradient(90deg,#ba277b,#dc3b98)!important}.app-shell .sidebar .nav-payroll{background:linear-gradient(90deg,#5641b5,#825bd0)!important}.app-shell .sidebar .nav-pfReturn{background:linear-gradient(90deg,#2d629a,#4c7fc1)!important}.app-shell .sidebar .nav-esiReturn{background:linear-gradient(90deg,#167b96,#23a4ae)!important}.app-shell .sidebar .nav-bankUpload{background:linear-gradient(90deg,#168772,#24ad86)!important}.app-shell .sidebar .nav-projects{background:linear-gradient(90deg,#15936d,#25b68d)!important}.app-shell .sidebar .nav-tasks{background:linear-gradient(90deg,#3c6096,#587eaf)!important}.app-shell .sidebar .nav-appraisal{background:linear-gradient(90deg,#e99009,#ffb718)!important}.app-shell .sidebar .nav-documents{background:linear-gradient(90deg,#516db2,#7089cf)!important}.app-shell .sidebar .nav-templates{background:linear-gradient(90deg,#197caf,#2b9dcc)!important}.app-shell .sidebar .nav-notifications{background:linear-gradient(90deg,#df3131,#ff5252)!important}.app-shell .sidebar .nav-section-subscription{background:linear-gradient(90deg,#7e22ce,#db2777)!important;color:#fff!important}.app-shell .sidebar .nav-subscriptionDashboard{background:linear-gradient(90deg,#0f766e,#14b8a6)!important}.app-shell .sidebar .nav-subscriptionCompanies{background:linear-gradient(90deg,#2563eb,#38bdf8)!important}.app-shell .sidebar .nav-subscriptionPlans{background:linear-gradient(90deg,#7e22ce,#a855f7)!important}.app-shell .sidebar .nav-subscriptionPayments{background:linear-gradient(90deg,#15803d,#4ade80)!important}.app-shell .sidebar .nav-subscriptionHistory{background:linear-gradient(90deg,#ea580c,#f59e0b)!important}.app-shell .sidebar .nav-subscriptionFollowups{background:linear-gradient(90deg,#db2777,#f472b6)!important}.app-shell .sidebar .nav-subscriptionRenewals{background:linear-gradient(90deg,#3730a3,#6366f1)!important}.app-shell .sidebar .nav-subscriptionDashboard,.app-shell .sidebar .nav-subscriptionCompanies,.app-shell .sidebar .nav-subscriptionPlans,.app-shell .sidebar .nav-subscriptionPayments,.app-shell .sidebar .nav-subscriptionHistory,.app-shell .sidebar .nav-subscriptionFollowups,.app-shell .sidebar .nav-subscriptionRenewals{color:#fff!important;border-radius:9px!important;margin:4px 0!important}.app-shell .sidebar .nav-icon{color:#fff!important}.app-shell .sidebar .nav-item:hover{color:#fff!important;filter:brightness(1.08);transform:translate(2px)}.app-shell .sidebar .nav-item.active,.app-shell .sidebar .nav-item.active:hover{color:#fff!important;filter:brightness(1.12);transform:translate(2px);box-shadow:0 5px 15px #0003!important}.app-shell .sidebar .nav-item.active .nav-icon{color:#fff!important}.app-shell .sidebar .nav-section-button{color:#fff!important;border:0!important}html[data-theme=purple] .app-shell .sidebar .nav-item{filter:hue-rotate(12deg)}html[data-theme=emerald] .app-shell .sidebar .nav-item{filter:hue-rotate(55deg)}html[data-theme=sunset] .app-shell .sidebar .nav-item{filter:hue-rotate(-18deg)}html[data-theme=rose] .app-shell .sidebar .nav-item{filter:hue-rotate(-35deg)}html[data-theme=ocean] .app-shell .sidebar .nav-item{filter:none}html[data-theme=ocean] .app-shell .btn-primary{background:var(--theme-primary)!important;border-color:var(--theme-primary)!important}html[data-theme=purple] .app-shell .btn-primary{background:#7c3aed!important;border-color:#7c3aed!important}html[data-theme=emerald] .app-shell .btn-primary{background:#059669!important;border-color:#059669!important}html[data-theme=sunset] .app-shell .btn-primary{background:#ea580c!important;border-color:#ea580c!important}html[data-theme=rose] .app-shell .btn-primary{background:#db2777!important;border-color:#db2777!important}html[data-theme=ocean] .app-shell .btn-primary,html[data-theme=ocean] .app-shell .active{--active-theme-color: #2563eb}html[data-theme=purple] .app-shell .active{--active-theme-color: #7c3aed}html[data-theme=emerald] .app-shell .active{--active-theme-color: #059669}html[data-theme=sunset] .app-shell .active{--active-theme-color: #ea580c}html[data-theme=rose] .app-shell .active{--active-theme-color: #db2777}html[data-theme=ocean] .app-shell input:focus,html[data-theme=ocean] .app-shell select:focus,html[data-theme=ocean] .app-shell textarea:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1f!important}html[data-theme=purple] .app-shell input:focus,html[data-theme=purple] .app-shell select:focus,html[data-theme=purple] .app-shell textarea:focus{border-color:#7c3aed!important;box-shadow:0 0 0 3px #7c3aed1f!important}html[data-theme=emerald] .app-shell input:focus,html[data-theme=emerald] .app-shell select:focus,html[data-theme=emerald] .app-shell textarea:focus{border-color:#059669!important;box-shadow:0 0 0 3px #0596691f!important}html[data-theme=sunset] .app-shell input:focus,html[data-theme=sunset] .app-shell select:focus,html[data-theme=sunset] .app-shell textarea:focus{border-color:#ea580c!important;box-shadow:0 0 0 3px #ea580c1f!important}html[data-theme=rose] .app-shell input:focus,html[data-theme=rose] .app-shell select:focus,html[data-theme=rose] .app-shell textarea:focus{border-color:#db2777!important;box-shadow:0 0 0 3px #db27771f!important}html[data-theme=ocean] .app-shell .theme-option.selected{background:#eff6ff!important;color:#2563eb!important}html[data-theme=purple] .app-shell .theme-option.selected{background:#f5f3ff!important;color:#7c3aed!important}html[data-theme=emerald] .app-shell .theme-option.selected{background:#ecfdf5!important;color:#059669!important}html[data-theme=sunset] .app-shell .theme-option.selected{background:#fff7ed!important;color:#ea580c!important}html[data-theme=rose] .app-shell .theme-option.selected{background:#fdf2f8!important;color:#db2777!important}html[data-theme=ocean] .app-shell .theme-selector-button:hover{color:#2563eb!important;border-color:#2563eb!important}html[data-theme=purple] .app-shell .theme-selector-button:hover{color:#7c3aed!important;border-color:#7c3aed!important}html[data-theme=emerald] .app-shell .theme-selector-button:hover{color:#059669!important;border-color:#059669!important}html[data-theme=sunset] .app-shell .theme-selector-button:hover{color:#ea580c!important;border-color:#ea580c!important}html[data-theme=rose] .app-shell .theme-selector-button:hover{color:#db2777!important;border-color:#db2777!important}.app-shell .theme-menu{filter:none!important}@media (max-width: 900px){.app-shell .sidebar .nav-subscriptionDashboard,.app-shell .sidebar .nav-subscriptionCompanies,.app-shell .sidebar .nav-subscriptionPlans,.app-shell .sidebar .nav-subscriptionPayments,.app-shell .sidebar .nav-subscriptionHistory,.app-shell .sidebar .nav-subscriptionFollowups,.app-shell .sidebar .nav-subscriptionRenewals{margin:3px 0!important}}.app-shell .top-profile-wrapper{position:relative!important}.app-shell .top-profile-wrapper .profile-dropdown{position:absolute!important;top:calc(100% + 10px)!important;right:0!important;width:210px!important;min-width:210px!important;padding:7px!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:3px!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 18px 40px #0f172a29!important;z-index:99999!important;overflow:hidden!important;animation:profileDropdownIn .16s ease}@keyframes profileDropdownIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.app-shell .top-profile-wrapper .profile-dropdown>button{width:100%!important;min-height:42px!important;height:42px!important;padding:0 11px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#334155!important;font-family:inherit!important;font-size:13px!important;font-weight:600!important;line-height:1!important;text-align:left!important;cursor:pointer!important;box-shadow:none!important;outline:none!important;white-space:nowrap!important;transition:background .18s ease,color .18s ease}.app-shell .top-profile-wrapper .profile-dropdown>button:hover{background:#f1f5f9!important;color:#2563eb!important;transform:none!important}.app-shell .top-profile-wrapper .profile-dropdown .dropdown-icon{width:30px!important;height:30px!important;min-width:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;background:#f1f5f9!important;color:#475569!important;font-size:14px!important;line-height:1!important}.app-shell .top-profile-wrapper .profile-dropdown>button:hover .dropdown-icon{background:#dbeafe!important;color:#2563eb!important}.app-shell .top-profile-wrapper .profile-dropdown .profile-divider{width:100%!important;height:1px!important;min-height:1px!important;margin:5px 0!important;padding:0!important;background:#e2e8f0!important}.app-shell .top-profile-wrapper .profile-dropdown .logout-menu-button{color:#dc2626!important}.app-shell .top-profile-wrapper .profile-dropdown .logout-menu-button:hover{background:#fef2f2!important;color:#dc2626!important}.app-shell .top-profile-wrapper .profile-dropdown .logout-menu-button:hover .dropdown-icon{background:#fee2e2!important;color:#dc2626!important}.app-shell .top-profile .profile-arrow{transition:transform .2s ease}.app-shell .top-profile .profile-arrow.rotate{transform:rotate(180deg)}@media (max-width: 600px){.app-shell .top-profile-wrapper .profile-dropdown{right:-5px!important;width:190px!important;min-width:190px!important}}@media (max-width: 900px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.app-shell{width:100%;min-width:0;overflow-x:hidden}.app-shell .sidebar{position:fixed!important;top:0!important;left:0!important;width:280px!important;max-width:85vw!important;height:100vh!important;margin:0!important;z-index:1000!important;transform:translate(-110%)!important;transition:transform .25s ease!important;overflow-x:hidden!important;overflow-y:auto!important;box-shadow:8px 0 30px #0f172a33!important}.app-shell .sidebar.open{transform:translate(0)!important}.app-shell.sidebar-collapsed .sidebar{width:280px!important;transform:translate(-110%)!important}.app-shell.sidebar-collapsed .sidebar.open{transform:translate(0)!important}.app-shell .sidebar .brand{width:100%!important;min-height:72px!important;height:72px!important;margin:0!important;padding:10px 14px!important;justify-content:flex-start!important}.app-shell .sidebar .brand-content{display:flex!important}.app-shell .sidebar .brand-content strong{font-size:16px!important}.app-shell .sidebar .brand-content small{font-size:9px!important}.app-shell .sidebar .brand-mark-button{width:46px!important;height:46px!important;min-width:46px!important}.app-shell .sidebar .nav-label{display:inline!important}.app-shell .sidebar .nav-section-label{display:block!important}.app-shell .sidebar .nav-section-button{display:flex!important}.app-shell .sidebar-backdrop{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100vh!important;padding:0!important;margin:0!important;border:0!important;background:#0f172a73!important;z-index:999!important;cursor:pointer!important;display:block!important}.app-shell .main-content,.app-shell.sidebar-collapsed .main-content{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;padding:0 16px 28px!important;overflow-x:hidden!important}.app-shell .app-topbar{width:calc(100% + 32px)!important;height:64px!important;min-height:64px!important;margin:0 -16px 20px!important;padding:0 12px!important;gap:8px!important;position:sticky!important;top:0!important;z-index:100!important}.app-shell .app-topbar .menu-toggle{width:40px!important;height:40px!important;min-width:40px!important;flex-shrink:0!important}.app-shell .global-search{flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important;height:40px!important}.app-shell .global-search input{width:100%!important;height:40px!important;padding:0 10px 0 35px!important;font-size:12px!important}.app-shell .global-search .search-icon{left:11px!important;font-size:16px!important}.app-shell .top-actions{gap:6px!important;flex-shrink:0!important}.app-shell .theme-selector-button{width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;gap:0!important}.app-shell .theme-button-text,.app-shell .theme-chevron{display:none!important}.app-shell .notification-button{width:40px!important;min-width:40px!important;height:40px!important}.app-shell .top-profile{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;justify-content:center!important;border-radius:50%!important;gap:0!important}.app-shell .top-profile .avatar{width:38px!important;height:38px!important;min-width:38px!important}.app-shell .profile-copy,.app-shell .profile-arrow{display:none!important}.app-shell .theme-menu{position:fixed!important;top:58px!important;right:70px!important;left:auto!important;width:220px!important;max-width:calc(100vw - 30px)!important}.app-shell .top-profile-wrapper .profile-dropdown{position:fixed!important;top:58px!important;right:10px!important;width:200px!important;max-width:calc(100vw - 20px)!important}.app-shell .page-header{width:100%!important;max-width:100%!important;flex-direction:column!important;align-items:flex-start!important;gap:14px!important;margin-bottom:18px!important}.app-shell .page-header h1{font-size:25px!important;line-height:32px!important}.app-shell .page-header p{font-size:13px!important;line-height:20px!important}.app-shell .page-content{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}.app-shell .grid,.app-shell .grid-2,.app-shell .grid-3,.app-shell .grid-4{width:100%!important;max-width:100%!important;grid-template-columns:1fr!important;gap:14px!important}.app-shell [style*=grid-template-columns]{grid-template-columns:1fr!important}.app-shell .card{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;border-radius:13px!important}.app-shell .stat-card{width:100%!important;min-width:0!important}.app-shell .table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.app-shell table{min-width:650px!important}.app-shell form{max-width:100%!important}.app-shell input,.app-shell select,.app-shell textarea{max-width:100%!important;box-sizing:border-box!important}.app-shell .button-group,.app-shell .actions,.app-shell .form-actions{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important}.app-shell .modal,.app-shell .modal-content{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important;box-sizing:border-box!important}}@media (max-width: 480px){.app-shell .main-content{padding:0 12px 24px!important}.app-shell .app-topbar{width:calc(100% + 24px)!important;margin-left:-12px!important;margin-right:-12px!important;padding:0 10px!important;gap:6px!important}.app-shell .app-topbar .menu-toggle{width:38px!important;min-width:38px!important;height:38px!important}.app-shell .global-search input{font-size:11px!important}.app-shell .theme-selector-button,.app-shell .notification-button,.app-shell .top-profile{width:38px!important;min-width:38px!important;height:38px!important}.app-shell .top-profile .avatar{width:36px!important;height:36px!important;min-width:36px!important}.app-shell .page-header h1{font-size:23px!important;line-height:29px!important}.app-shell .card{padding:15px!important}.app-shell .theme-menu{right:8px!important;width:210px!important}}.main-content{font-size:15px}.main-content h1{font-size:29px;line-height:1.25;font-weight:700;letter-spacing:-.3px}.main-content h2{font-size:23px;line-height:1.3;font-weight:700}.main-content h3{font-size:18px;line-height:1.35;font-weight:700}.page-header p,.main-content .page-header p{font-size:15px;line-height:1.6}.section-title{font-size:17px!important;font-weight:700}.main-content p,.main-content span,.main-content label{font-size:14px}.main-content label{font-size:13px;font-weight:600}.main-content input,.main-content select,.main-content textarea{font-size:14px}.main-content .btn{font-size:14px;font-weight:600}.main-content .btn-sm{font-size:13px}.main-content table{font-size:14px}.main-content table th{font-size:13px;font-weight:700}.main-content table td{font-size:14px}.main-content .stat-card .value{font-size:27px;font-weight:700}.main-content .stat-card .label{font-size:14px}.payroll-stat-value{font-size:26px;font-weight:700}.payroll-stat-label{font-size:14px}.main-content .card p{line-height:1.5}.main-content .text-muted,.main-content .muted{font-size:14px}@media (max-width: 900px){.main-content h1{font-size:25px}.main-content h2{font-size:21px}.main-content h3{font-size:17px}}@media (max-width: 480px){.main-content h1{font-size:22px}.main-content p,.main-content span,.main-content table{font-size:13px}}.app-shell .sidebar{width:250px;height:100vh;position:fixed;left:0;top:0;bottom:0;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;z-index:1000}.app-shell .sidebar-nav{width:100%;padding:12px 8px 20px;box-sizing:border-box}.app-shell .nav-group{width:100%;margin:0 0 10px;box-sizing:border-box}.app-shell .nav-section-label{margin:10px 10px 7px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.app-shell .sidebar .nav-item{width:100%;min-height:40px;height:40px;margin:0;padding:0 13px;display:flex;align-items:center;gap:10px;box-sizing:border-box;border-radius:9px;text-decoration:none;overflow:hidden}.app-shell .sidebar .nav-icon{width:20px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.app-shell .sidebar .nav-label{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-shell .sidebar .nav-items{display:flex;flex-direction:column;gap:5px}.app-shell .sidebar .nav-section-button{width:100%;min-height:42px;height:42px;margin:0 0 5px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;border:0;border-radius:9px;cursor:pointer}.app-shell .sidebar .nav-section-arrow{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.app-shell .sidebar .nav-section-content{overflow:hidden}.app-shell .sidebar .nav-section-content .nav-item{width:calc(100% - 8px);margin-left:8px}.app-shell .sidebar .nav-item:empty{display:none!important}.app-shell .sidebar .nav-item:has(.nav-label:empty){display:none!important}.app-shell .sidebar .nav-item .nav-label:empty{display:none!important}.app-shell .sidebar .nav-group:has(.nav-items:empty){display:none!important}.app-shell .main-content{min-width:0;overflow-x:hidden}.app-shell .sidebar::-webkit-scrollbar{width:5px}.app-shell .sidebar::-webkit-scrollbar-track{background:transparent}.app-shell .sidebar::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:10px}@media (max-width: 900px){.app-shell .sidebar{width:280px;transform:translate(-100%);transition:transform .22s ease;box-shadow:none}.app-shell.sidebar-is-open .sidebar{transform:translate(0);box-shadow:8px 0 30px #00000038}.app-shell .main-content{margin-left:0}.app-shell .sidebar .nav-label{display:inline}.app-shell .sidebar .nav-section-button{display:flex}}.app-shell .sidebar .nav-section-organization{background:linear-gradient(90deg,#475569,#64748b)}.app-shell .sidebar .nav-section-organization:hover{filter:brightness(1.07)}.app-shell .sidebar .nav-section-organization+.nav-section-content{margin-top:0}.app-shell .sidebar .nav-item.nav-organization{background:linear-gradient(90deg,#475569,#64748b)}.app-shell .sidebar .nav-item.nav-organization:hover{filter:brightness(1.07)}.app-shell .sidebar .nav-group:last-child{margin-bottom:10px}@media (min-width: 901px){.app-shell .main-content{width:calc(100% - 250px);margin-left:250px!important;padding-top:0!important}.app-shell.sidebar-collapsed .main-content{width:calc(100% - 78px);margin-left:78px!important}.app-shell .app-topbar{margin-top:0!important}}.app-shell .nav-section-recruitment{background:linear-gradient(90deg,#0f766e,#0d9488);color:#fff}.app-shell .sidebar .nav-recruitment{background:linear-gradient(90deg,#0f766e,#0d9488)}.app-shell .sidebar .nav-recruitment.active,.app-shell .sidebar .nav-recruitment.active:hover{background:#fff;color:#0f766e}.app-shell .nav-section-organization{color:#fff}.app-shell .sidebar-backdrop{display:none}@media (max-width: 900px){.app-shell .sidebar-backdrop{display:block}.app-shell .main-content,.app-shell.sidebar-collapsed .main-content{width:100%!important;margin-left:0!important;padding-top:0!important}}.nav-section-content{display:none;width:100%;margin:0;padding:0;opacity:1}.nav-section-content.open{display:block;width:100%;margin:0;padding:0;opacity:1}.nav-section-content .nav-items{display:flex;flex-direction:column;gap:4px;width:100%;margin:0;padding:4px 0 0}.app-shell .sidebar .nav-section-organization,.app-shell .sidebar .nav-organization{background:linear-gradient(90deg,#475569,#64748b)!important;color:#fff!important}.app-shell .sidebar .nav-organization:hover{background:linear-gradient(90deg,#64748b,#94a3b8)!important;color:#fff!important}.app-shell .sidebar .nav-organization.active,.app-shell .sidebar .nav-organization.active:hover{background:linear-gradient(90deg,#475569,#64748b)!important;color:#fff!important;box-shadow:none!important;filter:brightness(1.07)!important;transform:none!important}.app-shell .sidebar .nav-organization.active .nav-icon,.app-shell .sidebar .nav-organization:hover .nav-icon{color:#fff!important}.organization-page{width:100%}.organization-page .table-wrap{width:100%;overflow-x:auto}.organization-page table{width:100%;border-collapse:collapse}.organization-page th{text-align:left;font-size:13px;font-weight:700;color:#475569;padding:12px 14px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.organization-page td{padding:13px 14px;font-size:14px;color:#334155;border-bottom:1px solid #eef2f7;vertical-align:middle}.organization-page tbody tr:hover{background:#f8fafc}.organization-page .organization-name{font-weight:700;color:#1e293b}.organization-page .organization-selected{display:inline-flex;align-items:center;margin-left:8px;padding:3px 8px;border-radius:999px;background:#e0e7ff;color:#4338ca;font-size:11px;font-weight:700}.organization-page .org-btn{border:1px solid transparent;border-radius:7px;min-height:34px;padding:7px 12px;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.organization-page .org-btn-select{background:#eef2ff;border-color:#c7d2fe;color:#4338ca}.organization-page .org-btn-edit{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.organization-page .org-btn-delete{background:#fef2f2;border-color:#fecaca;color:#dc2626}.organization-page .org-btn-delete:hover{background:#fee2e2;border-color:#fca5a5}.organization-page .organization-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.organization-page .organization-summary-item{padding:14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.organization-page .organization-summary-item label{display:block;margin-bottom:5px;font-size:12px;font-weight:600;color:#64748b}.organization-page .organization-summary-item strong{display:block;font-size:14px;color:#1e293b}.organization-page .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a8c}.organization-page .modal-box{width:min(920px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:#fff;border-radius:14px;box-shadow:0 24px 70px #0f172a40;overflow:hidden}.organization-page .modal-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;background:#fff;border-bottom:1px solid #e2e8f0}.organization-page .modal-header h3{margin:0;font-size:20px;font-weight:750;color:#1e293b}.organization-page .modal-box form{min-height:0;overflow-y:auto;padding:22px}.organization-page .modal-box .section-title{margin:4px 0 14px;padding-bottom:9px;font-size:15px;font-weight:750;color:#1e293b;border-bottom:1px solid #e2e8f0}.organization-page .modal-box .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:22px}.organization-page .modal-box .field{min-width:0}.organization-page .modal-box label{display:block;margin-bottom:6px;font-size:13px;font-weight:650;color:#475569}.organization-page .modal-box input,.organization-page .modal-box select,.organization-page .modal-box textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#1e293b;font-size:14px;padding:10px 12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.organization-page .modal-box input,.organization-page .modal-box select{min-height:40px}.organization-page .modal-box textarea{min-height:90px;resize:vertical}.organization-page .modal-box input:focus,.organization-page .modal-box select:focus,.organization-page .modal-box textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.organization-page .modal-box input[type=checkbox]{width:auto;min-height:auto;margin-right:8px}.organization-page .error-text{margin-top:5px;color:#dc2626;font-size:12px}.organization-page .modal-form-note{margin:4px 0 0;padding:11px 13px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;font-size:12px;line-height:1.5}.organization-page .modal-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;margin:22px -22px -22px;padding:14px 22px;background:#fff;border-top:1px solid #e2e8f0}.organization-page .modal-actions .btn-outline{min-height:40px;padding:9px 17px;border-radius:8px;font-weight:700}.organization-page .modal-actions .btn-primary{min-height:40px;padding:9px 18px;border-radius:8px;font-weight:700}@media (max-width: 700px){.organization-page .modal-overlay{padding:12px}.organization-page .modal-box{max-height:calc(100vh - 24px);border-radius:12px}.organization-page .modal-box form{padding:16px}.organization-page .modal-box .form-grid{grid-template-columns:1fr;gap:13px}.organization-page .organization-summary{grid-template-columns:1fr}.organization-page .modal-actions{margin:18px -16px -16px;padding:12px 16px}}.organization-page .table-wrap{overflow-x:auto}.organization-page table th:last-child,.organization-page table td:last-child{min-width:250px;width:250px}.organization-page .organization-name{font-weight:700;color:#172554;white-space:nowrap}.organization-page .organization-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.organization-page .org-btn{min-height:34px;padding:7px 13px;border-radius:7px;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:all .15s ease}.organization-page .org-btn-select{background:#eef2ff;border:1px solid #c7d2fe;color:#4338ca}.organization-page .org-btn-select:hover{background:#e0e7ff;border-color:#a5b4fc}.organization-page .org-btn-selected{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569;cursor:default}.organization-page .org-btn-edit{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.organization-page .org-btn-edit:hover{background:#dbeafe;border-color:#93c5fd}.organization-page .org-btn-delete{background:#fff1f2;border:1px solid #fecdd3;color:#dc2626}.organization-page .org-btn-delete:hover{background:#ffe4e6;border-color:#fda4af}.organization-page .org-btn-delete:disabled{opacity:.45;cursor:not-allowed}.organization-page .organization-selected{display:inline-flex;align-items:center;margin-left:8px;padding:3px 8px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:11px;font-weight:700;white-space:nowrap}