:root{--primary-color: #5b6dd6;--primary-dark: #4a5bc0;--primary-light: #7b8de8;--secondary-color: #8b7fd9;--secondary-dark: #7265c8;--success-color: #2e7d32;--success-light: #66bb6a;--warning-color: #f57c00;--warning-light: #ffa726;--danger-color: #d32f2f;--danger-light: #ef5350;--info-color: #5b6dd6;--info-light: #7b8de8;--bg-primary: #ffffff;--bg-secondary: #f3f4f9;--bg-tertiary: #e8eaf6;--text-primary: #1a1a2e;--text-secondary: #5a5a7a;--text-tertiary: #8888a8;--border-color: #d4d7f0;--border-light: #eff1f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;min-height:100%;overflow-x:hidden;overflow-y:auto!important}body{margin:0;width:100%;min-height:100%;color:var(--text-primary);background-color:var(--bg-secondary);min-width:320px;overflow-x:hidden;overflow-y:auto!important}#root{width:100%;min-height:100%;overflow-x:hidden;overflow-y:auto!important}a{font-weight:500;color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--primary-dark);text-decoration:underline}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}p{color:var(--text-secondary);margin-bottom:1rem}button,input,textarea,select{font-family:inherit}button{border:none;border-radius:.4rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}button:active{transform:translateY(0)}input,textarea,select{padding:.75rem;border:1px solid var(--border-color);border-radius:.4rem;font-size:.95rem;color:var(--text-primary);background-color:var(--bg-primary);transition:all .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1976d21a;background-color:var(--bg-primary)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background-color:var(--primary-color);color:#fff}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}h5{font-size:1rem}}.login-page{position:fixed;inset:0;display:flex;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;background:#f8fafc;overflow:hidden}.login-left{display:none;width:45%;background:linear-gradient(160deg,#1e40af,#3b82f6);padding:40px;color:#fff;flex-direction:column;justify-content:center;overflow:hidden}.brand-section{text-align:left}.logo-container{display:flex;align-items:center;gap:16px;margin-bottom:12px}.logo-icon{width:56px;height:56px;background:#ffffff26;border-radius:14px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.logo-icon svg{width:36px;height:36px}.logo-text{display:flex;gap:2px}.logo-text span{font-size:42px;font-weight:800;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.2)}.logo-h{color:#fff}.logo-r{color:#93c5fd}.logo-m{color:#fff}.logo-s{color:#bfdbfe}.brand-tagline{font-size:14px;color:#fff;font-weight:400;letter-spacing:.5px;margin-left:4px}.features{display:flex;flex-direction:column;gap:10px;margin-top:30px}.feature{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff1a;border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:background .2s ease}.feature:hover{background:#ffffff26}.feature svg{width:18px;height:18px;flex-shrink:0;opacity:.9}.feature span{font-size:13px;font-weight:500}.copyright{font-size:12px;opacity:.7;margin-top:30px}.login-right{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;background:#fff;overflow:hidden}.login-card{width:100%;max-width:360px}.card-header{margin-bottom:24px}.card-header h2{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:4px}.card-header p{font-size:14px;color:#64748b}.error-box{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px}.error-box svg{width:18px;height:18px;color:#dc2626;flex-shrink:0}.error-box span{font-size:13px;color:#b91c1c}.login-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.input-wrapper{position:relative;display:flex;align-items:center;gap:12px}.input-wrapper>svg:first-of-type{width:20px;height:20px;color:#6b7280;flex-shrink:0}.input-wrapper input{width:100%;padding:16px 50px 16px 18px;border:1px solid #d1d5db;border-radius:10px;font-size:15px;color:#111827;background:#f9fafb;transition:all .2s ease;line-height:1.5}.input-wrapper input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}.input-wrapper input:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.7}.input-wrapper input::placeholder{color:#9ca3af;font-weight:400}.toggle-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;z-index:2;border-radius:6px;transition:background .2s ease}.toggle-btn:hover{background:#3b82f61a}.toggle-btn svg{width:18px;height:18px;color:#6b7280;transition:color .2s ease}.toggle-btn:hover svg{color:#3b82f6}.submit-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;margin-top:8px;box-shadow:0 4px 14px #2563eb40}.submit-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 20px #2563eb59;transform:translateY(-1px)}.submit-btn:active{transform:scale(.98)}.submit-btn:disabled{background:#93c5fd;cursor:not-allowed;transform:none}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.card-footer{text-align:center;margin-top:20px;padding-top:16px;border-top:1px solid #f1f5f9}.card-footer p{font-size:12px;color:#94a3b8}@media(min-width:768px){.login-left{display:flex}.login-right{padding:30px}.login-card{max-width:340px}}@media(min-width:1024px){.login-left{width:50%;padding:50px}.logo-text span{font-size:48px}.logo-icon{width:60px;height:60px}.logo-icon svg{width:40px;height:40px}.login-card{max-width:360px}.card-header h2{font-size:26px}}@media(min-width:1280px){.login-left{padding:60px}.logo-text span{font-size:52px}.logo-icon{width:64px;height:64px}.logo-icon svg{width:44px;height:44px}}@media(max-width:767px){.login-right{background:linear-gradient(180deg,#eff6ff,#fff)}.login-card{background:#fff;padding:24px 20px;border-radius:12px;box-shadow:0 4px 20px #00000014}.card-header{text-align:center;margin-bottom:20px}.card-header:before{content:"HRMS";display:block;font-size:24px;font-weight:700;color:#2563eb;margin-bottom:16px;letter-spacing:2px}.card-header h2{font-size:20px}.card-header p{font-size:13px}}@media(max-height:600px){.login-card{padding:16px}.card-header{margin-bottom:16px}.card-header h2{font-size:18px}.login-form{gap:12px}.input-wrapper input{padding:14px 44px}.submit-btn{padding:14px 16px}.card-footer{margin-top:12px;padding-top:12px}.features{gap:8px;margin-top:20px}.feature{padding:8px 10px}}.sidebar-container{display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,#1e3a5f,#0f172a)}.sidebar-header-fixed{position:sticky;top:0;z-index:10;padding:24px 20px;background:linear-gradient(180deg,#1e3a5f 0% 100%);border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-brand{display:flex;align-items:center;gap:14px}.sidebar-avatar{transition:transform .3s ease}.sidebar-avatar:hover{transform:scale(1.05)}.sidebar-brand-text{display:flex;flex-direction:column}.sidebar-title{margin:0;font-size:18px;font-weight:700;color:#fff;letter-spacing:.5px}.sidebar-subtitle{margin:2px 0 0;font-size:12px;color:#ffffffe6;font-weight:500}.sidebar-menu-scroll{flex:1;overflow-y:auto;padding:16px 12px}.sidebar-menu-scroll::-webkit-scrollbar{width:4px}.sidebar-menu-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-menu-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.sidebar-section{margin-bottom:24px}.sidebar-section-label{margin:0 0 12px 12px;font-size:11px;font-weight:700;color:#ffffff80;letter-spacing:1.5px;text-transform:uppercase}.sidebar-nav{padding:0}.sidebar-nav-item{margin:4px 0;padding:12px 16px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fffc;position:relative;cursor:pointer}.sidebar-nav-item:hover{background:#ffffff1a;color:#fff;padding-left:20px}.sidebar-nav-item.active{background:linear-gradient(135deg,#3b82f64d,#2563eb33);color:#fff;border-left:3px solid #3b82f6}.sidebar-nav-item.active .sidebar-nav-icon{color:#60a5fa}.sidebar-nav-icon{min-width:40px;color:#fff!important;transition:all .3s ease}.sidebar-nav-icon svg{color:#fff!important;fill:#fff!important}.sidebar-nav-item:hover .sidebar-nav-icon{transform:scale(1.1)}.sidebar-nav-text span{font-size:14px;font-weight:500;color:inherit}.sidebar-active-indicator{position:absolute;right:16px;width:8px;height:8px;background:#3b82f6;border-radius:50%;box-shadow:0 0 10px #3b82f680}.sidebar-footer-fixed{position:sticky;bottom:0;padding:16px 12px;background:linear-gradient(180deg,transparent 0%,#0f172a 20%);border-top:1px solid rgba(255,255,255,.1)}.sidebar-logout-btn{padding:14px 16px;border-radius:12px;background:linear-gradient(135deg,#ef4444,#dc2626)!important;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 15px #ef44444d}.sidebar-logout-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.sidebar-logout-icon{min-width:40px;color:#fff!important}.sidebar-logout-icon svg{color:#fff!important;fill:#fff!important}.sidebar-logout-text span{font-size:14px;font-weight:600;color:#fff!important}.mobile-menu-btn{position:fixed;top:20px;left:20px;z-index:1200;background:linear-gradient(135deg,#1e3a5f,#0f172a);color:#fff;box-shadow:0 4px 15px #0003}.mobile-menu-btn:hover{background:linear-gradient(135deg,#0f172a,#1e3a5f)}.sidebar-drawer .MuiDrawer-paper{background:linear-gradient(180deg,#1e3a5f,#0f172a)!important;border:none;box-shadow:4px 0 25px #00000026}@media(max-width:768px){.sidebar-header-fixed{padding:20px 16px}.sidebar-nav-item{padding:10px 14px}.sidebar-title{font-size:16px}}.super-admin-layout{display:flex;min-height:100vh;width:100%;background:#f5f7fa;overflow-x:hidden}.super-admin-main-content{flex:1;overflow-y:auto!important;overflow-x:hidden;padding:30px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);-webkit-overflow-scrolling:touch}.super-admin-main-content::-webkit-scrollbar{width:8px}.super-admin-main-content::-webkit-scrollbar-track{background:#0000000d}.super-admin-main-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:4px}.super-admin-main-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#764ba2,#667eea)}@media(max-width:768px){.super-admin-layout{flex-direction:column;min-height:100vh;overflow-x:hidden;overflow-y:auto}.super-admin-main-content{padding:80px 20px 100px;min-height:calc(100vh - 80px);overflow-y:auto;-webkit-overflow-scrolling:touch}}:root{--sa-primary: #2563eb;--sa-primary-dark: #1d4ed8;--sa-primary-light: #3b82f6;--sa-secondary: #1e40af;--sa-bg-light: #f8fafc;--sa-bg-white: #ffffff;--sa-text-primary: #1e293b;--sa-text-secondary: #64748b;--sa-text-muted: #94a3b8;--sa-border: #e2e8f0;--sa-border-light: #f1f5f9;--sa-success: #10b981;--sa-success-bg: #ecfdf5;--sa-warning: #f59e0b;--sa-warning-bg: #fffbeb;--sa-danger: #ef4444;--sa-danger-bg: #fef2f2;--sa-info: #3b82f6;--sa-info-bg: #eff6ff;--sa-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--sa-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--sa-shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .1);--sa-radius-sm: 6px;--sa-radius: 10px;--sa-radius-lg: 14px}.sa-page{min-height:100vh;background:var(--sa-bg-light);padding:24px}.sa-page-header{margin-bottom:24px}.sa-page-title{font-size:24px;font-weight:700;color:var(--sa-text-primary);margin:0 0 4px;display:flex;align-items:center;gap:10px}.sa-page-subtitle{font-size:14px;color:var(--sa-text-secondary);margin:0}.sa-card{background:var(--sa-bg-white);border-radius:var(--sa-radius-lg);border:1px solid var(--sa-border);box-shadow:var(--sa-shadow-sm);overflow:hidden}.sa-card-header{padding:16px 20px;border-bottom:1px solid var(--sa-border-light);display:flex;align-items:center;justify-content:space-between}.sa-card-title{font-size:16px;font-weight:600;color:var(--sa-text-primary);margin:0;display:flex;align-items:center;gap:8px}.sa-card-body{padding:20px}.sa-card-footer{padding:16px 20px;border-top:1px solid var(--sa-border-light);background:var(--sa-bg-light)}.sa-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px}.sa-stat-card{background:var(--sa-bg-white);border-radius:var(--sa-radius-lg);padding:20px;display:flex;align-items:flex-start;gap:16px;border:1px solid var(--sa-border);transition:transform .2s ease,box-shadow .2s ease}.sa-stat-card:hover{transform:translateY(-2px);box-shadow:var(--sa-shadow-lg)}.sa-compact-stat-card{flex:1;min-width:160px;display:flex;align-items:center;gap:12px;background:#fff;padding:14px 18px;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb;transition:all .2s ease}.sa-compact-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sa-compact-icon.red{background:#fef2f2;color:#ef4444}.sa-compact-value{font-size:22px;font-weight:700;color:#1f2937;line-height:1.2}.sa-compact-label{font-size:11px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.sa-stat-icon{width:48px;height:48px;border-radius:var(--sa-radius);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.sa-stat-icon.blue{background:var(--sa-info-bg);color:var(--sa-primary)}.sa-stat-icon.green{background:var(--sa-success-bg);color:var(--sa-success)}.sa-stat-icon.orange{background:var(--sa-warning-bg);color:var(--sa-warning)}.sa-stat-icon.red{background:var(--sa-danger-bg);color:var(--sa-danger)}.sa-stat-icon.purple{background:#f3e8ff;color:#9333ea}.sa-stat-content{flex:1}.sa-stat-value{font-size:28px;font-weight:700;color:var(--sa-text-primary);line-height:1.2}.sa-stat-label{font-size:13px;color:var(--sa-text-secondary);margin-top:2px}.sa-stat-change{font-size:12px;margin-top:6px;display:flex;align-items:center;gap:4px}.sa-stat-change.positive{color:var(--sa-success)}.sa-stat-change.negative{color:var(--sa-danger)}.sa-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;border-radius:var(--sa-radius);border:none;cursor:pointer;transition:all .2s ease}.sa-btn-primary{background:var(--sa-primary);color:#fff}.sa-btn-primary:hover{background:var(--sa-primary-dark)}.sa-btn-secondary{background:var(--sa-bg-light);color:var(--sa-text-primary);border:1px solid var(--sa-border)}.sa-btn-secondary:hover{background:var(--sa-border-light)}.sa-btn-danger{background:var(--sa-danger);color:#fff}.sa-btn-danger:hover{background:#dc2626}.sa-btn-sm{padding:6px 12px;font-size:13px}.sa-btn-icon{width:34px;height:34px;padding:0;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:1px solid #e5e7eb;cursor:pointer;transition:all .3s ease}.sa-btn-icon:hover{background:#e5e7eb}.sa-btn-icon svg{width:16px;height:16px;fill:#4b5563}.sa-btn-icon.sa-btn-danger{background:#fef2f2;border-color:#fecaca}.sa-btn-icon.sa-btn-danger svg{fill:#dc2626}.sa-btn-icon.sa-btn-danger:hover{background:#dc2626;border-color:#dc2626}.sa-btn-icon.sa-btn-danger:hover svg{fill:#fff}.sa-label{display:block;font-size:13px;font-weight:600;color:var(--sa-text-primary);margin-bottom:6px}.sa-input{width:100%;padding:10px 14px;font-size:14px;border:2px solid var(--sa-border);border-radius:var(--sa-radius);background:var(--sa-bg-white);color:var(--sa-text-primary);transition:border-color .2s ease,box-shadow .2s ease}.sa-input:focus{outline:none;border-color:var(--sa-primary);box-shadow:0 0 0 3px #2563eb1a}.sa-input::placeholder{color:var(--sa-text-muted)}.sa-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.sa-textarea{min-height:100px;resize:vertical}.sa-table-container{overflow-x:auto;border-radius:var(--sa-radius-lg);border:1px solid var(--sa-border)}.sa-table{width:100%;border-collapse:collapse;font-size:14px}.sa-table thead{background:linear-gradient(135deg,var(--sa-primary) 0%,var(--sa-secondary) 100%)}.sa-table th{padding:14px 16px;text-align:left;font-weight:600;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.sa-table tbody tr{border-bottom:1px solid var(--sa-border-light);transition:background .2s ease}.sa-table tbody tr:hover{background:var(--sa-info-bg)}.sa-table td{padding:14px 16px;color:var(--sa-text-secondary)}.sa-table td:first-child{font-weight:500;color:var(--sa-text-primary)}.sa-badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;border-radius:20px}.sa-badge-success{background:var(--sa-success-bg);color:var(--sa-success)}.sa-badge-warning{background:var(--sa-warning-bg);color:var(--sa-warning)}.sa-badge-danger{background:var(--sa-danger-bg);color:var(--sa-danger)}.sa-badge-info{background:var(--sa-info-bg);color:var(--sa-primary)}.sa-empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.sa-empty-title{font-size:18px;font-weight:600;color:var(--sa-text-primary);margin:0 0 8px}.sa-empty-text{font-size:14px;color:var(--sa-text-muted);margin:0 0 20px}.sa-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.sa-spinner{width:40px;height:40px;border:3px solid var(--sa-border);border-top-color:var(--sa-primary);border-radius:50%;animation:sa-spin .8s linear infinite}@keyframes sa-spin{to{transform:rotate(360deg)}}.sa-loading-text{margin-top:12px;font-size:14px;color:var(--sa-text-secondary)}.sa-search-bar{position:relative;max-width:320px}.sa-search-bar input{padding-left:40px}.sa-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--sa-text-muted);pointer-events:none}.sa-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.sa-toolbar-left,.sa-toolbar-right{display:flex;align-items:center;gap:12px}.sa-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.sa-modal{background:var(--sa-bg-white);border-radius:var(--sa-radius-lg);width:100%;max-width:500px;max-height:90vh;overflow:auto;box-shadow:var(--sa-shadow-lg)}.sa-modal-header{padding:20px;border-bottom:1px solid var(--sa-border-light);display:flex;align-items:center;justify-content:space-between}.sa-modal-title{font-size:18px;font-weight:600;color:var(--sa-text-primary);margin:0}.sa-modal-close{background:none;border:none;font-size:24px;color:var(--sa-text-muted);cursor:pointer;padding:0;line-height:1}.sa-modal-close:hover{color:var(--sa-text-primary)}.sa-modal-body{padding:20px}.sa-modal-footer{padding:16px 20px;border-top:1px solid var(--sa-border-light);display:flex;justify-content:flex-end;gap:12px}.sa-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.sa-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:1024px){.sa-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sa-page{padding:16px}.sa-stats-grid{grid-template-columns:repeat(2,1fr)}.sa-grid-2,.sa-grid-3{grid-template-columns:1fr}.sa-toolbar{flex-direction:column;align-items:stretch}.sa-search-bar{max-width:100%}}@media(max-width:480px){.sa-stats-grid{grid-template-columns:1fr}.sa-page-title{font-size:20px}}.sa-actions{display:flex;gap:8px}.sa-action-view{background:var(--sa-success-bg);color:var(--sa-success)}.sa-action-view:hover{background:var(--sa-success);color:#fff}.sa-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.sa-quick-action{display:flex;flex-direction:column;align-items:center;padding:20px 16px;background:var(--sa-bg-light);border-radius:var(--sa-radius);border:1px solid var(--sa-border);cursor:pointer;transition:all .2s ease;text-decoration:none}.sa-quick-action:hover{background:var(--sa-info-bg);border-color:var(--sa-primary);transform:translateY(-2px)}.sa-quick-action-icon{font-size:28px;margin-bottom:8px}.sa-quick-action-label{font-size:13px;font-weight:500;color:var(--sa-text-primary);text-align:center}.sa-activity-list{display:flex;flex-direction:column}.sa-activity-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--sa-border-light)}.sa-activity-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.sa-activity-content{flex:1}.sa-activity-text{font-size:14px;color:var(--sa-text-primary);margin:0 0 4px}.sa-activity-text strong{font-weight:600}.sa-info-list{display:flex;flex-direction:column;gap:12px}.sa-info-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--sa-border-light)}.sa-info-item:last-child{border-bottom:none}.sa-info-label{font-size:14px;color:var(--sa-text-secondary)}.sa-info-value{font-size:14px;font-weight:600;color:var(--sa-text-primary)}.sa-tabs{display:flex;gap:4px;background:var(--sa-bg-white);border-radius:var(--sa-radius);padding:6px;margin-bottom:20px;border:1px solid var(--sa-border);overflow-x:auto}.sa-tab{padding:10px 18px;font-size:14px;font-weight:500;color:var(--sa-text-secondary);background:transparent;border:none;border-radius:var(--sa-radius-sm);cursor:pointer;white-space:nowrap;transition:all .2s ease}.sa-tab:hover{background:var(--sa-bg-light);color:var(--sa-text-primary)}.sa-tab.active{background:var(--sa-primary);color:#fff}.sa-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;padding:20px}.sa-settings-section{padding:20px;background:var(--sa-bg-light);border-radius:var(--sa-radius)}.sa-settings-title{font-size:16px;font-weight:600;color:var(--sa-text-primary);margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--sa-border)}.sa-form-group{margin-bottom:16px}.sa-label{display:block;font-size:13px;font-weight:500;color:var(--sa-text-secondary);margin-bottom:6px}.sa-input,.sa-select,.sa-textarea{width:100%;padding:10px 12px;font-size:14px;border:1px solid var(--sa-border);border-radius:var(--sa-radius-sm);background:#fff;color:var(--sa-text-primary);transition:border-color .2s,box-shadow .2s}.sa-input:focus,.sa-select:focus,.sa-textarea:focus{outline:none;border-color:var(--sa-primary);box-shadow:0 0 0 3px #2563eb1a}.sa-textarea{resize:vertical;min-height:100px}.sa-help-text{display:block;font-size:12px;color:var(--sa-text-muted);margin-top:4px}.sa-toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer}.sa-toggle{position:relative;width:44px;height:24px;appearance:none;background:var(--sa-border);border-radius:24px;cursor:pointer;transition:background .2s}.sa-toggle:checked{background:var(--sa-primary)}.sa-toggle:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s}.sa-toggle:checked:before{transform:translate(20px)}.sa-toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.sa-toggle-switch input{opacity:0;width:0;height:0}.sa-toggle-switch .sa-toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--sa-border);border-radius:24px;transition:.3s}.sa-toggle-switch .sa-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.sa-toggle-switch input:checked+.sa-toggle-slider{background:var(--sa-primary)}.sa-toggle-switch input:checked+.sa-toggle-slider:before{transform:translate(20px)}.sa-info-box{display:flex;align-items:center;gap:12px;padding:12px;background:var(--sa-bg-white);border-radius:var(--sa-radius-sm);border:1px solid var(--sa-border)}.sa-info-highlight{flex-direction:column;align-items:flex-start;gap:8px;background:var(--sa-info-bg);border-color:var(--sa-info)}.sa-info-item{display:flex;justify-content:space-between;width:100%}.sa-btn-group{display:flex;gap:10px;margin-top:16px}.sa-header-actions{display:flex;gap:12px;align-items:center}.sa-page-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}.sa-chart-container{padding:20px;min-height:200px}.sa-bar-chart{display:flex;align-items:flex-end;justify-content:space-around;height:180px;padding-top:20px}.sa-bar-item{display:flex;flex-direction:column;align-items:center;flex:1}.sa-bar{width:50px;background:linear-gradient(180deg,var(--sa-primary),var(--sa-primary-dark));border-radius:6px 6px 0 0;display:flex;align-items:flex-start;justify-content:center;min-height:20px;transition:all .3s ease}.sa-bar:hover{background:linear-gradient(180deg,var(--sa-primary-light),var(--sa-primary))}.sa-bar-value{color:#fff;font-size:12px;font-weight:600;padding-top:6px}.sa-bar-label{font-size:12px;color:var(--sa-text-secondary);margin-top:8px}.sa-distribution-list{padding:20px}.sa-distribution-item{display:grid;grid-template-columns:1fr 150px 50px;align-items:center;gap:16px;margin-bottom:16px}.sa-distribution-info{display:flex;flex-direction:column;gap:2px}.sa-distribution-name{font-size:14px;font-weight:500;color:var(--sa-text-primary)}.sa-distribution-count{font-size:12px;color:var(--sa-text-muted)}.sa-progress-bar{height:8px;background:var(--sa-border-light);border-radius:4px;overflow:hidden}.sa-progress-fill{height:100%;background:linear-gradient(90deg,var(--sa-primary),var(--sa-primary-light));border-radius:4px;transition:width .5s ease}.sa-distribution-percentage{font-size:14px;font-weight:600;color:var(--sa-text-primary);text-align:right}.sa-rank{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:16px}.sa-revenue{font-weight:600;color:var(--sa-success)}.sa-revenue-breakdown{padding:20px}.sa-revenue-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--sa-bg-light);border-radius:var(--sa-radius-sm);margin-bottom:12px}.sa-revenue-label{font-size:14px;color:var(--sa-text-secondary)}.sa-revenue-amount{font-size:18px;font-weight:600;color:var(--sa-success)}.sa-revenue-percent{font-size:14px;font-weight:500;color:var(--sa-text-muted)}.sa-usage-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px}.sa-usage-item{text-align:center;padding:16px;background:var(--sa-bg-light);border-radius:var(--sa-radius-sm)}.sa-usage-label{font-size:12px;color:var(--sa-text-muted);display:block;margin-bottom:4px}.sa-usage-value{font-size:24px;font-weight:700;color:var(--sa-primary)}.sa-feature-list{padding:20px}.sa-feature-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--sa-border-light)}.sa-feature-item:last-child{border-bottom:none}.sa-feature-usage{font-weight:600;color:var(--sa-primary)}.sa-profile-container{display:grid;gap:24px}.sa-profile-card{display:flex;align-items:center;gap:24px;padding:24px}.sa-profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:12px}.sa-profile-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--sa-primary),var(--sa-secondary));display:flex;align-items:center;justify-content:center;overflow:hidden}.sa-profile-avatar img{width:100%;height:100%;object-fit:cover}.sa-avatar-placeholder{font-size:32px;font-weight:700;color:#fff}.sa-profile-info h2{font-size:24px;font-weight:700;color:var(--sa-text-primary);margin:0 0 8px}.sa-profile-role{margin:0 0 4px}.sa-profile-email{font-size:14px;color:var(--sa-text-secondary);margin:0}.sa-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:20px}.sa-full-width{grid-column:1 / -1}.sa-form-single-column{max-width:400px;padding:20px}.sa-card-footer{padding:16px 20px;border-top:1px solid var(--sa-border-light);display:flex;gap:12px}.sa-activity-item{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;border-bottom:1px solid var(--sa-border-light)}.sa-activity-item:last-child{border-bottom:none}.sa-activity-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;flex-shrink:0}.sa-activity-success{background:var(--sa-success-bg);color:var(--sa-success)}.sa-activity-warning{background:var(--sa-warning-bg);color:var(--sa-warning)}.sa-activity-info{background:var(--sa-info-bg);color:var(--sa-info)}.sa-activity-details{flex:1;display:flex;flex-direction:column;gap:2px}.sa-activity-title{font-size:14px;font-weight:500;color:var(--sa-text-primary)}.sa-activity-meta{font-size:12px;color:var(--sa-text-secondary)}.sa-activity-time{font-size:12px;color:var(--sa-text-muted)}.sa-notification-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:var(--sa-danger);color:#fff;font-size:12px;font-weight:600;border-radius:12px;margin-left:8px}.sa-notifications-list{display:flex;flex-direction:column}.sa-notification-item{display:flex;gap:16px;padding:16px 20px;border-bottom:1px solid var(--sa-border-light);transition:background .2s}.sa-notification-item:hover{background:var(--sa-bg-light)}.sa-notification-unread{background:var(--sa-info-bg)}.sa-notification-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.sa-notification-content{flex:1}.sa-notification-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.sa-notification-title{font-size:14px;font-weight:600;color:var(--sa-text-primary);margin:0}.sa-unread-dot{width:8px;height:8px;background:var(--sa-primary);border-radius:50%}.sa-notification-message{font-size:13px;color:var(--sa-text-secondary);margin:0 0 6px;line-height:1.5}.sa-notification-time{font-size:12px;color:var(--sa-text-muted)}.sa-notification-actions{display:flex;gap:8px;align-items:flex-start}.sa-notification-btn-icon{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--sa-border);border-radius:var(--sa-radius-sm);cursor:pointer;transition:all .2s}.sa-notification-btn-icon:hover{background:var(--sa-bg-light)}.sa-notification-btn-icon.sa-btn-danger:hover{background:var(--sa-danger-bg);border-color:var(--sa-danger)}.sa-notification-settings{padding:20px}.sa-setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--sa-border-light)}.sa-setting-item:last-child{border-bottom:none}.sa-setting-info{display:flex;flex-direction:column;gap:2px}.sa-setting-label{font-size:14px;font-weight:500;color:var(--sa-text-primary)}.sa-setting-desc{font-size:12px;color:var(--sa-text-muted)}.sa-empty-state{text-align:center;padding:60px 20px}.sa-empty-icon{font-size:48px;margin-bottom:16px;display:block}.sa-empty-state h3{font-size:18px;color:var(--sa-text-primary);margin:0 0 8px}.sa-empty-state p{font-size:14px;color:var(--sa-text-muted);margin:0}.sa-card-clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.sa-card-clickable:hover{transform:translateY(-2px);box-shadow:var(--sa-shadow-lg)}.sa-faq-list{padding:0}.sa-faq-item{border-bottom:1px solid var(--sa-border-light)}.sa-faq-item:last-child{border-bottom:none}.sa-faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:none;border:none;font-size:14px;font-weight:500;color:var(--sa-text-primary);cursor:pointer;text-align:left;transition:background .2s}.sa-faq-question:hover{background:var(--sa-bg-light)}.sa-faq-toggle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--sa-primary)}.sa-faq-answer{padding:0 20px 16px;font-size:14px;color:var(--sa-text-secondary);line-height:1.6}.sa-guides-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.sa-guide-card{padding:24px;text-align:center;transition:transform .2s,box-shadow .2s}.sa-guide-card:hover{transform:translateY(-4px);box-shadow:var(--sa-shadow-lg)}.sa-guide-icon{font-size:36px;margin-bottom:12px}.sa-guide-title{font-size:16px;font-weight:600;color:var(--sa-text-primary);margin:0 0 8px}.sa-guide-desc{font-size:13px;color:var(--sa-text-secondary);margin:0 0 16px}.sa-btn-link{background:none;border:none;color:var(--sa-primary);font-size:14px;font-weight:500;cursor:pointer;padding:0}.sa-btn-link:hover{text-decoration:underline}.sa-file-upload{border:2px dashed var(--sa-border);border-radius:var(--sa-radius);padding:24px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.sa-file-upload:hover{border-color:var(--sa-primary);background:var(--sa-bg-light)}.sa-file-upload input{display:none}.sa-file-upload span{color:var(--sa-text-secondary);font-size:14px}.sa-system-info{padding:20px}.sa-info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--sa-border-light)}.sa-info-row:last-child{border-bottom:none}.sa-alert{padding:12px 16px;border-radius:var(--sa-radius-sm);margin-bottom:20px;font-size:14px}.sa-alert-success{background:var(--sa-success-bg);color:var(--sa-success);border:1px solid var(--sa-success)}.sa-alert-error{background:var(--sa-danger-bg);color:var(--sa-danger);border:1px solid var(--sa-danger)}.sa-alert-warning{background:var(--sa-warning-bg);color:var(--sa-warning);border:1px solid var(--sa-warning)}@media(max-width:768px){.sa-page{padding:16px}.sa-page-header{flex-direction:column;gap:12px}.sa-header-actions{width:100%;flex-direction:column}.sa-tabs{flex-wrap:nowrap;padding:4px}.sa-tab{padding:8px 12px;font-size:13px}.sa-settings-grid{grid-template-columns:1fr;padding:16px}.sa-form-grid{grid-template-columns:1fr}.sa-profile-card{flex-direction:column;text-align:center}.sa-grid-3,.sa-usage-stats{grid-template-columns:1fr}.sa-distribution-item{grid-template-columns:1fr;gap:8px}.sa-notification-item{flex-direction:column}.sa-notification-actions{margin-top:12px}}.sa-input-disabled{background-color:#f3f4f6!important;color:#6b7280!important;cursor:not-allowed}.sa-label-hint{font-size:12px;color:#9ca3af;font-weight:400;margin-left:4px}.sa-loading{display:flex;justify-content:center;align-items:center;min-height:300px;font-size:16px;color:#6b7280}.sa-alert-warning{background:#fef3cd;color:#856404;border:1px solid #ffc107;display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:8px}.sa-alert-warning .sa-icon{flex-shrink:0;margin-top:2px}.sa-profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.sa-dashboard .sa-page-header{margin-bottom:20px}.sa-dashboard .wave-icon{display:inline-block;animation:wave 1.5s ease-in-out infinite;transform-origin:70% 70%}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}50%{transform:rotate(0)}75%{transform:rotate(20deg)}}.sa-compact-stats{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.sa-compact-stat-card{flex:1;min-width:180px;display:flex;align-items:center;gap:12px;background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb;transition:all .2s ease}.sa-compact-stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.sa-compact-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sa-compact-icon.blue{background:#eff6ff;color:#2563eb}.sa-compact-icon.green{background:#ecfdf5;color:#10b981}.sa-compact-icon.purple{background:#f3e8ff;color:#9333ea}.sa-compact-icon.orange{background:#fff7ed;color:#f59e0b}.sa-compact-content{display:flex;flex-direction:column}.sa-compact-value{font-size:24px;font-weight:700;color:#1f2937;line-height:1.2}.sa-compact-label{font-size:12px;color:#6b7280;font-weight:500}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.dashboard-grid .companies-card{grid-column:span 2}.dashboard-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sa-todo-input-wrapper{display:flex;gap:10px;margin-bottom:16px}.sa-todo-input{flex:1}.sa-todo-list{display:flex;flex-direction:column;gap:10px;max-height:250px;overflow-y:auto}.sa-todo-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:8px;transition:all .2s ease}.sa-todo-item:hover{background:#f3f4f6}.sa-todo-item.completed .sa-todo-text{text-decoration:line-through;color:#9ca3af}.sa-todo-checkbox{position:relative;cursor:pointer}.sa-todo-checkbox input{position:absolute;opacity:0;cursor:pointer}.sa-checkmark{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sa-todo-checkbox input:checked+.sa-checkmark{background:#2563eb;border-color:#2563eb}.sa-todo-checkbox input:checked+.sa-checkmark:after{content:"✓";color:#fff;font-size:12px}.sa-todo-text{flex:1;font-size:14px;color:#374151}.sa-todo-priority{font-size:10px;padding:3px 8px;border-radius:10px;font-weight:600;text-transform:uppercase}.sa-todo-priority.high{background:#fee2e2;color:#dc2626}.sa-todo-priority.medium{background:#fef3c7;color:#d97706}.sa-todo-priority.low{background:#dbeafe;color:#2563eb}.sa-todo-delete{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.sa-todo-delete:hover{background:#fee2e2;color:#dc2626}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr}.dashboard-grid .companies-card{grid-column:span 1}}.sa-dashboard .sa-stat-card{position:relative;overflow:hidden}.sa-dashboard .sa-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--sa-primary) 0%,var(--sa-primary-light) 100%);opacity:0;transition:opacity .2s ease}.sa-dashboard .sa-stat-card:hover:before{opacity:1}.sa-dashboard .sa-quick-action{position:relative;overflow:hidden}.sa-dashboard .sa-quick-action:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(37,99,235,.05) 100%);opacity:0;transition:opacity .2s ease}.sa-dashboard .sa-quick-action:hover:after{opacity:1}.sa-dashboard .sa-table-container{border:none}.sa-dashboard .sa-table{font-size:13px}.sa-dashboard .sa-table th,.sa-dashboard .sa-table td{padding:12px 14px}.form-content{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.85rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.form-input{padding:.75rem;border:1px solid var(--border-color);border-radius:.75rem;font-size:.9rem;box-sizing:border-box;transition:all .3s ease;color:var(--text-primary)}.form-input:focus{outline:none;border-color:var(--primary-color);background-color:#f9f9f9;box-shadow:0 0 0 3px #1976d21a}.form-input::placeholder{color:var(--text-tertiary)}.primary-button{padding:.75rem 1.5rem;background:linear-gradient(45deg,var(--primary-color) 30%,var(--primary-dark) 90%);color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.primary-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1976d24d}.primary-button:active{transform:translateY(0)}.table-wrapper{width:100%;overflow-x:auto;border-radius:.75rem;box-shadow:0 3px 12px #0000001a;background-color:#fff}.clients-table{width:100%;border-collapse:collapse;min-width:500px}.table-header{background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff}.table-header-cell{font-weight:700;padding:1rem;text-align:left;font-size:.9rem;border-bottom:2px solid rgba(255,255,255,.2)}.table-body-row:nth-child(2n){background-color:#f9f9f9}.table-body-row:hover{background-color:#f0f0f0}.table-body-cell{padding:1rem;font-size:.9rem;color:var(--text-secondary)}.company-name{font-weight:600;color:var(--primary-color)}.admin-name{font-weight:500;color:var(--text-primary)}.email-link{color:var(--primary-color);text-decoration:none;transition:color .2s ease}.email-link:hover{text-decoration:underline;color:var(--primary-dark)}.status-indicator{display:inline-block;width:.75rem;height:.75rem;border-radius:50%;margin-right:.5rem;background-color:var(--success-color)}.status-inactive{background-color:var(--warning-color)}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-tertiary);background-color:#fff;border-radius:.75rem}.empty-state-text{font-size:1rem;margin:0}.stats-section{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.stat-card{background:linear-gradient(135deg,#5b6dd6,#8b7fd9);color:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 4px 12px #00000014;transition:transform .3s ease}.stat-card:hover{transform:translateY(-2px)}.stat-label{font-size:.8rem;opacity:.9;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:2rem;font-weight:700;margin:0}.loading-state{display:flex;justify-content:center;align-items:center;padding:3rem;min-height:300px;background-color:#fff;border-radius:.75rem}.admin-header{background:linear-gradient(45deg,var(--primary-color) 30%,#42a5f5 90%);color:#fff;padding:1.5rem;border-radius:.75rem;margin-bottom:1.5rem;box-shadow:0 4px 15px #1976d233}.admin-header h1{font-size:1.5rem;margin:0;font-weight:700}.divider{border-top:1px solid var(--border-light);margin:1.5rem 0}@media(min-width:768px){.superadmin-container{padding:1.5rem}.page-title{font-size:2rem;margin-bottom:2rem}.admin-header{padding:2rem;margin-bottom:2rem}.admin-header h1{font-size:1.8rem}.card,.form-card{padding:2rem;margin-bottom:2rem}.card-title{font-size:1.3rem;margin-bottom:1.5rem;padding-bottom:1rem}.form-content{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-content .primary-button{grid-column:1 / -1;width:100%}.form-input{padding:.875rem;font-size:.95rem}.table-header-cell,.table-body-cell{padding:1.25rem;font-size:.95rem}.stats-section{grid-template-columns:repeat(2,1fr);gap:1.5rem}.stat-card{padding:2rem}.stat-value{font-size:2.25rem}.admin-header{border-radius:.75rem}}@media(min-width:1024px){.superadmin-container{max-width:1400px;padding:2rem;margin:0 auto}.page-title{font-size:2.25rem;margin-bottom:2.5rem}.admin-header{padding:2.5rem;margin-bottom:2.5rem}.admin-header h1{font-size:2rem}.card,.form-card{padding:2.5rem}.card-title{font-size:1.5rem}.form-content{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.form-content .primary-button{grid-column:1 / -1}.form-input{padding:.875rem 1rem;font-size:1rem}.form-label{font-size:.9rem}.primary-button{padding:.875rem 2rem;font-size:1.05rem}.table-wrapper{margin-bottom:2.5rem}.table-header-cell,.table-body-cell{padding:1.5rem;font-size:1rem}.stats-section{grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2.5rem}.stat-card{padding:2.5rem}.stat-value{font-size:2.5rem}.empty-state{padding:4rem 1rem}.empty-state-text{font-size:1.1rem}}@media(min-width:1440px){.superadmin-container{max-width:1800px;padding:2.5rem}.page-title{font-size:2.5rem}.admin-header h1{font-size:2.25rem}.card,.form-card{padding:3rem}.card-title{font-size:1.65rem}.form-content{gap:2.5rem}.table-header-cell,.table-body-cell{padding:1.75rem;font-size:1.05rem}.stats-section{grid-template-columns:repeat(4,1fr);gap:2.5rem}.stat-value{font-size:2.75rem}.divider{margin:2rem 0}}@media print{.superadmin-container{background-color:#fff}.form-card,.stats-section{display:none}.table-wrapper{box-shadow:none;border:1px solid #000}.table-header{background-color:#f0f0f0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.table-body-row:nth-child(2n){background-color:#f9f9f9;-webkit-print-color-adjust:exact;print-color-adjust:exact}.admin-header{-webkit-print-color-adjust:exact;print-color-adjust:exact;page-break-after:avoid}}.sa-page .sa-toolbar .sa-search-bar{min-width:300px}.sa-page .sa-toolbar .sa-search-bar input{padding-left:40px}.sa-table td:first-child strong{color:var(--sa-text-primary)}.sa-action-btns{display:flex;flex-direction:row;gap:8px;justify-content:center;align-items:center}.sa-actions{display:flex;gap:10px;justify-content:center}.sa-action-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;background:transparent}.sa-action-btn svg{width:18px;height:18px;transition:all .3s ease}.sa-action-edit{background:#eff6ff;border:1px solid #bfdbfe}.sa-action-edit svg{fill:#2563eb}.sa-action-edit:hover{background:#2563eb;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.sa-action-edit:hover svg{fill:#fff}.sa-action-delete{background:#fef2f2;border:1px solid #fecaca}.sa-action-delete svg{fill:#dc2626}.sa-action-delete:hover{background:#dc2626;border-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.sa-action-delete:hover svg{fill:#fff}.toast-overlay{position:fixed;top:20px;right:20px;z-index:9999;animation:slideInRight .4s cubic-bezier(.68,-.55,.265,1.55)}.toast-notification{display:flex;align-items:center;gap:12px;background:#fff;border-radius:10px;padding:12px 16px;min-width:280px;max-width:340px;box-shadow:0 10px 40px #0000001f,0 4px 12px #00000014;position:relative;overflow:hidden}.toast-success{border-left:4px solid #10b981;background:linear-gradient(135deg,#fff,#f0fdf4)}.toast-error{border-left:4px solid #ef4444;background:linear-gradient(135deg,#fff,#fef2f2)}.toast-warning{border-left:4px solid #f59e0b;background:linear-gradient(135deg,#fff,#fffbeb)}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;animation:popIn .4s ease}.toast-success .toast-icon{background:#dcfce7}.toast-error .toast-icon{background:#fee2e2}.toast-warning .toast-icon{background:#fef3c7}.toast-icon svg{width:20px;height:20px}.toast-content{flex:1;min-width:0}.toast-title{margin:0;font-size:13px;font-weight:600;color:#1f2937;line-height:1.3}.toast-message{margin:2px 0 0;font-size:12px;color:#6b7280;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast-close{position:absolute;top:8px;right:8px;background:none;border:none;cursor:pointer;color:#9ca3af;padding:2px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.toast-close svg{width:14px;height:14px}.toast-close:hover{background:#0000000d;color:#374151}.toast-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#0000000d}.toast-progress-bar{height:100%;animation:progressShrink 3s linear forwards}.toast-success .toast-progress-bar{background:#10b981}.toast-error .toast-progress-bar{background:#ef4444}.toast-warning .toast-progress-bar{background:#f59e0b}.delete-confirm-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.delete-confirm-modal{background:#fff;border-radius:20px;padding:32px;max-width:420px;width:90%;text-align:center;box-shadow:0 25px 80px #00000040;animation:scaleIn .3s ease}.delete-confirm-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:shake .5s ease}.delete-confirm-icon svg{width:48px;height:48px;fill:#f59e0b}.delete-confirm-title{margin:0 0 8px;font-size:24px;font-weight:700;color:#1f2937}.delete-confirm-company{margin:0 0 20px;font-size:18px;font-weight:600;color:#2563eb}.delete-confirm-warning{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fca5a5;border-radius:12px;padding:16px;margin-bottom:24px;display:flex;align-items:flex-start;gap:12px;text-align:left}.delete-confirm-warning svg{flex-shrink:0;fill:#dc2626;margin-top:2px}.delete-confirm-warning span{font-size:13px;color:#991b1b;line-height:1.6;font-weight:500}.delete-confirm-actions{display:flex;gap:12px;justify-content:center}.delete-confirm-cancel{padding:12px 28px;border:2px solid #e5e7eb;background:#fff;border-radius:10px;font-size:15px;font-weight:600;color:#374151;cursor:pointer;transition:all .3s ease}.delete-confirm-cancel:hover{background:#f3f4f6;border-color:#d1d5db}.delete-confirm-delete{padding:12px 28px;border:none;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #dc26264d}.delete-confirm-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 20px #dc262666}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{transform:scale(0);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes progressShrink{0%{width:100%}to{width:0%}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media(max-width:768px){.sa-page .sa-toolbar .sa-search-bar{min-width:100%}.toast-notification{min-width:300px;max-width:90vw}.delete-confirm-modal{padding:24px}}.admin-sidebar-container{display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,#1b5e20,#0d3311)}.admin-sidebar-header-fixed{position:sticky;top:0;z-index:10;padding:24px 20px;background:linear-gradient(180deg,#1b5e20 0% 100%);border-bottom:1px solid rgba(255,255,255,.1)}.admin-sidebar-brand{display:flex;flex-direction:column;gap:8px}.admin-sidebar-company-name{margin:0;font-size:20px;font-weight:700;color:#fff;letter-spacing:.5px}.admin-sidebar-dashboard-text{margin:0;font-size:14px;color:#fff;font-weight:500;opacity:.9}.admin-sidebar-admin-info{display:flex;align-items:center;gap:10px;margin-top:8px;padding:8px 12px;background:#ffffff1a;border-radius:8px}.admin-sidebar-admin-name{color:#fff;font-size:14px;font-weight:500}.admin-sidebar-avatar{transition:transform .3s ease}.admin-sidebar-avatar:hover{transform:scale(1.05)}.admin-sidebar-brand-text{display:flex;flex-direction:column}.admin-sidebar-title{margin:0;font-size:18px;font-weight:700;color:#fff;letter-spacing:.5px}.admin-sidebar-subtitle{margin:2px 0 0;font-size:12px;color:#ffffffe6;font-weight:500}.admin-sidebar-menu-scroll{flex:1;overflow-y:auto;padding:16px 12px}.admin-sidebar-menu-scroll::-webkit-scrollbar{width:4px}.admin-sidebar-menu-scroll::-webkit-scrollbar-track{background:transparent}.admin-sidebar-menu-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.admin-sidebar-section{margin-bottom:24px}.admin-sidebar-section-label{margin:0 0 12px 12px;font-size:11px;font-weight:700;color:#ffffff80;letter-spacing:1.5px;text-transform:uppercase}.admin-sidebar-nav{padding:0!important}.admin-sidebar-nav-item{margin:4px 0!important;padding:12px 16px!important;border-radius:12px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;color:#fffc!important;position:relative!important;cursor:pointer!important}.admin-sidebar-nav-item:hover{background:#ffffff1a!important;color:#fff!important;padding-left:20px!important}.admin-sidebar-nav-item.active{background:linear-gradient(135deg,#4caf504d,#388e3c33)!important;color:#fff!important;border-left:3px solid #4caf50!important}.admin-sidebar-nav-item.active .admin-sidebar-nav-icon{color:#81c784!important}.admin-sidebar-nav-icon{min-width:40px!important;color:#fff!important;transition:all .3s ease!important}.admin-sidebar-nav-icon svg{color:#fff!important;fill:#fff!important}.admin-sidebar-nav-item:hover .admin-sidebar-nav-icon{transform:scale(1.1)}.admin-sidebar-nav-text span{font-size:14px!important;font-weight:500!important;color:inherit!important}.admin-sidebar-active-indicator{position:absolute!important;right:16px!important;width:8px!important;height:8px!important;background:#4caf50!important;border-radius:50%!important;box-shadow:0 0 10px #4caf5080!important}.admin-sidebar-footer-fixed{position:sticky;bottom:0;padding:16px 12px;background:linear-gradient(180deg,transparent 0%,#0d3311 20%);border-top:1px solid rgba(255,255,255,.1)}.admin-sidebar-logout-btn{padding:14px 16px!important;border-radius:12px!important;background:linear-gradient(135deg,#ef4444,#dc2626)!important;transition:all .3s ease!important;cursor:pointer!important;box-shadow:0 4px 15px #ef44444d!important}.admin-sidebar-logout-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #ef444466!important}.admin-sidebar-logout-icon{min-width:40px!important;color:#fff!important}.admin-sidebar-logout-icon svg{color:#fff!important;fill:#fff!important}.admin-sidebar-logout-text span{font-size:14px!important;font-weight:600!important;color:#fff!important}.mobile-menu-btn{position:fixed;top:20px;left:20px;z-index:1200;background:linear-gradient(135deg,#1b5e20,#0d3311);color:#fff;box-shadow:0 4px 15px #0003}.mobile-menu-btn:hover{background:linear-gradient(135deg,#0d3311,#1b5e20)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.admin-sidebar-drawer .MuiDrawer-paper{background:linear-gradient(180deg,#1b5e20,#0d3311)!important;border:none!important;box-shadow:4px 0 25px #00000026!important}@media(max-width:768px){.admin-sidebar-header-fixed{padding:20px 16px}.admin-sidebar-nav-item{padding:10px 14px!important}.admin-sidebar-title{font-size:16px}}.admin-sidebar-nav .MuiListItem-root{margin:4px 0!important;padding:12px 16px!important;border-radius:12px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;color:#fffc!important;position:relative!important;cursor:pointer!important;background:transparent!important}.admin-sidebar-nav .MuiListItem-root:hover{background:#ffffff1a!important;color:#fff!important;padding-left:20px!important}.admin-sidebar-nav .MuiListItem-root.active{background:linear-gradient(135deg,#4caf504d,#388e3c33)!important;color:#fff!important;border-left:3px solid #4caf50!important}.admin-sidebar-nav .MuiListItemIcon-root{min-width:40px!important;color:#fffc!important;transition:all .3s ease!important}.admin-sidebar-nav .MuiListItem-root:hover .MuiListItemIcon-root{transform:scale(1.1);color:#fff!important}.admin-sidebar-nav .MuiListItem-root.active .MuiListItemIcon-root{color:#81c784!important}.admin-sidebar-nav .MuiListItemIcon-root svg{font-size:22px!important}.admin-sidebar-nav .MuiListItemText-root{margin:0!important}.admin-sidebar-nav .MuiListItemText-root span{font-size:14px!important;font-weight:500!important;color:inherit!important}.admin-sidebar-footer-fixed .MuiListItem-root{padding:14px 16px!important;border-radius:12px!important;background:linear-gradient(135deg,#ef4444,#dc2626)!important;transition:all .3s ease!important;cursor:pointer!important;box-shadow:0 4px 15px #ef44444d!important}.admin-sidebar-footer-fixed .MuiListItem-root:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #ef444466!important}.admin-sidebar-footer-fixed .MuiListItemIcon-root{min-width:40px!important;color:#fff!important}.admin-sidebar-footer-fixed .MuiListItemText-root span{font-size:14px!important;font-weight:600!important;color:#fff!important}.admin-layout{display:flex;min-height:100vh;width:100%;background:#f5f7fa;overflow-x:hidden;gap:0}.admin-sidebar-container{width:280px;height:100vh;position:fixed;left:0;top:0;overflow:hidden;z-index:1000;flex-shrink:0}.admin-content-container{margin-left:280px;flex:1;min-height:100vh;overflow-y:auto!important;overflow-x:hidden;padding:30px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);-webkit-overflow-scrolling:touch}.admin-content-container::-webkit-scrollbar{width:10px}.admin-content-container::-webkit-scrollbar-track{background:#0000000d}.admin-content-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1976d2,#1565c0);border-radius:5px}.admin-content-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#1565c0,#1976d2)}.admin-content-container{scrollbar-color:#1976d2 rgba(0,0,0,.05);scrollbar-width:thin}@media(max-width:1024px){.admin-sidebar-container{width:240px}.admin-content-container{margin-left:240px;padding:20px}}@media(max-width:768px){.admin-layout{flex-direction:column;min-height:100vh;overflow-x:hidden;overflow-y:auto}.admin-sidebar-container{width:100%;height:auto;position:relative;top:auto}.admin-content-container{margin-left:0;min-height:calc(100vh - 80px);padding:20px 20px 100px;overflow-y:auto;-webkit-overflow-scrolling:touch}}:root{--admin-primary: #16a34a;--admin-primary-dark: #15803d;--admin-primary-light: #22c55e;--admin-secondary: #166534;--admin-bg-light: #f8fafc;--admin-bg-white: #ffffff;--admin-text-primary: #1e293b;--admin-text-secondary: #64748b;--admin-text-muted: #94a3b8;--admin-border: #e2e8f0;--admin-border-light: #f1f5f9;--admin-success: #10b981;--admin-success-bg: #ecfdf5;--admin-warning: #f59e0b;--admin-warning-bg: #fffbeb;--admin-danger: #ef4444;--admin-danger-bg: #fef2f2;--admin-info: #3b82f6;--admin-info-bg: #eff6ff;--admin-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--admin-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--admin-shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .1);--admin-radius-sm: 6px;--admin-radius: 10px;--admin-radius-lg: 14px}.admin-page{min-height:100vh;background:var(--admin-bg-light);padding:24px}.admin-page-header{margin-bottom:24px;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px}.admin-page-title{font-size:24px;font-weight:700;color:var(--admin-text-primary);margin:0 0 4px;display:flex;align-items:center;gap:10px}.admin-page-subtitle{font-size:14px;color:var(--admin-text-secondary);margin:0}.admin-header-actions{display:flex;gap:12px;align-items:center}.admin-card{background:var(--admin-bg-white);border-radius:var(--admin-radius-lg);border:1px solid var(--admin-border);box-shadow:var(--admin-shadow-sm);overflow:hidden}.admin-card-header{padding:16px 20px;border-bottom:1px solid var(--admin-border-light);display:flex;align-items:center;justify-content:space-between}.admin-card-title{font-size:16px;font-weight:600;color:var(--admin-text-primary);margin:0;display:flex;align-items:center;gap:8px}.admin-card-body{padding:20px}.admin-card-footer{padding:16px 20px;border-top:1px solid var(--admin-border-light);background:var(--admin-bg-light)}.admin-card-highlight{text-align:center;padding:24px}.admin-card-clickable{cursor:pointer;transition:all .2s ease}.admin-card-clickable:hover{transform:translateY(-2px);box-shadow:var(--admin-shadow-lg)}.admin-compact-stats{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.admin-compact-stat-card{flex:1;min-width:180px;display:flex;align-items:center;gap:12px;background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb;transition:all .2s ease}.admin-compact-stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.admin-compact-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-compact-icon.green{background:#ecfdf5;color:#16a34a}.admin-compact-icon.blue{background:#eff6ff;color:#2563eb}.admin-compact-icon.purple{background:#f3e8ff;color:#9333ea}.admin-compact-icon.orange{background:#fff7ed;color:#f59e0b}.admin-compact-icon.red{background:#fef2f2;color:#ef4444}.admin-compact-icon.teal{background:#f0fdfa;color:#14b8a6}.admin-compact-content{display:flex;flex-direction:column}.admin-compact-value{font-size:24px;font-weight:700;color:#1f2937;line-height:1.2}.admin-compact-label{font-size:12px;color:#6b7280;font-weight:500}.admin-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;border-radius:var(--admin-radius);border:none;cursor:pointer;transition:all .2s ease}.admin-btn-primary{background:var(--admin-primary);color:#fff}.admin-btn-primary:hover{background:var(--admin-primary-dark)}.admin-btn-secondary{background:var(--admin-bg-light);color:var(--admin-text-primary);border:1px solid var(--admin-border)}.admin-btn-secondary:hover{background:var(--admin-border-light)}.admin-btn-danger{background:var(--admin-danger);color:#fff}.admin-btn-danger:hover{background:#dc2626}.admin-btn-success{background:var(--admin-success);color:#fff}.admin-btn-success:hover{background:#059669}.admin-btn-sm{padding:6px 12px;font-size:13px}.admin-btn-icon{width:34px;height:34px;padding:0;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:1px solid #e5e7eb;cursor:pointer;transition:all .3s ease}.admin-btn-icon:hover{background:#e5e7eb}.admin-btn-icon svg{width:16px;height:16px;fill:#4b5563}.admin-form-group{margin-bottom:16px}.admin-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.admin-label{display:block;font-size:13px;font-weight:600;color:var(--admin-text-primary);margin-bottom:6px}.admin-input,.admin-select,.admin-textarea{width:100%;padding:10px 14px;font-size:14px;border:2px solid var(--admin-border);border-radius:var(--admin-radius);background:var(--admin-bg-white);color:var(--admin-text-primary);transition:border-color .2s ease,box-shadow .2s ease}.admin-input:focus,.admin-select:focus,.admin-textarea:focus{outline:none;border-color:var(--admin-primary);box-shadow:0 0 0 3px #16a34a1a}.admin-input::placeholder{color:var(--admin-text-muted)}.admin-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.admin-textarea{min-height:100px;resize:vertical}.admin-help-text{font-size:12px;color:var(--admin-text-muted);margin-top:4px}.admin-toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer}.admin-toggle{display:none}.admin-toggle-slider{width:44px;height:24px;background:#d1d5db;border-radius:12px;position:relative;transition:all .3s ease}.admin-toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.admin-toggle:checked+.admin-toggle-slider{background:var(--admin-primary)}.admin-toggle:checked+.admin-toggle-slider:after{transform:translate(20px)}.admin-table-container{overflow-x:auto;border-radius:var(--admin-radius-lg);border:1px solid var(--admin-border)}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table thead{background:linear-gradient(135deg,var(--admin-primary) 0%,var(--admin-secondary) 100%)}.admin-table th{padding:14px 16px;text-align:left;font-weight:600;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.admin-table tbody tr{border-bottom:1px solid var(--admin-border-light);transition:background .2s ease}.admin-table tbody tr:hover{background:var(--admin-success-bg)}.admin-table td{padding:14px 16px;color:var(--admin-text-secondary)}.admin-table td:first-child{font-weight:500;color:var(--admin-text-primary)}.admin-badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;border-radius:20px}.admin-badge-success{background:var(--admin-success-bg);color:var(--admin-success)}.admin-badge-warning{background:var(--admin-warning-bg);color:var(--admin-warning)}.admin-badge-danger{background:var(--admin-danger-bg);color:var(--admin-danger)}.admin-badge-info{background:var(--admin-info-bg);color:var(--admin-info)}.admin-badge-primary{background:#ecfdf5;color:var(--admin-primary)}.admin-empty-state{text-align:center;padding:60px 20px}.admin-empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.admin-empty-title{font-size:18px;font-weight:600;color:var(--admin-text-primary);margin:0 0 8px}.admin-empty-text{font-size:14px;color:var(--admin-text-muted);margin:0 0 20px}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.admin-spinner{width:40px;height:40px;border:3px solid var(--admin-border);border-top-color:var(--admin-primary);border-radius:50%;animation:admin-spin .8s linear infinite}@keyframes admin-spin{to{transform:rotate(360deg)}}.admin-loading-text{margin-top:12px;font-size:14px;color:var(--admin-text-secondary)}.admin-search-bar{position:relative;max-width:320px}.admin-search-bar input{padding-left:40px}.admin-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--admin-text-muted);pointer-events:none}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.admin-toolbar-left,.admin-toolbar-right{display:flex;align-items:center;gap:12px}.admin-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.admin-modal{background:var(--admin-bg-white);border-radius:var(--admin-radius-lg);width:100%;max-width:500px;max-height:90vh;overflow:auto;box-shadow:var(--admin-shadow-lg)}.admin-modal-header{padding:20px;border-bottom:1px solid var(--admin-border-light);display:flex;align-items:center;justify-content:space-between}.admin-modal-title{font-size:18px;font-weight:600;color:var(--admin-text-primary);margin:0}.admin-modal-close{background:none;border:none;font-size:24px;color:var(--admin-text-muted);cursor:pointer;padding:0;line-height:1}.admin-modal-close:hover{color:var(--admin-text-primary)}.admin-modal-body{padding:20px}.admin-modal-footer{padding:16px 20px;border-top:1px solid var(--admin-border-light);display:flex;justify-content:flex-end;gap:12px}.admin-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.admin-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.admin-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.admin-tabs{display:flex;gap:4px;background:var(--admin-bg-white);border-radius:var(--admin-radius);padding:6px;margin-bottom:20px;border:1px solid var(--admin-border);overflow-x:auto}.admin-tab{padding:10px 18px;font-size:14px;font-weight:500;color:var(--admin-text-secondary);background:transparent;border:none;border-radius:var(--admin-radius-sm);cursor:pointer;white-space:nowrap;transition:all .2s ease;display:flex;align-items:center;gap:8px}.admin-tab:hover{background:var(--admin-bg-light);color:var(--admin-text-primary)}.admin-tab.active{background:var(--admin-primary);color:#fff}.admin-dashboard-grid .full-width{grid-column:span 2}.admin-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.admin-quick-action{display:flex;flex-direction:column;align-items:center;padding:20px 16px;background:var(--admin-bg-light);border-radius:var(--admin-radius);border:1px solid var(--admin-border);cursor:pointer;transition:all .2s ease;text-decoration:none}.admin-quick-action:hover{background:var(--admin-success-bg);border-color:var(--admin-primary);transform:translateY(-2px)}.admin-quick-action-icon{font-size:28px;margin-bottom:8px;color:var(--admin-primary)}.admin-quick-action-label{font-size:13px;font-weight:500;color:var(--admin-text-primary);text-align:center}.admin-activity-list{display:flex;flex-direction:column}.admin-activity-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--admin-border-light)}.admin-activity-item:last-child{border-bottom:none}.admin-activity-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.admin-activity-content{flex:1}.admin-activity-text{font-size:14px;color:var(--admin-text-primary);margin:0 0 4px}.admin-activity-time{font-size:12px;color:var(--admin-text-muted)}.admin-info-list{display:flex;flex-direction:column;gap:12px}.admin-info-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--admin-border-light)}.admin-info-label{font-size:14px;color:var(--admin-text-secondary)}.admin-info-value{font-size:14px;font-weight:600;color:var(--admin-text-primary)}.admin-todo-list{display:flex;flex-direction:column;gap:10px;max-height:250px;overflow-y:auto}.admin-todo-checkbox input:checked+.admin-checkmark{background:var(--admin-primary);border-color:var(--admin-primary)}.admin-notification-badge{background:var(--admin-danger);color:#fff;font-size:12px;padding:2px 8px;border-radius:10px;margin-left:8px}.admin-notification-list{display:flex;flex-direction:column}.admin-notification-item{display:flex;gap:16px;padding:16px 20px;border-bottom:1px solid var(--admin-border-light);transition:background .2s ease}.admin-notification-item:hover{background:var(--admin-bg-light)}.admin-notification-item.unread{background:var(--admin-success-bg)}.admin-notification-item.high-priority{border-left:3px solid var(--admin-danger)}.admin-notification-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-notification-content{flex:1;cursor:pointer}.admin-notification-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.admin-notification-title{font-size:14px;font-weight:600;color:var(--admin-text-primary);margin:0}.admin-notification-message{font-size:13px;color:var(--admin-text-secondary);margin:0 0 6px;line-height:1.4}.admin-notification-time{font-size:12px;color:var(--admin-text-muted)}.admin-notification-actions{display:flex;gap:8px;align-items:flex-start}.admin-alert{position:fixed;top:20px;right:20px;padding:16px 24px;border-radius:12px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;z-index:9999;box-shadow:0 10px 40px #00000026;animation:slideInRight .4s ease-out;min-width:300px;max-width:450px}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.admin-alert-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}.admin-alert-success .admin-icon svg{fill:#fff}.admin-alert-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none}.admin-alert-error .admin-icon svg{fill:#fff}.admin-alert-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none}.admin-alert-warning .admin-icon svg{fill:#fff}.admin-alert-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none}.admin-alert-info .admin-icon svg{fill:#fff}.admin-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;padding:20px}.admin-settings-section{padding:20px;background:var(--admin-bg-light);border-radius:var(--admin-radius)}.admin-settings-title{font-size:16px;font-weight:600;color:var(--admin-text-primary);margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--admin-border);display:flex;align-items:center;gap:8px}.admin-profile-container{display:grid;grid-template-columns:300px 1fr;gap:20px}.admin-profile-card{text-align:center;padding:30px 20px}.admin-profile-avatar-section{margin-bottom:20px}.admin-profile-avatar{width:100px;height:100px;border-radius:50%;margin:0 auto 16px;background:linear-gradient(135deg,var(--admin-primary) 0%,var(--admin-primary-dark) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}.admin-profile-avatar img{width:100%;height:100%;object-fit:cover}.admin-avatar-placeholder{font-size:32px;font-weight:700;color:#fff}.admin-profile-info h2{font-size:20px;font-weight:700;color:var(--admin-text-primary);margin:0 0 8px}.admin-profile-role{margin:0 0 8px}.admin-profile-email{font-size:14px;color:var(--admin-text-secondary);margin:0}.admin-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:20px}.admin-full-width{grid-column:span 2}.admin-faq-list{padding:0}.admin-faq-item{border-bottom:1px solid var(--admin-border-light)}.admin-faq-item:last-child{border-bottom:none}.admin-faq-question{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;font-weight:500;color:var(--admin-text-primary);transition:background .2s ease}.admin-faq-question:hover{background:var(--admin-bg-light)}.admin-faq-answer{padding:0 20px 16px;color:var(--admin-text-secondary);font-size:14px;line-height:1.6}.admin-guide-icon{width:48px;height:48px;border-radius:12px;background:var(--admin-success-bg);color:var(--admin-primary);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.admin-guide-title{font-size:16px;font-weight:600;color:var(--admin-text-primary);margin:0 0 8px}.admin-guide-description{font-size:13px;color:var(--admin-text-secondary);margin:0}.admin-highlight-icon{width:56px;height:56px;border-radius:50%;background:var(--admin-success-bg);color:var(--admin-primary);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.admin-highlight-value{font-size:18px;font-weight:700;color:var(--admin-text-primary);display:block;margin-bottom:4px}.admin-highlight-label{font-size:14px;color:var(--admin-text-secondary)}.admin-charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.admin-chart-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb}.admin-chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.admin-chart-title-section{display:flex;align-items:center;gap:12px}.admin-chart-icon-wrapper{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.admin-chart-icon-wrapper.green{background:#ecfdf5;color:#16a34a}.admin-chart-icon-wrapper.blue{background:#eff6ff;color:#2563eb}.admin-chart-icon-wrapper.purple{background:#f3e8ff;color:#9333ea}.admin-chart-icon-wrapper.orange{background:#fff7ed;color:#f59e0b}.admin-chart-icon-wrapper.red{background:#fef2f2;color:#ef4444}.admin-chart-icon-wrapper.teal{background:#f0fdfa;color:#14b8a6}.admin-chart-title-section h3{font-size:16px;font-weight:600;color:#1f2937;margin:0}.admin-chart-title-section p{font-size:12px;color:#6b7280;margin:2px 0 0}.admin-chart-growth-badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px}.admin-chart-growth-badge.positive{background:#ecfdf5;color:#16a34a}.admin-chart-growth-badge.negative{background:#fef2f2;color:#ef4444}.admin-chart-growth-badge.neutral{background:#f3f4f6;color:#6b7280}.admin-chart-body{min-height:200px}.admin-bar-chart{display:flex;align-items:flex-end;justify-content:space-between;height:180px;gap:8px;padding-top:20px}.admin-bar-column{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.admin-bar-wrapper{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.admin-bar{width:100%;max-width:40px;border-radius:6px 6px 0 0;transition:height .8s cubic-bezier(.4,0,.2,1);position:relative;display:flex;align-items:flex-start;justify-content:center}.admin-bar-value{position:absolute;top:-24px;font-size:11px;font-weight:600;color:#374151;white-space:nowrap}.admin-bar-label{font-size:11px;color:#6b7280;margin-top:8px;font-weight:500}.admin-bar-chart.horizontal{flex-direction:column;height:auto;gap:12px;padding-top:0}.admin-hbar-row{display:flex;align-items:center;gap:12px}.admin-hbar-label{width:100px;font-size:12px;color:#374151;font-weight:500;text-align:right}.admin-hbar-wrapper{flex:1;height:28px;background:#f3f4f6;border-radius:6px;overflow:hidden}.admin-hbar{height:100%;border-radius:6px;transition:width .8s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:flex-end;padding-right:10px}.admin-hbar-value{font-size:11px;font-weight:600;color:#fff}.admin-employee-id{display:inline-block;padding:4px 10px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:6px;font-size:12px;font-weight:600;font-family:Consolas,Monaco,monospace;color:#0369a1;letter-spacing:.5px}.admin-manager-info{display:flex;align-items:center;gap:8px}.admin-manager-name{font-size:13px;font-weight:500;color:#374151}.admin-no-manager{color:#9ca3af;font-style:italic}.admin-actions{display:flex;gap:8px;justify-content:center}.admin-action-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;background:transparent;padding:0}.admin-action-btn svg{width:16px;height:16px;transition:all .3s ease;flex-shrink:0}.admin-action-edit{background:#eff6ff;border:1px solid #bfdbfe}.admin-action-edit svg{fill:#2563eb;color:#2563eb}.admin-action-edit:hover{background:#2563eb;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.admin-action-edit:hover svg{fill:#fff;color:#fff}.admin-action-delete{background:#fef2f2;border:1px solid #fecaca}.admin-action-delete svg{fill:#dc2626;color:#dc2626}.admin-action-delete:hover{background:#dc2626;border-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.admin-action-delete:hover svg{fill:#fff;color:#fff}.admin-action-view{background:var(--admin-success-bg);border:1px solid #a7f3d0}.admin-action-view svg{fill:var(--admin-primary)}.admin-action-view:hover{background:var(--admin-primary);border-color:var(--admin-primary);transform:translateY(-2px)}.admin-action-view:hover svg{fill:#fff}.admin-wave-icon{display:inline-block;animation:adminWave 1.5s ease-in-out infinite;transform-origin:70% 70%}@keyframes adminWave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}50%{transform:rotate(0)}75%{transform:rotate(20deg)}}@media(max-width:1200px){.admin-charts-grid,.admin-profile-container,.admin-form-grid{grid-template-columns:1fr}.admin-full-width{grid-column:span 1}}@media(max-width:1024px){.admin-grid-3{grid-template-columns:repeat(2,1fr)}.admin-settings-grid{grid-template-columns:1fr}}@media(max-width:768px){.admin-page{padding:16px}.admin-compact-stats{flex-direction:column}.admin-compact-stat-card{min-width:100%}.admin-grid-2,.admin-grid-3,.admin-grid-4,.admin-dashboard-grid{grid-template-columns:1fr}.admin-dashboard-grid .full-width{grid-column:span 1}.admin-dashboard-bottom-grid{grid-template-columns:1fr}.admin-toolbar{flex-direction:column;align-items:stretch}.admin-search-bar{max-width:100%}.admin-page-header{flex-direction:column;align-items:flex-start}.admin-form-row{grid-template-columns:1fr}}@media(max-width:480px){.admin-page-title{font-size:20px}.admin-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-tab{padding:8px 14px;font-size:13px}}.admin-calendar-day-header{text-align:center;font-size:12px;font-weight:600;color:var(--admin-text-secondary);padding:8px 4px}.admin-calendar-day{text-align:center;padding:10px 4px;font-size:14px;color:var(--admin-text-primary);border-radius:8px;cursor:pointer;transition:all .2s ease}.admin-calendar-day:hover:not(.empty){background:var(--admin-success-bg)}.admin-calendar-day.today{background:var(--admin-primary);color:#fff;font-weight:600}.admin-user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--admin-primary) 0%,var(--admin-primary-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.admin-user-info{display:flex;align-items:center;gap:12px}.admin-user-name{font-weight:500;color:var(--admin-text-primary)}.admin-user-name-nowrap{font-weight:500;color:var(--admin-text-primary);white-space:nowrap}.admin-no-actions{color:#9ca3af;font-style:italic;text-align:center;display:block}.admin-user-role{font-size:12px;color:var(--admin-text-secondary)}.admin-filter-section{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.admin-filter-group{display:flex;align-items:center;gap:8px}.admin-filter-label{font-size:13px;font-weight:500;color:var(--admin-text-secondary)}.admin-progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.admin-progress-fill{height:100%;border-radius:4px;transition:width .5s ease}.admin-progress-fill.green{background:var(--admin-primary)}.admin-progress-fill.blue{background:var(--admin-info)}.admin-progress-fill.orange{background:var(--admin-warning)}.admin-progress-fill.red{background:var(--admin-danger)}.admin-star-rating{display:flex;gap:2px}.admin-star{color:#e5e7eb;font-size:16px}.admin-star.filled{color:#f59e0b}.admin-stat-highlight{display:flex;flex-direction:column;align-items:center;padding:24px;text-align:center}.admin-stat-highlight-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.admin-stat-highlight-value{font-size:28px;font-weight:700;color:var(--admin-text-primary);margin-bottom:4px}.admin-stat-highlight-label{font-size:13px;color:var(--admin-text-secondary)}.admin-payroll-amount{font-weight:600;color:var(--admin-primary)}.admin-payroll-deduction{color:var(--admin-danger)}.admin-payroll-bonus{color:var(--admin-success)}.admin-toast-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:10000;background:#0000004d;animation:admin-fadeIn .3s ease}.admin-toast-notification{background:#fff;border-radius:16px;padding:32px 40px;min-width:320px;max-width:420px;text-align:center;box-shadow:0 25px 50px -12px #00000040;position:relative;animation:admin-slideUp .4s ease;overflow:hidden}.admin-toast-success{border-top:4px solid var(--admin-primary)}.admin-toast-error{border-top:4px solid var(--admin-danger)}.admin-toast-warning{border-top:4px solid var(--admin-warning)}.admin-toast-icon{margin-bottom:16px}.admin-toast-success .admin-toast-icon svg{fill:var(--admin-primary)}.admin-toast-error .admin-toast-icon svg{fill:var(--admin-danger)}.admin-toast-warning .admin-toast-icon svg{fill:var(--admin-warning)}.admin-toast-content{margin-bottom:8px}.admin-toast-title{font-size:18px;font-weight:700;margin:0 0 8px;color:var(--admin-text-primary)}.admin-toast-message{font-size:14px;color:var(--admin-text-secondary);margin:0;line-height:1.5}.admin-toast-close{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;color:var(--admin-text-muted);padding:4px;border-radius:4px;transition:all .2s ease}.admin-toast-close:hover{background:var(--admin-bg-light);color:var(--admin-text-primary)}.admin-toast-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--admin-border-light)}.admin-toast-progress-bar{height:100%;background:var(--admin-primary);animation:admin-progress 3s linear forwards}.admin-toast-error .admin-toast-progress-bar{background:var(--admin-danger)}.admin-toast-warning .admin-toast-progress-bar{background:var(--admin-warning)}@keyframes admin-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes admin-slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes admin-progress{0%{width:100%}to{width:0%}}.admin-delete-confirm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:admin-fadeIn .3s ease}.admin-delete-confirm-modal{background:#fff;border-radius:16px;padding:32px;max-width:420px;width:90%;text-align:center;box-shadow:0 25px 50px -12px #00000040;animation:admin-slideUp .4s ease}.admin-delete-confirm-icon{margin-bottom:16px}.admin-delete-confirm-icon svg{fill:var(--admin-warning)}.admin-delete-confirm-title{font-size:20px;font-weight:700;color:var(--admin-text-primary);margin:0 0 8px}.admin-delete-confirm-name{font-size:16px;color:var(--admin-primary);font-weight:600;margin:0 0 16px}.admin-delete-confirm-warning{display:flex;align-items:flex-start;gap:10px;background:var(--admin-warning-bg);border:1px solid #fcd34d;border-radius:10px;padding:14px;margin-bottom:24px;text-align:left}.admin-delete-confirm-warning svg{fill:var(--admin-warning);flex-shrink:0;margin-top:2px}.admin-delete-confirm-warning span{font-size:13px;color:#92400e;line-height:1.5}.admin-delete-confirm-actions{display:flex;gap:12px;justify-content:center}.admin-delete-confirm-cancel{padding:12px 24px;font-size:14px;font-weight:600;border:2px solid var(--admin-border);border-radius:10px;background:#fff;color:var(--admin-text-primary);cursor:pointer;transition:all .2s ease}.admin-delete-confirm-cancel:hover{background:var(--admin-bg-light);border-color:var(--admin-text-muted)}.admin-delete-confirm-delete{padding:12px 24px;font-size:14px;font-weight:600;border:none;border-radius:10px;background:var(--admin-danger);color:#fff;cursor:pointer;transition:all .2s ease}.admin-delete-confirm-delete:hover{background:#dc2626;transform:translateY(-1px)}.admin-icon{display:inline-flex;align-items:center;justify-content:center}.admin-icon svg{width:20px;height:20px}.admin-dashboard .admin-page-header{margin-bottom:20px}.admin-dashboard .admin-wave-icon{display:inline-block;animation:admin-wave 1.5s ease-in-out infinite;transform-origin:70% 70%}@keyframes admin-wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}50%{transform:rotate(0)}75%{transform:rotate(20deg)}}.admin-dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.admin-dashboard-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.admin-quick-action{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s ease}.admin-quick-action:hover{background:#ecfdf5;border-color:#16a34a;transform:translateY(-2px)}.admin-quick-action.blue:hover{background:#eff6ff;border-color:#2563eb}.admin-quick-action.green:hover{background:#ecfdf5;border-color:#16a34a}.admin-quick-action.orange:hover{background:#fff7ed;border-color:#f59e0b}.admin-quick-action.purple:hover{background:#f3e8ff;border-color:#9333ea}.admin-quick-action.red:hover{background:#fef2f2;border-color:#ef4444}.admin-quick-action.teal:hover{background:#f0fdfa;border-color:#14b8a6}.admin-quick-action-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#e5e7eb;color:#374151}.admin-quick-action.blue .admin-quick-action-icon{background:#dbeafe;color:#2563eb}.admin-quick-action.green .admin-quick-action-icon{background:#dcfce7;color:#16a34a}.admin-quick-action.orange .admin-quick-action-icon{background:#fed7aa;color:#ea580c}.admin-quick-action.purple .admin-quick-action-icon{background:#e9d5ff;color:#9333ea}.admin-quick-action.red .admin-quick-action-icon{background:#fecaca;color:#dc2626}.admin-quick-action.teal .admin-quick-action-icon{background:#ccfbf1;color:#0d9488}.admin-quick-action-label{font-size:13px;font-weight:500;color:#374151}.admin-activity-list{display:flex;flex-direction:column;gap:12px}.admin-activity-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:10px;transition:all .2s ease}.admin-activity-item:hover{background:#f3f4f6}.admin-activity-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-activity-content{flex:1;min-width:0}.admin-activity-text{font-size:14px;font-weight:500;color:#1f2937;margin:0 0 2px}.admin-activity-time{font-size:12px;color:#9ca3af}.admin-events-list{display:flex;flex-direction:column;gap:12px}.admin-event-item{display:flex;align-items:center;gap:14px;padding:12px;background:#f9fafb;border-radius:10px;border-left:4px solid #16a34a;transition:all .2s ease}.admin-event-item.holiday{border-left-color:#f59e0b}.admin-event-item.meeting{border-left-color:#3b82f6}.admin-event-item.review{border-left-color:#10b981}.admin-event-item.payroll{border-left-color:#8b5cf6}.admin-event-item:hover{background:#f3f4f6;transform:translate(4px)}.admin-event-date{display:flex;flex-direction:column;align-items:center;min-width:50px;padding:8px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.admin-event-day{font-size:20px;font-weight:700;color:#16a34a;line-height:1}.admin-event-month{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase}.admin-event-content{flex:1;min-width:0}.admin-event-title{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 2px}.admin-event-time{font-size:12px;color:#9ca3af}.admin-calendar{width:100%}.admin-calendar-header{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.admin-calendar-day-header{text-align:center;font-size:12px;font-weight:600;color:#6b7280;padding:8px 0}.admin-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.admin-calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:13px;color:#374151;border-radius:8px;cursor:pointer;transition:all .2s ease}.admin-calendar-day:hover:not(.empty){background:#f3f4f6}.admin-calendar-day.today{background:#16a34a;color:#fff;font-weight:600}.admin-calendar-day.empty{cursor:default}.admin-todo-input-wrapper{display:flex;gap:10px;margin-bottom:16px}.admin-todo-input{flex:1}.admin-todo-list{display:flex;flex-direction:column;gap:10px;max-height:280px;overflow-y:auto}.admin-todo-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:8px;transition:all .2s ease}.admin-todo-item:hover{background:#f3f4f6}.admin-todo-item.completed .admin-todo-text{text-decoration:line-through;color:#9ca3af}.admin-todo-checkbox{position:relative;cursor:pointer}.admin-todo-checkbox input{position:absolute;opacity:0;cursor:pointer}.admin-checkmark{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.admin-todo-checkbox input:checked+.admin-checkmark{background:#16a34a;border-color:#16a34a}.admin-todo-checkbox input:checked+.admin-checkmark:after{content:"✓";color:#fff;font-size:12px}.admin-todo-text{flex:1;font-size:14px;color:#374151}.admin-todo-priority{font-size:10px;padding:3px 8px;border-radius:10px;font-weight:600;text-transform:uppercase}.admin-todo-priority.high{background:#fee2e2;color:#dc2626}.admin-todo-priority.medium{background:#fef3c7;color:#d97706}.admin-todo-priority.low{background:#dbeafe;color:#2563eb}.admin-todo-delete{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.admin-todo-delete:hover{background:#fee2e2;color:#dc2626}.admin-info-list{display:flex;flex-direction:column;gap:14px}.admin-info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.admin-info-item:last-child{border-bottom:none}.admin-info-label{font-size:13px;color:#6b7280;font-weight:500}.admin-info-value{font-size:14px;color:#1f2937;font-weight:600}@media(max-width:1024px){.admin-dashboard-grid,.admin-dashboard-bottom-grid{grid-template-columns:1fr}.admin-quick-actions{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.admin-quick-actions{grid-template-columns:1fr}.admin-compact-stats{flex-direction:column}.admin-compact-stat-card{min-width:100%}}.attendance-management-page{min-height:100vh;background:var(--admin-bg-light, #f8fafc);padding:24px}.attendance-header{margin-bottom:24px}.attendance-header-top{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:8px}.attendance-title-section h1{font-size:26px;font-weight:700;color:#1e293b;margin:0 0 6px;display:flex;align-items:center;gap:12px}.attendance-title-section h1 svg{color:#16a34a}.attendance-title-section p{font-size:14px;color:#64748b;margin:0}.attendance-location{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b;margin-top:4px}.attendance-location svg{color:#16a34a}.export-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;font-size:14px;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #16a34a4d}.export-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #16a34a66}.export-btn:active{transform:translateY(0)}.attendance-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.attendance-stat-card{background:#fff;border-radius:14px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb;transition:all .3s ease}.attendance-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{width:28px;height:28px}.stat-icon.green{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#16a34a}.stat-icon.red{background:linear-gradient(135deg,#fef2f2,#fecaca);color:#ef4444}.stat-icon.blue{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#3b82f6}.stat-icon.orange{background:linear-gradient(135deg,#fff7ed,#fed7aa);color:#f59e0b}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:28px;font-weight:700;color:#1f2937;line-height:1.2}.stat-label{font-size:13px;color:#6b7280;font-weight:500;margin-top:2px}.stat-trend{display:flex;align-items:center;gap:4px;font-size:12px;margin-top:4px}.stat-trend.positive{color:#16a34a}.stat-trend.negative{color:#ef4444}.attendance-filters{background:#fff;border-radius:14px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb}.filters-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.search-container{position:relative;flex:1;min-width:280px;max-width:400px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.search-input{width:100%;padding:12px 14px 12px 44px;font-size:14px;border:2px solid #e5e7eb;border-radius:10px;background:#f9fafb;color:#1f2937;transition:all .2s ease}.search-input:focus{outline:none;border-color:#16a34a;background:#fff;box-shadow:0 0 0 3px #16a34a1a}.search-input::placeholder{color:#9ca3af}.date-filter-group{display:flex;align-items:center;gap:8px}.date-filter-group label{font-size:13px;font-weight:600;color:#374151}.date-input{padding:12px 14px;font-size:14px;border:2px solid #e5e7eb;border-radius:10px;background:#f9fafb;color:#1f2937;transition:all .2s ease;min-width:160px}.date-input:focus{outline:none;border-color:#16a34a;background:#fff;box-shadow:0 0 0 3px #16a34a1a}.filter-select{padding:12px 40px 12px 14px;font-size:14px;border:2px solid #e5e7eb;border-radius:10px;background:#f9fafb;color:#1f2937;min-width:160px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:all .2s ease}.filter-select:focus{outline:none;border-color:#16a34a;background-color:#fff;box-shadow:0 0 0 3px #16a34a1a}.clear-filters-btn{display:inline-flex;align-items:center;gap:6px;padding:12px 16px;font-size:14px;font-weight:500;color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s ease}.clear-filters-btn:hover{background:#e5e7eb;color:#374151}.attendance-table-container{background:#fff;border-radius:14px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb;overflow:hidden}.table-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.table-title{font-size:16px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:8px}.table-title svg{color:#16a34a}.records-count{font-size:13px;color:#6b7280;font-weight:400}.table-wrapper{overflow-x:auto}.attendance-table{width:100%;border-collapse:collapse;font-size:14px}.attendance-table thead{background:linear-gradient(135deg,#16a34a,#15803d)}.attendance-table th{padding:16px;text-align:left;font-weight:600;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.attendance-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .2s ease}.attendance-table tbody tr:hover{background:#ecfdf5}.attendance-table td{padding:16px;color:#4b5563;vertical-align:middle}.employee-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#16a34a,#22c55e);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;flex-shrink:0}.employee-name{font-weight:600;color:#1f2937}.employee-id{font-size:12px;color:#9ca3af}.employee-info-compact{display:flex;align-items:center;gap:10px}.employee-avatar-sm{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#16a34a,#22c55e);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px;flex-shrink:0}.employee-details-inline{display:flex;flex-direction:column;gap:2px;min-width:0}.employee-name-row{display:flex;align-items:center;gap:8px}.employee-name-row .employee-name{font-weight:600;color:#1f2937;font-size:13px}.employee-id-badge{display:inline-flex;padding:2px 6px;background:#dbeafe;color:#1d4ed8;font-size:10px;font-weight:600;border-radius:4px;text-transform:uppercase}.employee-meta-row{font-size:11px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attendance-table.attendance-compact th{padding:12px 10px;font-size:12px}.attendance-table.attendance-compact td{padding:10px;font-size:13px}.attendance-table.attendance-compact .date-cell{white-space:nowrap;font-size:12px}.department-badge{display:inline-flex;align-items:center;padding:4px 12px;background:#f3f4f6;border-radius:20px;font-size:12px;font-weight:500;color:#4b5563}.time-display{font-family:Monaco,Consolas,monospace;font-size:13px;color:#374151}.time-display.late{color:#f59e0b}.hours-display{font-weight:600;color:#1f2937}.hours-display.low{color:#ef4444}.hours-display.normal{color:#16a34a}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600}.status-badge.present{background:#ecfdf5;color:#16a34a}.status-badge.absent{background:#fef2f2;color:#ef4444}.status-badge.late{background:#fff7ed;color:#f59e0b}.status-badge.on-leave{background:#eff6ff;color:#3b82f6}.status-badge.half-day{background:#faf5ff;color:#9333ea}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.empty-icon{width:80px;height:80px;margin:0 auto 20px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center}.empty-icon svg{width:40px;height:40px;color:#9ca3af}.empty-state h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 8px}.empty-state p{font-size:14px;color:#6b7280;margin:0}.pagination-container{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid #e5e7eb;background:#f9fafb}.pagination-info{font-size:14px;color:#6b7280}.pagination-info strong{color:#1f2937}.pagination-controls{display:flex;align-items:center;gap:8px}.page-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#4b5563;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.page-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn.active{background:#16a34a;border-color:#16a34a;color:#fff}.page-btn.nav-btn{width:auto;padding:0 12px;gap:4px}.rows-per-page{display:flex;align-items:center;gap:8px;margin-left:24px}.rows-per-page label{font-size:14px;color:#6b7280}.rows-per-page select{padding:8px 30px 8px 12px;font-size:14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#fff;border-radius:14px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb}.loading-spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#16a34a;border-radius:50%;animation:spin .8s linear infinite}.loading-text{margin-top:16px;font-size:14px;color:#6b7280}@media(max-width:1400px){.attendance-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1200px){.filters-row{flex-direction:column;align-items:stretch}.search-container{max-width:none}.date-filter-group{flex-wrap:wrap}}@media(max-width:768px){.attendance-management-page{padding:16px}.attendance-stats-grid{grid-template-columns:1fr}.attendance-header-top{flex-direction:column}.pagination-container{flex-direction:column;gap:16px;align-items:flex-start}.pagination-controls{width:100%;justify-content:center;flex-wrap:wrap}.rows-per-page{margin-left:0;width:100%;justify-content:center}}.attendance-stat-card,.attendance-filters,.attendance-table-container{animation:fadeIn .4s ease-out}.attendance-stat-card:nth-child(2){animation-delay:.1s}.attendance-stat-card:nth-child(3){animation-delay:.2s}.attendance-stat-card:nth-child(4){animation-delay:.3s}.admin-leave-page{min-height:100vh;background:#f8fafc}.view-only-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#16a34a;font-size:13px;font-weight:600;border-radius:20px;border:1px solid #a7f3d0}.view-only-badge svg{stroke:#16a34a}.page-icon{font-size:28px}.leave-content-grid{display:grid;grid-template-columns:1fr 340px;gap:24px}@media(max-width:1200px){.leave-content-grid{grid-template-columns:1fr}}.leave-requests-section{min-width:0}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 8px;font-size:12px;font-weight:600;background:#0000001a;border-radius:12px}.admin-tab.active .tab-count{background:#ffffff40}.tab-count.warning{background:#fef3c7;color:#d97706}.tab-count.success{background:#dcfce7;color:#16a34a}.tab-count.danger{background:#fee2e2;color:#dc2626}.admin-tab.active .tab-count.warning,.admin-tab.active .tab-count.success,.admin-tab.active .tab-count.danger{background:#ffffff4d;color:#fff}.filters-section{padding:20px;border-bottom:1px solid #e2e8f0}.filter-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-item{flex-shrink:0}.search-filter{flex:1;min-width:280px;position:relative}.search-filter .admin-input{padding-left:44px}.date-filter{display:flex;align-items:center;gap:8px}.date-filter label{font-size:13px;font-weight:500;color:#64748b;white-space:nowrap}.date-filter .admin-input{width:150px}.results-summary{padding:12px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:13px;color:#64748b}.leave-table{font-size:13px}.leave-table th{font-size:11px;padding:12px 14px}.leave-table td{padding:14px;vertical-align:middle}.employee-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.employee-details{display:flex;flex-direction:column;gap:2px}.employee-name{font-weight:600;color:#1e293b;font-size:14px}.employee-meta{font-size:12px;color:#94a3b8}.leave-type-badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;border-radius:6px;text-transform:uppercase;letter-spacing:.3px}.leave-type-annual{background:#ecfdf5;color:#16a34a}.leave-type-sick{background:#fef2f2;color:#ef4444}.leave-type-casual{background:#eff6ff;color:#3b82f6}.leave-type-maternity{background:#fdf2f8;color:#ec4899}.leave-type-paternity{background:#f3e8ff;color:#8b5cf6}.leave-type-unpaid{background:#f3f4f6;color:#6b7280}.days-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:28px;padding:0 8px;background:#f1f5f9;color:#475569;font-weight:600;font-size:13px;border-radius:6px}.reason-cell{max-width:200px;color:#64748b;font-size:13px;line-height:1.4;cursor:help}.approved-by{font-size:12px;color:#16a34a;font-weight:500}.pending-approval{font-size:12px;color:#94a3b8;font-style:italic}.pagination-container{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e2e8f0;background:#f8fafc}.pagination{display:flex;align-items:center;gap:6px}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#16a34a;color:#16a34a}.pagination-btn.active{background:#16a34a;border-color:#16a34a;color:#fff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-ellipsis{padding:0 8px;color:#94a3b8}.pagination-info{font-size:13px;color:#64748b}.leave-balance-section{display:flex;flex-direction:column;gap:20px}.balance-subtitle{font-size:13px;color:#64748b;margin:0 0 20px}.leave-balance-list{display:flex;flex-direction:column;gap:16px}.leave-balance-item{padding:14px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.balance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.balance-type{font-size:13px;font-weight:600}.balance-stats{font-size:12px;color:#64748b}.balance-stats .used{color:#94a3b8}.balance-stats .separator{margin:0 4px;color:#cbd5e1}.balance-stats .total{font-weight:500;color:#64748b}.balance-progress-container{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;margin-bottom:8px}.balance-progress{height:100%;border-radius:3px;transition:width .3s ease}.balance-remaining{display:flex;justify-content:space-between;align-items:center;font-size:12px}.balance-remaining span{color:#94a3b8}.balance-remaining strong{font-weight:600}.balance-note{display:flex;align-items:flex-start;gap:10px;padding:14px;background:#fffbeb;border-radius:8px;border:1px solid #fde68a;margin-top:16px}.balance-note svg{stroke:#d97706;flex-shrink:0;margin-top:2px}.balance-note span{font-size:12px;color:#92400e;line-height:1.5}.insights-list{display:flex;flex-direction:column;gap:14px}.insight-item{display:flex;align-items:center;gap:14px;padding:12px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.insight-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.insight-icon.warning{background:#fef3c7}.insight-icon.warning svg{stroke:#d97706}.insight-icon.info{background:#dbeafe}.insight-icon.info svg{stroke:#2563eb}.insight-icon.success{background:#dcfce7}.insight-icon.success svg{stroke:#16a34a}.insight-content{display:flex;flex-direction:column;gap:2px}.insight-value{font-size:20px;font-weight:700;color:#1e293b;line-height:1.2}.insight-label{font-size:12px;color:#64748b}@media(max-width:1024px){.filter-row{flex-direction:column;align-items:stretch}.search-filter{min-width:100%}.date-filter{width:100%}.date-filter .admin-input{flex:1;width:auto}}@media(max-width:768px){.admin-leave-page{padding:16px}.admin-page-header{flex-direction:column;align-items:flex-start}.admin-compact-stats{flex-direction:column}.admin-compact-stat-card{min-width:100%}.leave-content-grid{grid-template-columns:1fr}.leave-table{font-size:12px}.leave-table th,.leave-table td{padding:10px 8px}.employee-avatar{width:32px;height:32px;font-size:12px}.employee-name{font-size:13px}.pagination-container{flex-direction:column;gap:12px}.admin-tabs{overflow-x:auto;padding-bottom:8px}.admin-tab{padding:8px 14px;font-size:13px}}.admin-table-container::-webkit-scrollbar{height:8px}.admin-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.admin-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.admin-table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.admin-card{animation:fadeIn .3s ease}.leave-balance-item:hover{border-color:#16a34a;box-shadow:0 2px 8px #16a34a1a}.insight-item:hover{border-color:#16a34a;transform:translate(4px);transition:all .2s ease}.action-buttons{display:flex;gap:6px;flex-wrap:nowrap}.admin-btn-success{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:none}.admin-btn-success:hover:not(:disabled){background:linear-gradient(135deg,#15803d,#166534);transform:translateY(-1px)}.admin-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none}.admin-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.admin-btn-sm{padding:6px 10px;font-size:11px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.admin-btn-sm:disabled{opacity:.6;cursor:not-allowed;transform:none}.leave-type-cl{background:#eff6ff;color:#3b82f6}.leave-type-pl{background:#ecfdf5;color:#16a34a}.leave-type-lwp{background:#fef3c7;color:#d97706}.performance-page{padding-bottom:40px}.performance-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px}.performance-left,.performance-right{display:flex;flex-direction:column;gap:24px}.department-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.department-card{background:var(--admin-bg-light);border-radius:var(--admin-radius);padding:16px;border:1px solid var(--admin-border-light);transition:all .2s ease}.department-card:hover{border-color:var(--admin-primary);box-shadow:0 4px 12px #16a34a1a}.department-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.department-name{font-weight:600;color:var(--admin-text-primary);font-size:15px}.department-score{font-weight:700;font-size:18px;padding:4px 10px;border-radius:8px}.department-score.score-excellent{background:#ecfdf5;color:#059669}.department-score.score-good{background:#eff6ff;color:#2563eb}.department-score.score-average{background:#fff7ed;color:#d97706}.department-score.score-needs-improvement{background:#fef2f2;color:#dc2626}.department-meta{margin-bottom:12px}.employee-count{font-size:12px;color:var(--admin-text-secondary)}.rating-distribution{margin-top:8px}.rating-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:#e5e7eb;margin-bottom:8px}.rating-segment{height:100%;transition:width .3s ease}.rating-segment.excellent{background:#10b981}.rating-segment.good{background:#3b82f6}.rating-segment.average{background:#f59e0b}.rating-segment.needs-improvement{background:#ef4444}.rating-legend{display:flex;gap:12px;flex-wrap:wrap}.rating-legend .legend-item{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--admin-text-secondary)}.rating-legend .dot{width:8px;height:8px;border-radius:50%}.rating-legend .dot.excellent{background:#10b981}.rating-legend .dot.good{background:#3b82f6}.rating-legend .dot.average{background:#f59e0b}.rating-legend .dot.needs-improvement{background:#ef4444}.table-filters{display:flex;gap:12px;align-items:center}.search-box{display:flex;align-items:center;gap:8px;background:var(--admin-bg-light);border:1px solid var(--admin-border);border-radius:var(--admin-radius);padding:8px 12px;color:var(--admin-text-secondary)}.search-box input{border:none;background:transparent;outline:none;font-size:14px;width:150px;color:var(--admin-text-primary)}.search-box input::placeholder{color:var(--admin-text-muted)}.filter-select{padding:8px 12px;border:1px solid var(--admin-border);border-radius:var(--admin-radius);background:var(--admin-bg-white);font-size:14px;color:var(--admin-text-primary);cursor:pointer;outline:none}.filter-select:focus{border-color:var(--admin-primary)}.table-container{overflow-x:auto}.performance-table{width:100%;border-collapse:collapse}.performance-table th,.performance-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--admin-border-light)}.performance-table th{background:var(--admin-bg-light);font-weight:600;font-size:13px;color:var(--admin-text-secondary);text-transform:uppercase;letter-spacing:.5px}.performance-table tbody tr:hover{background:var(--admin-bg-light)}.employee-cell{display:flex;align-items:center;gap:12px}.avatar-placeholder{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--admin-primary),var(--admin-primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.avatar-placeholder.large{width:44px;height:44px;font-size:14px}.employee-name{font-weight:500;color:var(--admin-text-primary)}.score-badge{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:4px 12px;border-radius:20px;font-weight:600;font-size:14px}.score-badge.score-excellent{background:#ecfdf5;color:#059669}.score-badge.score-good{background:#eff6ff;color:#2563eb}.score-badge.score-average{background:#fff7ed;color:#d97706}.score-badge.score-needs-improvement{background:#fef2f2;color:#dc2626}.previous-score{color:var(--admin-text-secondary)}.trend-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600}.trend-badge.trend-up{background:#ecfdf5;color:#059669}.trend-badge.trend-down{background:#fef2f2;color:#dc2626}.trend-badge svg{width:14px;height:14px}.goals-progress{display:flex;align-items:center;gap:10px}.progress-bar{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;min-width:60px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--admin-primary),var(--admin-primary-light));border-radius:3px;transition:width .3s ease}.progress-text{font-size:12px;color:var(--admin-text-secondary);font-weight:500;min-width:35px}.status-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.status-badge.status-completed{background:#ecfdf5;color:#059669}.status-badge.status-scheduled{background:#eff6ff;color:#2563eb}.status-badge.status-pending{background:#fff7ed;color:#d97706}.status-badge.status-under-review{background:#f3e8ff;color:#9333ea}.status-badge.status-improvement{background:#fef2f2;color:#dc2626}.top-performers-list{display:flex;flex-direction:column;gap:12px}.top-performer-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--admin-bg-light);border-radius:var(--admin-radius);transition:all .2s ease}.top-performer-item:hover{background:#f0fdf4}.rank-badge{width:28px;height:28px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.top-performer-item:nth-child(1) .rank-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.top-performer-item:nth-child(2) .rank-badge{background:linear-gradient(135deg,#9ca3af,#6b7280)}.top-performer-item:nth-child(3) .rank-badge{background:linear-gradient(135deg,#d97706,#b45309)}.top-performer-item:nth-child(n+4) .rank-badge{background:var(--admin-primary)}.performer-info{flex:1;display:flex;flex-direction:column;min-width:0}.performer-name{font-weight:600;color:var(--admin-text-primary);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.performer-dept{font-size:12px;color:var(--admin-text-secondary)}.performer-score{display:flex;align-items:baseline;gap:2px;flex-shrink:0}.score-value{font-size:20px;font-weight:700;color:var(--admin-primary)}.score-max{font-size:12px;color:var(--admin-text-muted)}.performer-progress{width:60px;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;flex-shrink:0}.performer-progress .progress-fill{background:linear-gradient(90deg,var(--admin-primary),#22c55e)}.review-schedule-list{display:flex;flex-direction:column;gap:12px}.review-item{display:flex;gap:14px;padding:12px;background:var(--admin-bg-light);border-radius:var(--admin-radius);border-left:3px solid var(--admin-primary);transition:all .2s ease}.review-item:hover{transform:translate(4px);box-shadow:0 2px 8px #00000014}.review-date{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:50px;padding:8px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014}.date-day{font-size:20px;font-weight:700;color:var(--admin-primary);line-height:1}.date-month{font-size:11px;color:var(--admin-text-secondary);text-transform:uppercase;font-weight:500}.review-details{display:flex;flex-direction:column;gap:2px;flex:1}.review-employee{font-weight:600;color:var(--admin-text-primary);font-size:14px}.review-meta{font-size:12px;color:var(--admin-text-secondary)}.review-reviewer{font-size:11px;color:var(--admin-text-muted)}.goals-summary{display:flex;flex-direction:column;align-items:center;gap:20px}.goals-total{text-align:center}.goals-number{font-size:36px;font-weight:700;color:var(--admin-primary);display:block}.goals-label{font-size:13px;color:var(--admin-text-secondary)}.goals-breakdown{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%}.goal-stat{text-align:center;padding:12px;background:var(--admin-bg-light);border-radius:8px}.goal-count{font-size:22px;font-weight:700;display:block}.goal-count.completed{color:#10b981}.goal-count.in-progress{color:#3b82f6}.goal-count.not-started{color:#6b7280}.goal-count.overdue{color:#ef4444}.goal-label{font-size:11px;color:var(--admin-text-secondary);text-transform:uppercase;letter-spacing:.5px}.goals-progress-ring{position:relative;width:120px;height:120px}.goals-progress-ring svg{transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#e5e7eb;stroke-width:8}.ring-fill{fill:none;stroke:var(--admin-primary);stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .5s ease}.ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.ring-percent{font-size:24px;font-weight:700;color:var(--admin-primary);display:block}.ring-label{font-size:11px;color:var(--admin-text-secondary)}.charts-section{margin-bottom:24px}.section-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:var(--admin-text-primary);margin-bottom:16px}.section-title svg{color:var(--admin-primary)}.charts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.chart-card{min-height:280px}.chart-placeholder{display:flex;align-items:center;justify-content:center;min-height:200px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:var(--admin-radius);border:2px dashed var(--admin-border)}.placeholder-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;color:var(--admin-text-secondary)}.placeholder-content svg{margin-bottom:12px;color:var(--admin-primary)}.placeholder-content span{font-weight:500;margin-bottom:4px}.placeholder-content small{font-size:12px;color:var(--admin-text-muted)}.score-legend-section{margin-bottom:24px}.score-legend{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.legend-title{font-weight:600;color:var(--admin-text-primary);font-size:14px}.legend-items{display:flex;gap:20px;flex-wrap:wrap}.score-legend .legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--admin-text-secondary)}.color-box{width:16px;height:16px;border-radius:4px}.color-box.excellent{background:#10b981}.color-box.good{background:#3b82f6}.color-box.average{background:#f59e0b}.color-box.needs-improvement{background:#ef4444}@media(max-width:1200px){.performance-grid{grid-template-columns:1fr}.charts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.admin-page-header{flex-direction:column;gap:16px}.admin-header-actions{width:100%;justify-content:flex-start}.admin-compact-stats{flex-direction:column}.admin-compact-stat-card{min-width:100%}.department-grid{grid-template-columns:1fr}.table-filters{flex-direction:column;align-items:stretch}.search-box,.search-box input{width:100%}.charts-grid{grid-template-columns:1fr}.performance-table{font-size:13px}.performance-table th,.performance-table td{padding:10px 8px}.score-legend{flex-direction:column;align-items:flex-start;gap:12px}.goals-breakdown{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.admin-page{padding:16px}.top-performer-item{flex-wrap:wrap}.performer-progress{width:100%;order:5}.review-item{flex-direction:column}.review-date{flex-direction:row;gap:8px}}.admin-payrolls-page{padding:24px;background:linear-gradient(135deg,#f8fdf9,#e8f5e9);min-height:calc(100vh - 64px)}.admin-payrolls-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding:24px;background:linear-gradient(135deg,#1b5e20,#2e7d32);border-radius:16px;color:#fff;box-shadow:0 4px 20px #1b5e204d}.admin-payrolls-page .header-content{display:flex;align-items:center;gap:16px}.admin-payrolls-page .header-icon{width:56px;height:56px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.admin-payrolls-page .header-text h1{margin:0;font-size:28px;font-weight:700}.admin-payrolls-page .header-text p{margin:4px 0 0;opacity:.9;font-size:14px}.admin-payrolls-page .header-meta{display:flex;align-items:center;gap:8px;background:#ffffff26;padding:8px 16px;border-radius:8px;font-size:14px}.admin-payrolls-page .company-info i{margin-right:8px}.admin-payrolls-page .payroll-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.admin-payrolls-page .stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 12px #00000014;border:1px solid #e8f5e9;transition:transform .2s ease,box-shadow .2s ease}.admin-payrolls-page .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #2e7d3226}.admin-payrolls-page .stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}.admin-payrolls-page .stat-card.total-payroll .stat-icon{background:linear-gradient(135deg,#1b5e20,#2e7d32);color:#fff}.admin-payrolls-page .stat-card.employees-paid .stat-icon{background:linear-gradient(135deg,#0288d1,#03a9f4);color:#fff}.admin-payrolls-page .stat-card.pending-payments .stat-icon{background:linear-gradient(135deg,#f57c00,#ff9800);color:#fff}.admin-payrolls-page .stat-card.average-salary .stat-icon{background:linear-gradient(135deg,#7b1fa2,#9c27b0);color:#fff}.admin-payrolls-page .stat-content h3{margin:0;font-size:13px;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.admin-payrolls-page .stat-value{margin:4px 0;font-size:24px;font-weight:700;color:#1b5e20}.admin-payrolls-page .stat-label{font-size:12px;color:#888}.admin-payrolls-page .payroll-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f}.admin-payrolls-page .period-selector{display:flex;align-items:center;gap:12px}.admin-payrolls-page .period-selector label{font-weight:600;color:#333}.admin-payrolls-page .period-selector select{padding:10px 16px;border:2px solid #c8e6c9;border-radius:8px;font-size:14px;font-weight:500;color:#1b5e20;background:#f1f8e9;cursor:pointer;transition:border-color .2s}.admin-payrolls-page .period-selector select:focus{outline:none;border-color:#2e7d32}.admin-payrolls-page .quick-actions{display:flex;gap:12px}.admin-payrolls-page .action-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-payrolls-page .action-btn i{font-size:14px}.admin-payrolls-page .generate-btn{background:linear-gradient(135deg,#1b5e20,#2e7d32);color:#fff}.admin-payrolls-page .generate-btn:hover{background:linear-gradient(135deg,#145218,#256d29);transform:translateY(-1px)}.admin-payrolls-page .download-btn{background:#e3f2fd;color:#1565c0}.admin-payrolls-page .download-btn:hover{background:#bbdefb}.admin-payrolls-page .export-btn{background:#e8f5e9;color:#2e7d32}.admin-payrolls-page .export-btn:hover{background:#c8e6c9}.admin-payrolls-page .summary-structure-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.admin-payrolls-page .payroll-summary-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px #00000014;border:1px solid #e8f5e9}.admin-payrolls-page .payroll-summary-card h3{margin:0 0 20px;font-size:18px;color:#1b5e20;display:flex;align-items:center;gap:10px}.admin-payrolls-page .summary-grid{display:grid;gap:16px}.admin-payrolls-page .summary-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fdf9;border-radius:8px}.admin-payrolls-page .summary-label{font-size:14px;color:#555}.admin-payrolls-page .summary-value{font-size:18px;font-weight:700;color:#1b5e20}.admin-payrolls-page .summary-value.negative{color:#d32f2f}.admin-payrolls-page .summary-value.highlight{font-size:22px;color:#1b5e20}.admin-payrolls-page .summary-divider{height:1px;background:linear-gradient(to right,transparent,#c8e6c9,transparent);margin:4px 0}.admin-payrolls-page .deduction-breakdown{margin-top:20px;padding-top:16px;border-top:1px dashed #c8e6c9}.admin-payrolls-page .deduction-breakdown h4{margin:0 0 12px;font-size:14px;color:#666;font-weight:600}.admin-payrolls-page .breakdown-items{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.admin-payrolls-page .breakdown-item{display:flex;justify-content:space-between;font-size:13px;color:#555;padding:8px 12px;background:#fafafa;border-radius:6px}.admin-payrolls-page .payment-status-summary{display:flex;justify-content:space-around;margin-top:20px;padding-top:16px;border-top:1px dashed #c8e6c9}.admin-payrolls-page .status-item{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.admin-payrolls-page .status-item.paid{color:#2e7d32}.admin-payrolls-page .status-item.processing{color:#1565c0}.admin-payrolls-page .status-item.pending{color:#f57c00}.admin-payrolls-page .salary-structure-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px #00000014;border:1px solid #e8f5e9}.admin-payrolls-page .salary-structure-card h3{margin:0 0 20px;font-size:18px;color:#1b5e20;display:flex;align-items:center;gap:10px}.admin-payrolls-page .structure-section{margin-bottom:20px}.admin-payrolls-page .structure-section:last-child{margin-bottom:0}.admin-payrolls-page .section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #eee}.admin-payrolls-page .section-title.earnings{color:#2e7d32}.admin-payrolls-page .section-title.deductions{color:#d32f2f}.admin-payrolls-page .structure-items{display:flex;flex-direction:column;gap:8px}.admin-payrolls-page .structure-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#f8fdf9;border-radius:6px;font-size:13px}.admin-payrolls-page .component-name{color:#333;font-weight:500}.admin-payrolls-page .component-formula{color:#666;font-size:12px;background:#e8f5e9;padding:4px 8px;border-radius:4px}.admin-payrolls-page .payroll-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f}.admin-payrolls-page .search-box{position:relative;flex:1;max-width:400px}.admin-payrolls-page .search-box i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#888}.admin-payrolls-page .search-box input{width:100%;padding:12px 12px 12px 42px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s}.admin-payrolls-page .search-box input:focus{outline:none;border-color:#2e7d32}.admin-payrolls-page .filter-group{display:flex;gap:12px}.admin-payrolls-page .filter-group select{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;color:#333;background:#fff;cursor:pointer;min-width:160px;transition:border-color .2s}.admin-payrolls-page .filter-group select:focus{outline:none;border-color:#2e7d32}.admin-payrolls-page .payroll-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #00000014;margin-bottom:20px}.admin-payrolls-page .payroll-table{width:100%;border-collapse:collapse}.admin-payrolls-page .payroll-table thead{background:linear-gradient(135deg,#1b5e20,#2e7d32)}.admin-payrolls-page .payroll-table thead th{padding:16px;text-align:left;color:#fff;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.admin-payrolls-page .payroll-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.admin-payrolls-page .payroll-table tbody tr:hover{background:#f8fdf9}.admin-payrolls-page .payroll-table tbody td{padding:16px;font-size:14px;color:#333}.admin-payrolls-page .employee-cell{min-width:220px}.admin-payrolls-page .employee-info{display:flex;align-items:center;gap:12px}.admin-payrolls-page .employee-avatar{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,#1b5e20,#2e7d32);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.admin-payrolls-page .employee-details{display:flex;flex-direction:column}.admin-payrolls-page .employee-name{font-weight:600;color:#1b5e20}.admin-payrolls-page .employee-meta{font-size:12px;color:#888;margin-top:2px}.admin-payrolls-page .amount-cell{font-family:Roboto Mono,monospace}.admin-payrolls-page .primary-amount{font-weight:600;color:#333}.admin-payrolls-page .primary-amount.highlight{color:#1b5e20;font-size:15px}.admin-payrolls-page .allowance-breakdown,.admin-payrolls-page .deduction-breakdown-cell{position:relative}.admin-payrolls-page .breakdown-tooltip{display:block;font-size:11px;color:#888;margin-top:4px;font-weight:400}.admin-payrolls-page .amount-cell.deduction .primary-amount{color:#d32f2f}.admin-payrolls-page .status-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.admin-payrolls-page .status-paid{background:#e8f5e9;color:#2e7d32}.admin-payrolls-page .status-pending{background:#fff3e0;color:#f57c00}.admin-payrolls-page .status-processing{background:#e3f2fd;color:#1565c0}.admin-payrolls-page .view-details-btn{width:36px;height:36px;border:none;border-radius:8px;background:#f1f8e9;color:#2e7d32;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.admin-payrolls-page .view-details-btn:hover{background:#2e7d32;color:#fff;transform:scale(1.05)}.admin-payrolls-page .no-results{padding:60px 20px;text-align:center;color:#888}.admin-payrolls-page .no-results i{font-size:48px;margin-bottom:16px;opacity:.5}.admin-payrolls-page .no-results p{margin:0;font-size:16px}.admin-payrolls-page .pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:16px}.admin-payrolls-page .pagination-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;border:2px solid #c8e6c9;border-radius:8px;background:#fff;color:#2e7d32;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-payrolls-page .pagination-btn:hover:not(:disabled){background:#2e7d32;color:#fff;border-color:#2e7d32}.admin-payrolls-page .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.admin-payrolls-page .page-numbers{display:flex;gap:6px}.admin-payrolls-page .page-number{width:36px;height:36px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;color:#333;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-payrolls-page .page-number:hover{border-color:#2e7d32;color:#2e7d32}.admin-payrolls-page .page-number.active{background:#2e7d32;border-color:#2e7d32;color:#fff}.admin-payrolls-page .results-info{text-align:center;font-size:14px;color:#666}@media(max-width:1200px){.admin-payrolls-page .payroll-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-payrolls-page .summary-structure-row{grid-template-columns:1fr}}@media(max-width:992px){.admin-payrolls-page .payroll-controls{flex-direction:column;gap:16px;align-items:stretch}.admin-payrolls-page .quick-actions{flex-wrap:wrap;justify-content:center}.admin-payrolls-page .payroll-filters{flex-direction:column;gap:16px}.admin-payrolls-page .search-box{max-width:100%}.admin-payrolls-page .filter-group{width:100%;justify-content:stretch}.admin-payrolls-page .filter-group select{flex:1;min-width:auto}}@media(max-width:768px){.admin-payrolls-page{padding:16px}.admin-payrolls-page .page-header{flex-direction:column;gap:16px}.admin-payrolls-page .header-text h1{font-size:22px}.admin-payrolls-page .payroll-stats-grid{grid-template-columns:1fr}.admin-payrolls-page .payroll-table-container{overflow-x:auto}.admin-payrolls-page .payroll-table{min-width:900px}.admin-payrolls-page .breakdown-items{grid-template-columns:1fr}.admin-payrolls-page .payment-status-summary{flex-direction:column;gap:12px;align-items:flex-start}}@media(max-width:480px){.admin-payrolls-page .action-btn,.admin-payrolls-page .pagination-btn{padding:8px 12px;font-size:12px}.admin-payrolls-page .page-number{width:32px;height:32px;font-size:12px}}.policies-page{padding:24px;background:var(--admin-bg-light);min-height:100vh}.policies-page .header-left{display:flex;flex-direction:column;gap:4px}.policies-page .title-icon{font-size:28px}.policies-page .btn-icon{font-size:18px;font-weight:700}.notification{position:fixed;top:20px;right:20px;padding:14px 24px;border-radius:10px;display:flex;align-items:center;gap:10px;z-index:9999;animation:slideIn .3s ease;box-shadow:0 4px 12px #00000026;font-weight:500}.notification.success{background:#ecfdf5;color:#16a34a;border:1px solid #16a34a}.notification.error{background:#fef2f2;color:#ef4444;border:1px solid #ef4444}.notification-icon{font-size:18px;font-weight:700}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.policies-filters-section{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.search-box{flex:1;min-width:280px;position:relative}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:16px;opacity:.6}.search-input{padding-left:42px!important}.filter-group{display:flex;align-items:center;gap:8px}.filter-label{font-size:14px;font-weight:600;color:var(--admin-text-secondary);white-space:nowrap}.filter-select{min-width:140px}.category-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap;background:#fff;padding:12px;border-radius:12px;box-shadow:0 2px 8px #0000000f}.category-tab{padding:10px 18px;border:2px solid transparent;background:#f3f4f6;border-radius:8px;font-size:14px;font-weight:500;color:var(--admin-text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.category-tab:hover{background:#e5e7eb;color:var(--admin-text-primary)}.category-tab.active{background:var(--admin-primary);color:#fff;border-color:var(--admin-primary)}.category-count{background:#fff3;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.category-tab:not(.active) .category-count{background:#e5e7eb;color:var(--admin-text-secondary)}.policies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px}.policy-card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb;transition:all .3s ease;display:flex;flex-direction:column}.policy-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:var(--admin-primary)}.policy-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.policy-category-badge,.policy-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-active{background:#ecfdf5;color:#16a34a}.status-draft{background:#fff7ed;color:#f59e0b}.status-archived{background:#f3f4f6;color:#6b7280}.policy-title{font-size:18px;font-weight:700;color:var(--admin-text-primary);margin:0 0 10px;line-height:1.4}.policy-description{font-size:14px;color:var(--admin-text-secondary);line-height:1.6;margin:0 0 16px;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.policy-meta{display:flex;gap:20px;padding:12px 0;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;margin-bottom:16px}.meta-item{display:flex;flex-direction:column;gap:2px}.meta-label{font-size:11px;color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.meta-value{font-size:13px;color:var(--admin-text-primary);font-weight:500}.policy-card-actions{display:flex;justify-content:space-between;align-items:center}.view-policy-btn{background:transparent;border:none;color:var(--admin-primary);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;padding:8px 0;transition:all .2s ease}.view-policy-btn:hover{color:var(--admin-primary-dark)}.action-buttons{display:flex;gap:8px}.action-btn{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.edit-btn{background:#eff6ff;color:#3b82f6}.edit-btn:hover{background:#3b82f6;color:#fff}.delete-btn{background:#fef2f2;color:#ef4444}.delete-btn:hover{background:#ef4444;color:#fff}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;background:#fff;border-radius:14px;box-shadow:0 2px 8px #0000000f}.empty-icon{font-size:64px;opacity:.5;display:block;margin-bottom:16px}.empty-state h3{font-size:18px;font-weight:600;color:var(--admin-text-primary);margin:0 0 8px}.empty-state p{font-size:14px;color:var(--admin-text-muted);margin:0}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease;box-shadow:0 20px 60px #0003}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,var(--admin-primary) 0%,var(--admin-secondary) 100%);color:#fff}.modal-header h2{margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.modal-icon{font-size:22px}.modal-close{background:#fff3;border:none;font-size:24px;cursor:pointer;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease}.modal-close:hover{background:#ffffff4d}.delete-modal{max-width:440px}.delete-header{background:linear-gradient(135deg,#ef4444,#dc2626)}.delete-body{text-align:center;padding:32px 24px}.delete-warning-icon{font-size:56px;margin-bottom:16px}.delete-message{font-size:16px;color:var(--admin-text-primary);margin:0 0 12px}.delete-warning{font-size:14px;color:var(--admin-text-muted);margin:0}.file-upload-area{position:relative}.file-input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;border:2px dashed #d1d5db;border-radius:10px;background:#f9fafb;cursor:pointer;transition:all .2s ease;gap:8px}.file-upload-label:hover{border-color:var(--admin-primary);background:#ecfdf5}.upload-icon{font-size:28px}.file-upload-label span{font-size:14px;color:var(--admin-text-secondary)}.file-hint{font-size:12px!important;color:var(--admin-text-muted)!important}@media(max-width:1024px){.policies-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media(max-width:768px){.policies-page{padding:16px}.admin-page-header{flex-direction:column;gap:16px}.admin-header-actions{width:100%}.admin-btn-primary{width:100%;justify-content:center}.policies-filters-section{flex-direction:column}.search-box{width:100%}.filter-group{width:100%;justify-content:space-between}.filter-select{flex:1}.category-tabs{overflow-x:auto;flex-wrap:nowrap;padding:8px;gap:6px}.category-tab{padding:8px 14px;font-size:13px;white-space:nowrap}.policies-grid{grid-template-columns:1fr}.policy-meta{flex-direction:column;gap:12px}.modal-content{max-width:100%;max-height:100%;border-radius:0}.admin-form-row{grid-template-columns:1fr}}@media(max-width:480px){.admin-compact-stats{flex-direction:column}.admin-compact-stat-card{min-width:100%}.policy-card-actions{flex-direction:column;gap:12px;align-items:stretch}.view-policy-btn{justify-content:center;padding:10px;background:#f3f4f6;border-radius:8px}.action-buttons{justify-content:flex-end}}.announcements-page{min-height:100vh}.announcements-list-container{padding:0}.announcements-list{display:flex;flex-direction:column;gap:16px}.announcement-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:20px;transition:all .2s ease;position:relative}.announcement-card:hover{box-shadow:0 4px 12px #00000014;border-color:#d1d5db}.announcement-card.pinned{border-color:#16a34a;background:linear-gradient(to right,#f0fdf4,#fff)}.announcement-card.pinned:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#16a34a;border-radius:12px 0 0 12px}.announcement-pinned-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:4px 10px;background:#ecfdf5;color:#16a34a;border-radius:20px;font-size:11px;font-weight:600}.announcement-pinned-badge svg{width:12px;height:12px}.announcement-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.announcement-title-section{flex:1}.announcement-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 10px;line-height:1.4}.announcement-badges{display:flex;flex-wrap:wrap;gap:8px}.announcement-priority-badge,.announcement-category-badge,.announcement-status-badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:.3px}.announcement-status-badge.status-published{background:#ecfdf5;color:#16a34a}.announcement-status-badge.status-scheduled{background:#fff7ed;color:#ea580c}.announcement-status-badge.status-draft{background:#f3f4f6;color:#6b7280}.announcement-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.announcement-actions .admin-btn-icon{width:36px;height:36px}.announcement-actions .admin-btn-icon.delete:hover{background:#fef2f2;border-color:#fecaca}.announcement-actions .admin-btn-icon.delete:hover svg{fill:#ef4444}.announcement-content{margin-bottom:16px}.announcement-preview{font-size:14px;color:#4b5563;line-height:1.6;margin:0;white-space:pre-line}.announcement-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #f3f4f6;flex-wrap:wrap;gap:12px}.announcement-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.announcement-audience{display:flex;flex-wrap:wrap;gap:6px}.audience-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#f3f4f6;color:#374151;border-radius:20px;font-size:12px;font-weight:500}.audience-tag svg{width:12px;height:12px;fill:#6b7280}.announcement-attachments{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.announcement-attachments svg{width:16px;height:16px;fill:#6b7280}.announcement-info{display:flex;align-items:center;gap:16px}.announcement-author,.announcement-date{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.announcement-author svg,.announcement-date svg{width:14px;height:14px;fill:#9ca3af}.announcement-modal{max-width:640px}.announcement-textarea{min-height:150px}.audience-checkboxes{display:flex;flex-wrap:wrap;gap:16px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#374151}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:#16a34a;border-color:#16a34a}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.checkbox-label input[type=checkbox]:disabled+.checkbox-custom{background:#f3f4f6;border-color:#e5e7eb}.publish-options{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:12px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#374151}.radio-label input[type=radio]{display:none}.radio-custom{width:18px;height:18px;border:2px solid #d1d5db;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.radio-label input[type=radio]:checked+.radio-custom{border-color:#16a34a}.radio-label input[type=radio]:checked+.radio-custom:after{content:"";width:10px;height:10px;background:#16a34a;border-radius:50%}.schedule-input{margin-top:8px;max-width:280px}.attachment-upload{display:flex;align-items:center;gap:12px}.attachment-hint{font-size:12px;color:#9ca3af}.delete-modal{max-width:420px}.delete-warning{text-align:center;padding:20px 0}.delete-icon{width:64px;height:64px;background:#fef2f2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.delete-icon svg{width:32px;height:32px;fill:#ef4444}.delete-warning p{margin:0 0 8px;color:#4b5563;font-size:14px}.delete-title{font-weight:600;color:#1f2937;font-size:16px!important}.delete-note{color:#9ca3af!important;font-size:13px!important;margin-top:12px!important}@media(max-width:768px){.announcement-header{flex-direction:column;gap:12px}.announcement-actions{width:100%;justify-content:flex-end}.announcement-footer{flex-direction:column;align-items:flex-start}.announcement-info{width:100%;justify-content:space-between}.admin-form-row{grid-template-columns:1fr}.audience-checkboxes,.publish-options,.admin-toolbar{flex-direction:column;gap:12px}.admin-toolbar-left,.admin-toolbar-right{width:100%}.admin-search-bar{max-width:100%}.admin-toolbar-right{flex-wrap:wrap}.admin-toolbar-right .admin-select{flex:1;min-width:140px}}@media(max-width:480px){.announcement-card{padding:16px}.announcement-title{font-size:16px}.announcement-badges{gap:6px}.announcement-priority-badge,.announcement-category-badge,.announcement-status-badge{padding:3px 8px;font-size:10px}.admin-compact-stats{flex-direction:column}.admin-compact-stat-card{min-width:100%}.admin-modal{margin:10px}}.admin-reports-page{padding:24px;background-color:#f8fafc;min-height:100vh}.reports-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px;margin-bottom:28px;padding:24px;background:linear-gradient(135deg,#16a34a,#22c55e);border-radius:16px;box-shadow:0 4px 15px #16a34a4d}.header-title-section{display:flex;align-items:center;gap:16px}.header-icon{width:56px;height:56px;background:#fff3;border-radius:14px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-icon svg{width:32px;height:32px;color:#fff}.header-text h1{font-size:28px;font-weight:700;color:#fff;margin:0 0 4px}.header-text p{font-size:14px;color:#ffffffd9;margin:0}.header-actions{display:flex;flex-direction:column;gap:12px;align-items:flex-end}.date-range-picker{display:flex;align-items:center;gap:10px;background:#ffffff26;padding:8px 14px;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.date-range-picker label{font-size:13px;color:#ffffffe6;font-weight:500}.date-range-picker input[type=date]{padding:8px 12px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#fffffff2;color:#374151;font-size:13px;cursor:pointer;transition:all .2s ease}.date-range-picker input[type=date]:hover{border-color:#16a34a}.date-range-picker input[type=date]:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a33}.export-buttons{display:flex;gap:10px}.export-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.export-btn svg{width:16px;height:16px}.export-btn.pdf{background:#fff;color:#dc2626}.export-btn.pdf:hover{background:#fef2f2;transform:translateY(-1px)}.export-btn.excel{background:#fff;color:#16a34a}.export-btn.excel:hover{background:#f0fdf4;transform:translateY(-1px)}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px}.chart-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb;transition:all .3s ease}.chart-card:hover{box-shadow:0 8px 25px #16a34a1f;transform:translateY(-2px)}.chart-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.chart-header h3{font-size:16px;font-weight:600;color:#111827;margin:0 0 4px}.chart-subtitle{font-size:12px;color:#6b7280}.chart-container{width:100%;height:280px}.section-title{font-size:20px;font-weight:700;color:#111827;margin:0 0 20px;display:flex;align-items:center;gap:10px}.section-title:before{content:"";width:4px;height:24px;background:linear-gradient(180deg,#16a34a,#22c55e);border-radius:2px}.quick-stats-section{margin-bottom:32px}.quick-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.quick-stat-card{background:#fff;border-radius:14px;padding:18px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb;transition:all .3s ease}.quick-stat-card:hover{box-shadow:0 6px 20px #16a34a26;transform:translateY(-3px);border-color:#16a34a}.stat-icon{font-size:28px;width:52px;height:52px;background:linear-gradient(135deg,#dcfce7,#f0fdf4);border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-info{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:12px;color:#6b7280;font-weight:500}.stat-value{font-size:22px;font-weight:700;color:#111827}.stat-change{font-size:12px;font-weight:600;padding:3px 8px;border-radius:20px}.stat-change.positive{color:#16a34a;background:#dcfce7}.stat-change.negative{color:#dc2626;background:#fee2e2}.report-download-section{margin-bottom:24px}.report-download-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.report-download-card{background:#fff;border-radius:14px;padding:18px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb;transition:all .3s ease}.report-download-card:hover{box-shadow:0 6px 20px #16a34a1f;transform:translateY(-2px)}.report-icon{font-size:32px;width:56px;height:56px;background:linear-gradient(135deg,#dcfce7,#f0fdf4);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.report-info{flex:1;min-width:0}.report-info h4{font-size:15px;font-weight:600;color:#111827;margin:0 0 4px}.report-info p{font-size:12px;color:#6b7280;margin:0;line-height:1.4}.report-actions{display:flex;gap:8px;flex-shrink:0}.download-btn{padding:8px 14px;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.download-btn.pdf{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.download-btn.pdf:hover{background:#fee2e2;transform:translateY(-1px)}.download-btn.excel{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.download-btn.excel:hover{background:#dcfce7;transform:translateY(-1px)}@media(max-width:1400px){.quick-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1200px){.charts-grid{grid-template-columns:1fr}.quick-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:992px){.reports-header{flex-direction:column;align-items:stretch}.header-actions{align-items:stretch}.date-range-picker{flex-wrap:wrap;justify-content:center}.export-buttons{justify-content:center}.quick-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.admin-reports-page{padding:16px}.reports-header{padding:18px}.header-text h1{font-size:22px}.chart-card{padding:16px}.chart-container{height:240px}.quick-stats-grid{grid-template-columns:repeat(2,1fr)}.quick-stat-card{padding:14px}.stat-value{font-size:18px}.report-download-card{flex-wrap:wrap}.report-actions{width:100%;justify-content:flex-end;margin-top:8px}}@media(max-width:480px){.header-title-section{flex-direction:column;text-align:center}.date-range-picker{flex-direction:column;gap:8px}.date-range-picker input[type=date]{width:100%}.export-buttons{flex-direction:column;width:100%}.export-btn{justify-content:center}.quick-stats-grid,.report-download-grid{grid-template-columns:1fr}}.recharts-default-tooltip{border-radius:8px!important;box-shadow:0 4px 12px #00000026!important}.recharts-legend-item-text{color:#374151!important;font-size:12px!important}.recharts-cartesian-axis-tick-value{fill:#6b7280!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chart-card{animation:fadeInUp .5s ease-out forwards}.chart-card:nth-child(1){animation-delay:.1s}.chart-card:nth-child(2){animation-delay:.15s}.chart-card:nth-child(3){animation-delay:.2s}.chart-card:nth-child(4){animation-delay:.25s}.chart-card:nth-child(5){animation-delay:.3s}.chart-card:nth-child(6){animation-delay:.35s}.quick-stat-card{animation:fadeInUp .5s ease-out forwards;animation-delay:.4s;opacity:0}.report-download-card{animation:fadeInUp .5s ease-out forwards;animation-delay:.5s;opacity:0}.admin-profile-page{padding:24px;background-color:#f8fafc;min-height:100vh}.profile-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.profile-header-left{display:flex;align-items:center;gap:12px}.profile-header h1{font-size:28px;font-weight:700;color:#1e293b;margin:0}.profile-subtitle{font-size:14px;color:#64748b;margin:4px 0 0}.btn-edit-profile{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-edit-profile:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.edit-mode-actions{display:flex;gap:12px}.btn-cancel-edit{background:#fff;color:#64748b;border:1px solid #e2e8f0;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-cancel-edit:hover{background:#f8fafc;border-color:#cbd5e1}.btn-save-profile{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-save-profile:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.btn-save-profile:disabled{opacity:.6;cursor:not-allowed}.alert{padding:12px 20px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-weight:500}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.profile-header-icon{width:40px;height:40px;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.profile-card{background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;padding:32px;margin-bottom:24px;display:flex;align-items:center;gap:24px;box-shadow:0 4px 20px #10b9814d}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:12px}.profile-avatar{width:120px;height:120px;border-radius:50%;background:#fff3;border:4px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:700;color:#fff;text-transform:uppercase}.edit-photo-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center}.edit-photo-btn:hover{background:#ffffff4d}.profile-info{flex:1;color:#fff}.profile-name{font-size:28px;font-weight:700;margin:0 0 4px}.profile-designation{font-size:16px;opacity:.9;margin-bottom:8px}.profile-employee-id{font-size:14px;opacity:.8;margin-bottom:12px}.profile-badges{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.role-badge{background:#fff3;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600}.member-since{font-size:13px;opacity:.8;display:flex;align-items:center}.profile-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}@media(max-width:1024px){.profile-content{grid-template-columns:1fr}}.profile-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.section-title{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0;display:flex;align-items:center;gap:10px}.section-title svg{color:#10b981}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:13px;font-weight:600;color:#64748b;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:15px;color:#1e293b;background:#f8fafc;transition:all .2s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#10b981;background:#fff;box-shadow:0 0 0 3px #10b9811a}.form-group input[readonly],.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled,.form-group input.readonly,.form-group select.readonly,.form-group textarea.readonly{background:#f1f5f9;color:#64748b;cursor:not-allowed;border-color:#e2e8f0}.form-group .label-hint{font-size:11px;color:#94a3b8;font-weight:400;margin-left:6px}.char-count{display:block;text-align:right;font-size:12px;color:#94a3b8;margin-top:4px}.form-group textarea{resize:vertical;min-height:80px}.password-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.password-alert{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;background:linear-gradient(135deg,#fef3c7,#fef9c3);border:1px solid #fcd34d;border-radius:10px;margin-bottom:20px}.password-alert .alert-icon{color:#f59e0b;flex-shrink:0;margin-top:2px}.password-alert .alert-icon svg{width:20px;height:20px}.password-alert .alert-content{flex:1}.password-alert .alert-content strong{display:block;color:#92400e;font-size:14px;font-weight:600;margin-bottom:4px}.password-alert .alert-content p{color:#a16207;font-size:13px;margin:0;line-height:1.5}.password-form-disabled{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;opacity:.6;pointer-events:none}.password-form-disabled .form-group input{background:#f1f5f9}@media(max-width:768px){.password-form-disabled{grid-template-columns:1fr}}.password-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}@media(max-width:768px){.password-grid{grid-template-columns:1fr}}.change-password-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.change-password-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.change-password-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.account-settings{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.settings-list{display:flex;flex-direction:column;gap:16px}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.setting-info{display:flex;flex-direction:column;gap:4px}.setting-name{font-size:15px;font-weight:600;color:#1e293b}.setting-description{font-size:13px;color:#64748b}.toggle-switch{position:relative;width:52px;height:28px}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s;border-radius:28px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#10b981,#059669)}.activity-log{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;transition:all .2s ease}.activity-item.current{background:#ecfdf5;border-color:#a7f3d0}.current-badge{display:inline-block;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:11px;padding:3px 8px;border-radius:4px;margin-left:8px;font-weight:500}.activity-icon{width:44px;height:44px;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0}.activity-details{flex:1}.activity-title{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:4px}.activity-meta{display:flex;gap:16px;flex-wrap:wrap}.activity-meta span{font-size:13px;color:#64748b;display:flex;align-items:center;gap:4px}.activity-time{font-size:13px;color:#64748b;white-space:nowrap}.profile-actions{display:flex;gap:16px;justify-content:flex-end;padding-top:24px;border-top:1px solid #e2e8f0;margin-top:24px}.btn-save{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:14px 32px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 16px #10b98166}.btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-cancel{background:#fff;color:#64748b;border:1px solid #e2e8f0;padding:14px 32px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1}.success-message{background:#d1fae5;color:#065f46;padding:12px 20px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-weight:500}.error-message{background:#fee2e2;color:#991b1b;padding:12px 20px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-weight:500}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top:4px solid #10b981;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.admin-profile-page{padding:16px}.profile-card{flex-direction:column;text-align:center;padding:24px}.profile-badges{justify-content:center}.profile-actions{flex-direction:column}.btn-save,.btn-cancel{width:100%;justify-content:center}.activity-item{flex-direction:column;align-items:flex-start}.activity-time{margin-top:8px}}.admin-settings-page{padding:24px;max-width:1400px;margin:0 auto}.settings-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.settings-header h1{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;color:#1a1a2e;margin:0}.header-icon{font-size:32px}.header-subtitle{color:#666;font-size:14px;margin-top:4px}.header-meta{display:flex;align-items:center}.last-updated{background:#f5f5f5;padding:8px 16px;border-radius:8px;font-size:13px;color:#666}.settings-container{display:flex;gap:24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;min-height:600px}.settings-tabs{width:260px;background:linear-gradient(180deg,#f8faf8,#f0f5f0);padding:16px;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;gap:8px}.tab-button{display:flex;align-items:center;gap:12px;padding:14px 16px;border:none;background:transparent;border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left}.tab-button:hover{background:#4caf501a}.tab-button.active{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 4px 12px #4caf504d}.tab-icon{font-size:20px}.tab-label{font-size:14px;font-weight:500}.settings-content{flex:1;padding:24px;overflow-y:auto}.settings-section{margin-bottom:32px}.section-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e8f5e9}.section-icon{font-size:22px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:14px;font-weight:600;color:#333}.form-input,.form-select{padding:12px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff}.form-input:focus,.form-select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.form-textarea{resize:vertical;min-height:60px}.input-hint{font-size:12px;color:#888;margin-top:4px}.logo-upload{display:flex;align-items:center;gap:20px;padding:16px;background:#f9f9f9;border-radius:10px;border:2px dashed #ddd}.logo-preview{width:80px;height:80px;border-radius:12px;background:linear-gradient(135deg,#4caf50,#81c784);display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-preview img{width:100%;height:100%;object-fit:cover}.logo-placeholder{font-size:36px;filter:grayscale(100%) brightness(200%)}.logo-actions{display:flex;flex-direction:column;gap:8px}.btn-upload{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.btn-upload:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.upload-hint{font-size:12px;color:#888}.working-days-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px}.day-checkbox{display:flex;flex-direction:column;align-items:center;padding:16px;background:#f5f5f5;border-radius:10px;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.day-checkbox:hover{background:#e8f5e9}.day-checkbox.active{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#4caf50}.day-checkbox input{display:none}.day-name{font-weight:600;font-size:14px;color:#333;margin-bottom:4px}.day-status{font-size:12px;color:#888}.day-checkbox.active .day-status{color:#4caf50;font-weight:500}.toggle-setting{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f9f9f9;border-radius:10px;margin-bottom:12px}.toggle-info{display:flex;flex-direction:column;gap:4px}.toggle-label{font-weight:600;font-size:14px;color:#333}.toggle-description{font-size:13px;color:#888}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#4caf50,#45a049)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.approval-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.approval-option{display:flex;align-items:center;gap:16px;padding:20px;background:#f9f9f9;border-radius:12px;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.approval-option:hover{background:#e8f5e9}.approval-option.active{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#4caf50}.approval-option input{display:none}.approval-content{display:flex;flex-direction:column;gap:4px}.approval-icon{font-size:28px;margin-bottom:4px}.approval-title{font-weight:600;font-size:15px;color:#333}.approval-desc{font-size:13px;color:#888}.notification-toggles{margin-bottom:24px}.settings-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:24px;padding-top:24px;border-top:2px solid #e0e0e0}.btn-reset{padding:14px 28px;background:#f5f5f5;color:#666;border:2px solid #ddd;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.btn-reset:hover{background:#eee;border-color:#ccc}.btn-save{padding:14px 32px;background:linear-gradient(135deg,#9e9e9e,#757575);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:not-allowed;transition:all .2s ease;display:flex;align-items:center;gap:8px}.btn-save.has-changes{background:linear-gradient(135deg,#4caf50,#45a049);cursor:pointer;box-shadow:0 4px 12px #4caf504d}.btn-save.has-changes:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}@media(max-width:900px){.settings-container{flex-direction:column}.settings-tabs{width:100%;flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid #e0e0e0}.tab-button{flex:1;min-width:140px;justify-content:center}.tab-label{display:none}.tab-icon{font-size:24px}}@media(max-width:600px){.admin-settings-page{padding:16px}.settings-header{flex-direction:column;gap:16px}.settings-header h1{font-size:22px}.settings-grid{grid-template-columns:1fr}.working-days-grid{grid-template-columns:repeat(2,1fr)}.approval-options{grid-template-columns:1fr}.settings-actions{flex-direction:column}.btn-reset,.btn-save{width:100%;justify-content:center}}.admin-notifications-page{padding:24px;max-width:1200px;margin:0 auto}.notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px;background:linear-gradient(135deg,#059669,#10b981);border-radius:16px;color:#fff;box-shadow:0 4px 15px #0596694d}.header-content{display:flex;align-items:center;gap:16px}.header-icon{width:60px;height:60px;background:#fff3;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px}.header-text h1{font-size:28px;font-weight:700;margin:0}.header-text p{margin:4px 0 0;opacity:.9;font-size:14px}.header-actions{display:flex;gap:12px}.mark-all-read-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease}.mark-all-read-btn:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px)}.mark-all-read-btn:disabled{opacity:.5;cursor:not-allowed}.notifications-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.stat-icon.today{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.stat-icon.week{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.stat-icon.unread{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.stat-icon.total{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4f46e5}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:28px;font-weight:700;color:#1f2937}.stat-label{font-size:13px;color:#6b7280;font-weight:500}.notifications-filters{background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:16px}.filter-tabs{display:flex;gap:8px;border-bottom:1px solid #e5e7eb;padding-bottom:16px}.tab-btn{padding:10px 20px;border:none;background:#f3f4f6;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.tab-btn:hover{background:#e5e7eb;color:#374151}.tab-btn.active{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.filter-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:8px;color:#6b7280}.type-filter{padding:10px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151;background:#fff;cursor:pointer;min-width:150px}.type-filter:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.date-range-filter{display:flex;align-items:center;gap:8px}.date-range-filter input{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151}.date-range-filter input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.date-range-filter span{color:#6b7280;font-size:14px}.clear-filters-btn{padding:10px 16px;border:1px solid #dc2626;background:#fff;color:#dc2626;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-filters-btn:hover{background:#dc2626;color:#fff}.notifications-list{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb}.timeline{position:relative}.notification-item{display:flex;gap:16px;position:relative;padding-bottom:24px}.notification-item:last-child{padding-bottom:0}.notification-item.unread .notification-content{background:#f0fdf4;border-color:#10b981}.timeline-marker{display:flex;flex-direction:column;align-items:center;position:relative}.notification-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;z-index:1;flex-shrink:0}.notification-icon.type-attendance{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.notification-icon.type-leave{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.notification-icon.type-user{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.notification-icon.type-payroll{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4f46e5}.notification-icon.type-system{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280}.notification-icon.type-performance{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#db2777}.timeline-line{width:2px;flex-grow:1;background:linear-gradient(to bottom,#10b981,#e5e7eb);margin-top:8px;min-height:40px}.notification-content{flex:1;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .3s ease}.notification-content:hover{box-shadow:0 4px 12px #00000014}.notification-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:12px}.notification-title{font-size:15px;font-weight:600;color:#1f2937;margin:0;display:flex;align-items:center;gap:8px}.unread-dot{width:8px;height:8px;background:#10b981;border-radius:50%;flex-shrink:0}.notification-time{font-size:12px;color:#9ca3af;display:flex;align-items:center;gap:4px;white-space:nowrap}.notification-description{font-size:14px;color:#4b5563;margin:0 0 12px;line-height:1.5}.notification-footer{display:flex;align-items:center;gap:12px;margin-bottom:12px}.notification-user{font-size:12px;color:#6b7280}.notification-type-badge{font-size:11px;font-weight:500;padding:4px 10px;border-radius:20px;text-transform:capitalize}.notification-type-badge.type-attendance{background:#dbeafe;color:#2563eb}.notification-type-badge.type-leave{background:#fef3c7;color:#d97706}.notification-type-badge.type-user{background:#d1fae5;color:#059669}.notification-type-badge.type-payroll{background:#e0e7ff;color:#4f46e5}.notification-type-badge.type-system{background:#f3f4f6;color:#6b7280}.notification-type-badge.type-performance{background:#fce7f3;color:#db2777}.notification-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid #e5e7eb}.action-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn.read-toggle{background:#f3f4f6;color:#374151}.action-btn.read-toggle:hover{background:#10b981;color:#fff}.action-btn.delete{background:#fef2f2;color:#dc2626}.action-btn.delete:hover{background:#dc2626;color:#fff}.empty-state{text-align:center;padding:60px 20px}.empty-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#059669}.empty-state h3{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 8px}.empty-state p{font-size:14px;color:#6b7280;margin:0 0 20px}.empty-state .clear-filters-btn{margin:0 auto}.load-more-container{text-align:center;margin-top:24px}.load-more-btn{padding:14px 32px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.load-more-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.notifications-footer{text-align:center;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.notifications-footer p{font-size:13px;color:#9ca3af;margin:4px 0}.notifications-footer .company-info{font-weight:500;color:#6b7280}@media(max-width:1024px){.notifications-stats{grid-template-columns:repeat(2,1fr)}.filter-controls{flex-direction:column;align-items:flex-start}.date-range-filter{width:100%;flex-wrap:wrap}}@media(max-width:768px){.admin-notifications-page{padding:16px}.notifications-header{flex-direction:column;text-align:center;gap:16px}.header-content{flex-direction:column}.notifications-stats{grid-template-columns:repeat(2,1fr)}.stat-card{padding:16px}.stat-value{font-size:24px}.filter-tabs{flex-wrap:wrap}.tab-btn{flex:1;min-width:80px;text-align:center}.notification-header{flex-direction:column;gap:4px}.notification-footer{flex-direction:column;align-items:flex-start;gap:8px}.notification-actions{flex-direction:column;width:100%}.action-btn{justify-content:center;width:100%}}@media(max-width:480px){.notifications-stats{grid-template-columns:1fr}.date-range-filter{flex-direction:column}.date-range-filter input{width:100%}.notification-item{flex-direction:column}.timeline-marker{flex-direction:row;gap:8px;margin-bottom:8px}.timeline-line{display:none}}.admin-help-page{padding:24px;background:#f5f7fa;min-height:100vh}.admin-help-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:linear-gradient(135deg,#16a34a,#15803d);padding:24px 32px;border-radius:16px;box-shadow:0 4px 15px #16a34a4d}.admin-help-page .header-content{display:flex;align-items:center;gap:16px}.admin-help-page .header-icon{width:60px;height:60px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center}.admin-help-page .header-icon i{font-size:28px;color:#fff}.admin-help-page .header-text h1{font-size:28px;font-weight:700;color:#fff;margin:0}.admin-help-page .header-text p{color:#ffffffe6;margin:4px 0 0;font-size:14px}.admin-help-page .create-ticket-btn{background:#fff;color:#16a34a;border:none;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.admin-help-page .create-ticket-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.help-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.help-stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb;transition:all .3s ease}.help-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.help-stat-card .stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center}.help-stat-card .stat-icon i{font-size:24px;color:#fff}.help-stat-card.total .stat-icon{background:linear-gradient(135deg,#6366f1,#4f46e5)}.help-stat-card.open .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.help-stat-card.in-progress .stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.help-stat-card.resolved .stat-icon{background:linear-gradient(135deg,#16a34a,#15803d)}.help-stat-card .stat-info{display:flex;flex-direction:column}.help-stat-card .stat-number{font-size:28px;font-weight:700;color:#1f2937}.help-stat-card .stat-label{font-size:13px;color:#6b7280;font-weight:500}.help-content{display:grid;grid-template-columns:1fr 340px;gap:24px}.tickets-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb;overflow:hidden}.tickets-section .section-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.tickets-section .section-header h2{font-size:18px;font-weight:600;color:#1f2937;margin:0;display:flex;align-items:center;gap:10px}.tickets-section .section-header h2 i{color:#16a34a}.tickets-tabs{display:flex;gap:4px;padding:16px 24px;border-bottom:1px solid #e5e7eb;background:#fafafa;overflow-x:auto}.tickets-tabs .tab-btn{padding:10px 18px;border:none;background:transparent;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;display:flex;align-items:center;gap:8px;transition:all .2s ease;white-space:nowrap}.tickets-tabs .tab-btn:hover{background:#e5e7eb;color:#374151}.tickets-tabs .tab-btn.active{background:#16a34a;color:#fff}.tickets-tabs .tab-count{background:#0000001a;padding:2px 8px;border-radius:10px;font-size:12px}.tickets-tabs .tab-btn.active .tab-count{background:#fff3}.tickets-filters{display:flex;gap:12px;padding:16px 24px;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.tickets-filters .search-box{flex:1;min-width:250px;position:relative}.tickets-filters .search-box i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af}.tickets-filters .search-box input{width:100%;padding:10px 14px 10px 40px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s ease}.tickets-filters .search-box input:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.tickets-filters .filter-select{padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151;background:#fff;cursor:pointer;min-width:150px}.tickets-filters .filter-select:focus{outline:none;border-color:#16a34a}.tickets-table-container{overflow-x:auto}.tickets-table{width:100%;border-collapse:collapse}.tickets-table th,.tickets-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #e5e7eb;font-size:13px}.tickets-table th{background:#f9fafb;font-weight:600;color:#374151;white-space:nowrap}.tickets-table tbody tr:hover{background:#f9fafb}.tickets-table .ticket-id{font-weight:600;color:#16a34a}.tickets-table .ticket-title{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:#1f2937}.category-badge{background:#e5e7eb;color:#374151;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.priority-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.priority-badge.priority-high{background:#fef2f2;color:#dc2626}.priority-badge.priority-medium{background:#fffbeb;color:#d97706}.priority-badge.priority-low{background:#f0fdf4;color:#16a34a}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-badge.status-open{background:#fef3c7;color:#b45309}.status-badge.status-in-progress{background:#dbeafe;color:#1d4ed8}.status-badge.status-resolved{background:#dcfce7;color:#15803d}.status-badge.status-closed{background:#e5e7eb;color:#6b7280}.view-btn{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.view-btn:hover{transform:translateY(-1px);box-shadow:0 2px 6px #16a34a4d}.no-tickets{padding:60px 20px;text-align:center;color:#9ca3af}.no-tickets i{font-size:48px;margin-bottom:16px}.no-tickets p{font-size:14px}.quick-help-section{display:flex;flex-direction:column;gap:20px}.help-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb}.help-card h3{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px;display:flex;align-items:center;gap:10px}.help-card h3 i{color:#16a34a}.faqs-list{display:flex;flex-direction:column;gap:8px}.faq-item{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.faq-question{padding:12px 14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:13px;font-weight:500;color:#374151;transition:all .2s ease}.faq-question:hover{background:#f9fafb}.faq-question i{color:#9ca3af;font-size:12px}.faq-item.expanded .faq-question{background:#f0fdf4;color:#16a34a}.faq-answer{padding:12px 14px;font-size:13px;color:#6b7280;background:#f9fafb;border-top:1px solid #e5e7eb;line-height:1.6}.contact-info{display:flex;flex-direction:column;gap:12px}.contact-item{display:flex;align-items:center;gap:12px;font-size:13px;color:#374151}.contact-item i{width:32px;height:32px;background:#f0fdf4;color:#16a34a;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px}.contact-hours{display:flex;align-items:center;gap:12px;font-size:12px;color:#6b7280;padding-top:8px;border-top:1px solid #e5e7eb;margin-top:4px}.contact-hours i{color:#16a34a}.system-status .status-indicator{display:flex;align-items:center;gap:10px;padding:12px;border-radius:8px;margin-bottom:16px}.system-status .status-indicator.operational{background:#f0fdf4;color:#16a34a;font-weight:600;font-size:14px}.system-status .status-indicator i{font-size:18px}.status-items{display:flex;flex-direction:column;gap:10px}.status-item{display:flex;align-items:center;gap:10px;font-size:13px;color:#374151}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.green{background:#16a34a;box-shadow:0 0 8px #16a34a66}.status-dot.yellow{background:#f59e0b}.status-dot.red{background:#dc2626}.useful-links{display:flex;flex-direction:column;gap:8px}.link-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;font-size:13px;color:#374151;text-decoration:none;transition:all .2s ease;border:1px solid #e5e7eb}.link-item:hover{background:#f0fdf4;border-color:#16a34a;color:#16a34a}.link-item i{color:#16a34a;width:20px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.ticket-modal,.create-ticket-modal{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#16a34a,#15803d)}.modal-header h2{font-size:18px;font-weight:600;color:#fff;margin:0;display:flex;align-items:center;gap:10px}.modal-header .close-btn{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-header .close-btn:hover{background:#ffffff4d}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.ticket-detail-header{margin-bottom:20px}.ticket-detail-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 12px}.ticket-badges{display:flex;gap:10px}.ticket-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px;background:#f9fafb;border-radius:10px;margin-bottom:20px}.ticket-info-grid .info-item{display:flex;flex-direction:column;gap:4px}.ticket-info-grid .info-item label{font-size:12px;color:#6b7280;font-weight:500}.ticket-info-grid .info-item span{font-size:14px;color:#1f2937;font-weight:500}.ticket-description,.ticket-attachments,.ticket-timeline,.add-comment-section{margin-bottom:20px}.ticket-description h4,.ticket-attachments h4,.ticket-timeline h4,.add-comment-section h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px;display:flex;align-items:center;gap:8px}.ticket-description h4 i,.ticket-attachments h4 i,.ticket-timeline h4 i,.add-comment-section h4 i{color:#16a34a}.ticket-description p{font-size:14px;color:#4b5563;line-height:1.6;margin:0;padding:14px;background:#f9fafb;border-radius:8px}.attachments-list{display:flex;flex-direction:column;gap:8px}.attachment-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.attachment-item i{color:#16a34a}.attachment-item span{flex:1;font-size:13px;color:#374151}.attachment-item .download-btn{background:transparent;border:none;color:#16a34a;cursor:pointer;padding:4px}.attachment-item .download-btn:hover{color:#15803d}.timeline-list{position:relative;padding-left:20px}.timeline-list:before{content:"";position:absolute;left:5px;top:0;bottom:0;width:2px;background:#e5e7eb}.timeline-item{position:relative;padding-bottom:16px}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:-20px;top:4px;width:12px;height:12px;background:#16a34a;border-radius:50%;border:2px solid white;box-shadow:0 0 0 2px #16a34a}.timeline-content{display:flex;flex-direction:column;gap:2px}.timeline-date{font-size:11px;color:#9ca3af}.timeline-action{font-size:13px;color:#374151;font-weight:500}.timeline-by{font-size:12px;color:#6b7280}.comment-input-group{display:flex;flex-direction:column;gap:12px}.comment-input-group textarea{width:100%;padding:12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;resize:vertical;min-height:80px;font-family:inherit}.comment-input-group textarea:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.submit-comment-btn{align-self:flex-end;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.submit-comment-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #16a34a4d}.btn-secondary{background:#fff;color:#374151;border:1px solid #e5e7eb;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#f3f4f6}.btn-primary{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #16a34a4d}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.file-upload-area{border:2px dashed #e5e7eb;border-radius:10px;padding:30px;text-align:center;cursor:pointer;transition:all .2s ease;position:relative}.file-upload-area:hover{border-color:#16a34a;background:#f0fdf4}.file-upload-area i{font-size:36px;color:#16a34a;margin-bottom:10px}.file-upload-area p{font-size:13px;color:#6b7280;margin:0}.file-upload-area input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}@media(max-width:1200px){.help-content{grid-template-columns:1fr}.quick-help-section{display:grid;grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.help-stats-grid{grid-template-columns:repeat(2,1fr)}.quick-help-section{grid-template-columns:1fr}.ticket-info-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.admin-help-page{padding:16px}.admin-help-page .page-header{flex-direction:column;gap:16px;text-align:center}.admin-help-page .header-content{flex-direction:column}.help-stats-grid{grid-template-columns:1fr}.tickets-tabs{padding:12px 16px}.tickets-filters{flex-direction:column}.tickets-filters .search-box{min-width:100%}.ticket-info-grid,.form-row{grid-template-columns:1fr}.modal-footer{flex-direction:column}.modal-footer button{width:100%;justify-content:center}}:root{--hr-sidebar-width: 280px;--hr-sidebar-bg: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);--hr-sidebar-text: #e2e8f0;--hr-sidebar-text-muted: #94a3b8;--hr-sidebar-accent: #3b82f6;--hr-sidebar-hover: rgba(255, 255, 255, .08);--hr-sidebar-active: rgba(59, 130, 246, .2);--hr-sidebar-border: rgba(255, 255, 255, .1)}.hr-mobile-toggle{display:none;position:fixed;top:16px;left:16px;z-index:1100;width:44px;height:44px;border:none;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f666;transition:all .3s ease}.hr-mobile-toggle:hover{transform:scale(1.05)}.hr-sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}.hr-sidebar-container{position:fixed;top:0;left:0;width:var(--hr-sidebar-width);height:100vh;background:var(--hr-sidebar-bg);box-shadow:4px 0 20px #00000026;z-index:1000;overflow:hidden}.hr-sidebar{display:flex;flex-direction:column;height:100%;overflow:hidden}.hr-sidebar-header{padding:24px 20px 20px;border-bottom:1px solid var(--hr-sidebar-border);text-align:center}.hr-company-name{margin:0;font-size:18px;font-weight:700;color:#fff;letter-spacing:-.3px}.hr-dashboard-label{margin:4px 0 0;font-size:12px;color:var(--hr-sidebar-accent);font-weight:500}.hr-profile-section{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px;background:#ffffff0d;border-radius:10px}.hr-profile-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.hr-profile-details{display:flex;flex-direction:column;text-align:left}.hr-user-name{font-size:14px;font-weight:600;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}.hr-user-role{font-size:11px;color:#94a3b8!important;margin-top:2px}.hr-sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 0;scrollbar-width:thin;scrollbar-color:var(--hr-sidebar-border) transparent}.hr-sidebar-nav::-webkit-scrollbar{width:5px}.hr-sidebar-nav::-webkit-scrollbar-track{background:transparent}.hr-sidebar-nav::-webkit-scrollbar-thumb{background:var(--hr-sidebar-border);border-radius:3px}.hr-nav-list{list-style:none;margin:0;padding:0}.hr-nav-item{display:flex;align-items:center;gap:14px;width:calc(100% - 20px);margin:3px 10px;padding:12px 16px;border:none;border-radius:10px;background:transparent;color:var(--hr-sidebar-text);font-size:14px;font-weight:500;cursor:pointer;text-align:left;text-transform:none!important;letter-spacing:normal;transition:all .2s ease;position:relative}.hr-nav-item:hover{background:var(--hr-sidebar-hover);color:#fff}.hr-nav-item.active{background:var(--hr-sidebar-active);color:#fff}.hr-nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:var(--hr-sidebar-accent);border-radius:0 4px 4px 0}.hr-nav-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;opacity:.85;transition:opacity .2s ease}.hr-nav-item:hover .hr-nav-icon,.hr-nav-item.active .hr-nav-icon{opacity:1}.hr-nav-item.active .hr-nav-icon{color:var(--hr-sidebar-accent)}.hr-nav-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hr-sidebar-footer{padding:16px;border-top:1px solid var(--hr-sidebar-border)}.hr-logout-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;border:none;border-radius:10px;background:#ef444426;color:#fca5a5;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:none!important;letter-spacing:normal}.hr-logout-btn:hover{background:#ef444440;color:#fecaca}.hr-logout-btn .hr-nav-icon{opacity:1}@media(max-width:1024px){.hr-mobile-toggle{display:flex}.hr-sidebar-overlay{display:block}.hr-sidebar-container{transform:translate(-100%);transition:transform .3s ease}.hr-sidebar-container.mobile-open{transform:translate(0)}}@media(max-width:480px){.hr-sidebar-container{width:100%;max-width:300px}}.hr-layout{display:flex;min-height:100vh;width:100%;background:linear-gradient(135deg,#f0f4f8,#d9e2ec);overflow-x:hidden}.hr-content-container{margin-left:280px;flex:1;min-height:100vh;overflow-y:auto!important;overflow-x:hidden;padding:32px;background:linear-gradient(135deg,#f0f4f8,#e2e8f0);-webkit-overflow-scrolling:touch}.hr-content-container::-webkit-scrollbar{width:8px}.hr-content-container::-webkit-scrollbar-track{background:#0000000a;border-radius:4px}.hr-content-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:4px}.hr-content-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2563eb,#1d4ed8)}.hr-content-container{scrollbar-color:#3b82f6 rgba(0,0,0,.04);scrollbar-width:thin}@media(max-width:1024px){.hr-content-container{margin-left:0;padding:80px 24px 24px}}@media(max-width:768px){.hr-content-container{padding:80px 16px 100px;overflow-y:auto;-webkit-overflow-scrolling:touch}}@media(max-width:480px){.hr-content-container{padding:70px 12px 100px}}:root{--hr-primary: #2563eb;--hr-primary-dark: #1d4ed8;--hr-primary-light: #3b82f6;--hr-secondary: #1e40af;--hr-bg-light: #f8fafc;--hr-bg-white: #ffffff;--hr-text-primary: #1e293b;--hr-text-secondary: #64748b;--hr-text-muted: #94a3b8;--hr-border: #e2e8f0;--hr-border-light: #f1f5f9;--hr-success: #10b981;--hr-success-bg: #ecfdf5;--hr-warning: #f59e0b;--hr-warning-bg: #fffbeb;--hr-danger: #ef4444;--hr-danger-bg: #fef2f2;--hr-info: #06b6d4;--hr-info-bg: #ecfeff;--hr-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--hr-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--hr-shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .1);--hr-radius-sm: 6px;--hr-radius: 10px;--hr-radius-lg: 14px}.hr-page-container{min-height:100%;padding-bottom:40px}.hr-page{min-height:100vh;background:var(--hr-bg-light);padding:24px}.hr-page-header{margin-bottom:24px;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px}.hr-page-title{font-size:24px;font-weight:700;color:var(--hr-text-primary);margin:0 0 4px;display:flex;align-items:center;gap:10px}.hr-page-title svg{width:28px;height:28px;fill:var(--hr-primary)}.hr-page-subtitle{font-size:14px;color:var(--hr-text-secondary);margin:0}.hr-header-actions{display:flex;gap:12px;align-items:center}.hr-card{background:var(--hr-bg-white);border-radius:var(--hr-radius-lg);border:1px solid var(--hr-border);box-shadow:var(--hr-shadow-sm);overflow:hidden}.hr-card-header{padding:16px 20px;border-bottom:1px solid var(--hr-border-light);display:flex;align-items:center;justify-content:space-between}.hr-card-title{font-size:16px;font-weight:600;color:var(--hr-text-primary);margin:0;display:flex;align-items:center;gap:8px}.hr-card-body{padding:20px}.hr-card-footer{padding:16px 20px;border-top:1px solid var(--hr-border-light);background:var(--hr-bg-light)}.hr-compact-stats{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.hr-compact-stat-card{flex:1;min-width:200px;display:flex;align-items:center;gap:16px;background:#fff;padding:20px 24px;border-radius:14px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb;transition:all .3s ease}.hr-compact-stat-card:hover{box-shadow:0 8px 20px #2563eb26;transform:translateY(-3px);border-color:var(--hr-primary-light)}.hr-compact-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hr-compact-icon svg{width:26px;height:26px}.hr-compact-icon.blue{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb}.hr-compact-icon.green{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#16a34a}.hr-compact-icon.purple{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#9333ea}.hr-compact-icon.orange{background:linear-gradient(135deg,#fff7ed,#fed7aa);color:#ea580c}.hr-compact-icon.red{background:linear-gradient(135deg,#fef2f2,#fecaca);color:#dc2626}.hr-compact-icon.teal{background:linear-gradient(135deg,#f0fdfa,#ccfbf1);color:#0d9488}.hr-compact-icon.indigo{background:linear-gradient(135deg,#eef2ff,#c7d2fe);color:#4f46e5}.hr-compact-content{display:flex;flex-direction:column}.hr-compact-value{font-size:28px;font-weight:700;color:#1f2937;line-height:1.2}.hr-compact-label{font-size:13px;color:#6b7280;font-weight:500;margin-top:2px}.hr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;border-radius:var(--hr-radius);border:none;cursor:pointer;transition:all .2s ease}.hr-btn-primary{background:linear-gradient(135deg,var(--hr-primary) 0%,var(--hr-primary-dark) 100%);color:#fff;box-shadow:0 4px 14px #2563eb4d}.hr-btn-primary:hover{background:linear-gradient(135deg,var(--hr-primary-dark) 0%,var(--hr-secondary) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.hr-btn-secondary{background:var(--hr-bg-light);color:var(--hr-text-primary);border:1px solid var(--hr-border)}.hr-btn-secondary:hover{background:var(--hr-border-light)}.hr-btn-danger{background:linear-gradient(135deg,var(--hr-danger) 0%,#dc2626 100%);color:#fff}.hr-btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.hr-btn-success{background:linear-gradient(135deg,var(--hr-success) 0%,#059669 100%);color:#fff}.hr-btn-success:hover{background:linear-gradient(135deg,#059669,#047857)}.hr-btn-sm{padding:6px 12px;font-size:13px}.hr-btn svg{width:18px;height:18px}.hr-form-group{margin-bottom:16px}.hr-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.hr-label{display:block;font-size:13px;font-weight:600;color:var(--hr-text-primary);margin-bottom:6px}.hr-input,.hr-select,.hr-textarea{width:100%;padding:10px 14px;font-size:14px;border:2px solid var(--hr-border);border-radius:var(--hr-radius);background:var(--hr-bg-white);color:var(--hr-text-primary);transition:border-color .2s ease,box-shadow .2s ease}.hr-input:focus,.hr-select:focus,.hr-textarea:focus{outline:none;border-color:var(--hr-primary);box-shadow:0 0 0 3px #2563eb1a}.hr-input::placeholder{color:var(--hr-text-muted)}.hr-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.hr-textarea{min-height:100px;resize:vertical}.hr-table-container{overflow-x:auto;border-radius:var(--hr-radius-lg);border:1px solid var(--hr-border)}.hr-table{width:100%;border-collapse:collapse;font-size:14px}.hr-table thead{background:linear-gradient(135deg,var(--hr-primary) 0%,var(--hr-secondary) 100%)}.hr-table th{padding:14px 16px;text-align:left;font-weight:600;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.hr-table tbody tr{border-bottom:1px solid var(--hr-border-light);transition:background .2s ease}.hr-table tbody tr:hover{background:#eff6ff}.hr-table td{padding:14px 16px;color:var(--hr-text-secondary)}.hr-table td:first-child{font-weight:500;color:var(--hr-text-primary)}.hr-badge{display:inline-flex;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;border-radius:20px}.hr-badge-success{background:var(--hr-success-bg);color:var(--hr-success)}.hr-badge-warning{background:var(--hr-warning-bg);color:var(--hr-warning)}.hr-badge-danger{background:var(--hr-danger-bg);color:var(--hr-danger)}.hr-badge-info{background:#eff6ff;color:var(--hr-primary)}.hr-badge-primary{background:#dbeafe;color:var(--hr-primary)}.hr-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.hr-toolbar-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hr-toolbar-right{display:flex;align-items:center;gap:12px}.hr-search-bar{position:relative;min-width:280px}.hr-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--hr-text-muted)}.hr-search-bar .hr-input{padding-left:44px}.hr-filter-group{display:flex;align-items:center;gap:8px}.hr-filter-label{font-size:13px;font-weight:500;color:var(--hr-text-secondary);display:flex;align-items:center;gap:6px}.hr-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.hr-modal{background:#fff;border-radius:var(--hr-radius-lg);width:100%;max-width:500px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:hrModalSlideIn .3s ease-out}@keyframes hrModalSlideIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.hr-modal-header{padding:20px 24px;border-bottom:1px solid var(--hr-border-light);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.hr-modal-title{font-size:18px;font-weight:700;color:var(--hr-text-primary);margin:0}.hr-modal-close{width:36px;height:36px;border:none;background:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:var(--hr-shadow-sm)}.hr-modal-close:hover{background:var(--hr-danger-bg);transform:rotate(90deg)}.hr-modal-close svg{fill:var(--hr-text-secondary)}.hr-modal-body{padding:24px;max-height:60vh;overflow-y:auto}.hr-modal-footer{padding:16px 24px;border-top:1px solid var(--hr-border-light);display:flex;justify-content:flex-end;gap:12px;background:var(--hr-bg-light)}.hr-alert{position:fixed;top:20px;right:20px;padding:16px 24px;border-radius:12px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;z-index:9999;box-shadow:0 10px 40px #00000026;animation:hrSlideInRight .4s ease-out;min-width:300px;max-width:450px}@keyframes hrSlideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.hr-alert-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.hr-alert-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.hr-alert-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.hr-alert-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.hr-alert svg{fill:#fff;width:20px;height:20px}.hr-actions{display:flex;gap:8px;justify-content:center}.hr-action-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;background:transparent;padding:0}.hr-action-btn svg{width:16px;height:16px;transition:all .3s ease;flex-shrink:0}.hr-action-edit{background:#eff6ff;border:1px solid #bfdbfe}.hr-action-edit svg{fill:#2563eb;color:#2563eb}.hr-action-edit:hover{background:#2563eb;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.hr-action-edit:hover svg{fill:#fff;color:#fff}.hr-action-delete{background:#fef2f2;border:1px solid #fecaca}.hr-action-delete svg{fill:#dc2626;color:#dc2626}.hr-action-delete:hover{background:#dc2626;border-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.hr-action-delete:hover svg{fill:#fff;color:#fff}.hr-action-view{background:#ecfdf5;border:1px solid #a7f3d0}.hr-action-view svg{fill:#16a34a;color:#16a34a}.hr-action-view:hover{background:#16a34a;border-color:#16a34a;transform:translateY(-2px);box-shadow:0 4px 12px #16a34a4d}.hr-action-view:hover svg{fill:#fff;color:#fff}.hr-action-approve{background:#dcfce7;border:1px solid #86efac}.hr-action-approve svg{fill:#16a34a;color:#16a34a}.hr-action-approve:hover{background:#16a34a;border-color:#16a34a;transform:translateY(-2px);box-shadow:0 4px 12px #16a34a4d}.hr-action-approve:hover svg{fill:#fff;color:#fff}.hr-action-reject{background:#fef2f2;border:1px solid #fecaca}.hr-action-reject svg{fill:#dc2626;color:#dc2626}.hr-action-reject:hover{background:#dc2626;border-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.hr-action-reject:hover svg{fill:#fff;color:#fff}.hr-user-info{display:flex;align-items:center;gap:12px}.hr-user-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--hr-primary) 0%,var(--hr-primary-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.hr-page .hr-user-name{font-weight:500;color:#1e293b!important;white-space:nowrap}.hr-table-user-name{font-weight:600;color:#1e293b!important;white-space:nowrap;font-size:14px}.hr-employee-id{display:inline-block;padding:4px 10px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:6px;font-size:12px;font-weight:600;font-family:Consolas,Monaco,monospace;color:#2563eb;letter-spacing:.5px}.hr-empty-state{text-align:center;padding:60px 20px}.hr-empty-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:50%;display:flex;align-items:center;justify-content:center}.hr-empty-icon svg{width:40px;height:40px;fill:var(--hr-primary)}.hr-empty-title{font-size:18px;font-weight:600;color:var(--hr-text-primary);margin:0 0 8px}.hr-empty-text{font-size:14px;color:var(--hr-text-muted);margin:0 0 20px}.hr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.hr-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top:4px solid var(--hr-primary);border-radius:50%;animation:hrSpin 1s linear infinite}@keyframes hrSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hr-loading-text{font-size:14px;color:var(--hr-text-secondary)}.hr-pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid var(--hr-border-light);background:var(--hr-bg-light)}.hr-pagination-info{font-size:14px;color:var(--hr-text-secondary)}.hr-pagination-controls{display:flex;align-items:center;gap:8px}.hr-page-btn{width:36px;height:36px;border:1px solid var(--hr-border);background:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:14px;font-weight:500;color:var(--hr-text-secondary)}.hr-page-btn:hover:not(:disabled){background:var(--hr-primary);color:#fff;border-color:var(--hr-primary)}.hr-page-btn.active{background:var(--hr-primary);color:#fff;border-color:var(--hr-primary)}.hr-page-btn:disabled{opacity:.5;cursor:not-allowed}.hr-charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}@media(max-width:1024px){.hr-charts-grid{grid-template-columns:1fr}}.hr-chart-card{background:#fff;border-radius:var(--hr-radius-lg);padding:20px;border:1px solid var(--hr-border);box-shadow:var(--hr-shadow-sm)}.hr-chart-title{font-size:16px;font-weight:600;color:var(--hr-text-primary);margin-bottom:20px;display:flex;align-items:center;gap:8px}.hr-tabs{display:flex;gap:4px;background:#f1f5f9;padding:4px;border-radius:10px;margin-bottom:20px}.hr-tab{padding:10px 20px;font-size:14px;font-weight:500;border:none;background:transparent;color:var(--hr-text-secondary);border-radius:8px;cursor:pointer;transition:all .2s ease}.hr-tab:hover{color:var(--hr-text-primary)}.hr-tab.active{background:#fff;color:var(--hr-primary);box-shadow:var(--hr-shadow-sm)}.hr-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.hr-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hr-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:1200px){.hr-grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hr-grid-2,.hr-grid-3,.hr-grid-4{grid-template-columns:1fr}.hr-toolbar{flex-direction:column;align-items:stretch}.hr-search-bar{min-width:100%}}.hr-quick-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.hr-quick-action-card{flex:1;min-width:150px;padding:16px 20px;background:#fff;border:1px solid var(--hr-border);border-radius:var(--hr-radius);cursor:pointer;transition:all .2s ease;text-align:center}.hr-quick-action-card:hover{border-color:var(--hr-primary);box-shadow:0 4px 12px #2563eb26;transform:translateY(-2px)}.hr-quick-action-icon{width:44px;height:44px;margin:0 auto 12px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:10px;display:flex;align-items:center;justify-content:center}.hr-quick-action-icon svg{width:22px;height:22px;fill:var(--hr-primary)}.hr-quick-action-label{font-size:13px;font-weight:600;color:var(--hr-text-primary)}.hr-welcome-section{background:linear-gradient(135deg,var(--hr-primary) 0%,var(--hr-secondary) 100%);border-radius:var(--hr-radius-lg);padding:30px;margin-bottom:24px;color:#fff;position:relative;overflow:hidden}.hr-welcome-section:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:#ffffff1a;border-radius:50%}.hr-welcome-title{font-size:28px;font-weight:700;margin:0 0 8px;color:#fff}.hr-welcome-subtitle{font-size:15px;color:#ffffffe6;margin:0}.hr-welcome-date{font-size:14px;color:#ffffffd9;margin-top:12px}.hr-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px}.hr-status-dot.active{background:var(--hr-success)}.hr-status-dot.inactive{background:var(--hr-danger)}.hr-status-dot.pending{background:var(--hr-warning)}.hr-profile-card{text-align:center;padding:30px}.hr-profile-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--hr-primary) 0%,var(--hr-primary-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;margin:0 auto 16px}.hr-profile-name{font-size:20px;font-weight:700;color:var(--hr-text-primary);margin:0 0 4px}.hr-profile-role{font-size:14px;color:var(--hr-primary);font-weight:600;margin:0 0 16px}.hr-profile-info{display:flex;flex-direction:column;gap:12px;text-align:left;padding-top:16px;border-top:1px solid var(--hr-border-light)}.hr-profile-row{display:flex;justify-content:space-between;font-size:14px}.hr-profile-label{color:var(--hr-text-secondary)}.hr-profile-value{color:var(--hr-text-primary);font-weight:500}.hr-timeline{position:relative;padding-left:30px}.hr-timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--hr-border)}.hr-timeline-item{position:relative;padding-bottom:20px}.hr-timeline-item:before{content:"";position:absolute;left:-26px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--hr-primary);border:2px solid white;box-shadow:0 0 0 4px #eff6ff}.hr-timeline-time{font-size:12px;color:var(--hr-text-muted);margin-bottom:4px}.hr-timeline-content{font-size:14px;color:var(--hr-text-primary)}@media(max-width:640px){.hr-page{padding:16px}.hr-page-title{font-size:20px}.hr-compact-stat-card{min-width:100%}.hr-modal{max-width:100%;margin:10px}}.hr-info-box{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid var(--hr-border);border-radius:var(--hr-radius);padding:16px 20px;border-left:4px solid var(--hr-primary)}.hr-info-box.warning{border-left-color:var(--hr-warning);background:linear-gradient(135deg,#fffbeb,#fef3c7)}.hr-info-box.success{border-left-color:var(--hr-success);background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.hr-helper-text{display:block;font-size:12px;color:var(--hr-text-muted);margin-top:6px}.hr-form-grid{display:flex;flex-direction:column;gap:20px}.hr-coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center}.hr-coming-soon-icon{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#eff6ff,#dbeafe);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.hr-coming-soon-icon svg{width:56px;height:56px;fill:var(--hr-primary)}.hr-coming-soon-title{font-size:28px;font-weight:700;color:var(--hr-text-primary);margin:0 0 12px}.hr-coming-soon-text{font-size:15px;color:var(--hr-text-secondary);margin:0;max-width:400px;line-height:1.6}.hr-coming-soon-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--hr-primary) 0%,var(--hr-primary-dark) 100%);color:#fff;padding:8px 20px;border-radius:50px;font-size:13px;font-weight:600;margin-top:24px}.hr-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.hr-profile-page-grid{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:start}@media(max-width:1024px){.hr-profile-page-grid{grid-template-columns:1fr}}.hr-profile-card{position:relative;overflow:hidden;text-align:center}.hr-profile-cover{height:120px;background:linear-gradient(135deg,var(--hr-primary) 0%,var(--hr-primary-dark) 100%);position:relative}.hr-profile-cover:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to top,rgba(255,255,255,.2),transparent)}.hr-profile-main{padding:0 24px 24px;margin-top:-50px;position:relative}.hr-profile-avatar-large{width:100px;height:100px;border-radius:20px;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;margin:0 auto 16px;border:4px solid white;box-shadow:0 4px 12px #00000026}.hr-profile-name-large{font-size:22px;font-weight:700;color:var(--hr-text-primary);margin:0 0 4px}.hr-profile-designation{font-size:15px;color:var(--hr-primary);font-weight:600;margin:0 0 4px}.hr-profile-department{font-size:13px;color:var(--hr-text-secondary);margin:0 0 16px}.hr-profile-badges{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.hr-profile-quick-info{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid var(--hr-border)}.hr-profile-info-item{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--hr-bg-light);border-radius:var(--hr-radius);font-size:13px;color:var(--hr-text-secondary)}.hr-profile-info-item svg{color:var(--hr-primary);flex-shrink:0}.hr-profile-info-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hr-profile-details-section{display:flex;flex-direction:column;gap:24px}.hr-form-value{padding:12px 14px;background:var(--hr-bg-light);border-radius:var(--hr-radius);color:var(--hr-text-primary);font-size:14px;min-height:44px;display:flex;align-items:center}.hr-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.hr-form-group-full{grid-column:1 / -1}@media(max-width:640px){.hr-form-grid{grid-template-columns:1fr}}.hr-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid var(--hr-border)}.hr-password-section{margin-top:8px}.hr-alert{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--hr-radius);margin-bottom:20px;font-size:14px;font-weight:500}.hr-alert-success{background:var(--hr-success-bg);color:#065f46;border:1px solid #a7f3d0}.hr-alert-success svg{color:var(--hr-success)}.hr-alert-error{background:var(--hr-danger-bg);color:#991b1b;border:1px solid #fecaca}.hr-alert-error svg{color:var(--hr-danger)}.hr-status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:50px;font-size:12px;font-weight:600}.hr-status-success{background:var(--hr-success-bg);color:var(--hr-success)}.hr-security-info{display:flex;flex-direction:column;gap:16px}.hr-security-item{display:flex;align-items:center;gap:14px;padding:14px;background:var(--hr-bg-light);border-radius:var(--hr-radius)}.hr-security-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hr-security-icon.success{background:var(--hr-success-bg);color:var(--hr-success)}.hr-security-text{display:flex;flex-direction:column;gap:2px}.hr-security-title{font-size:14px;font-weight:600;color:var(--hr-text-primary)}.hr-security-status{font-size:12px;color:var(--hr-text-secondary)}.hr-btn-sm{padding:8px 16px;font-size:13px}.hr-success-popup-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.hr-success-popup{background:#fff;border-radius:20px;padding:40px 50px;text-align:center;box-shadow:0 25px 50px -12px #00000040;animation:popupSlideIn .4s ease;max-width:400px;width:90%}.hr-success-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;animation:iconBounce .6s ease}.hr-success-icon svg{width:48px;height:48px;fill:#fff}.hr-success-title{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 10px}.hr-success-message{font-size:15px;color:#64748b;margin:0;line-height:1.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupSlideIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes iconBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.hr-manager-tag{display:inline-block;padding:4px 10px;border-radius:6px;font-size:13px;background:#f1f5f9;color:#64748b}.hr-manager-tag.assigned{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;font-weight:500}.payroll-page{animation:fadeIn .3s ease-out}.payroll-stats{margin-bottom:20px}.payroll-table-card{margin-top:20px}.payroll-table-card .hr-card-header{display:flex;justify-content:space-between;align-items:center}.table-count{font-size:13px;color:var(--hr-text-muted);background:var(--hr-bg-light);padding:6px 12px;border-radius:20px}.payroll-table{width:100%}.payroll-table .checkbox-col{width:50px;text-align:center}.payroll-table .action-col{width:160px;text-align:center}.payroll-checkbox{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.payroll-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.payroll-checkbox .checkmark{width:20px;height:20px;background:#fff;border:2px solid var(--hr-border);border-radius:4px;transition:all .2s ease}.payroll-checkbox:hover .checkmark{border-color:var(--hr-primary)}.payroll-checkbox input:checked~.checkmark{background:linear-gradient(135deg,var(--hr-primary) 0%,var(--hr-primary-dark) 100%);border-color:var(--hr-primary)}.payroll-checkbox input:checked~.checkmark:after{content:"";position:absolute;left:7px;top:3px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.payroll-checkbox input:disabled~.checkmark{background:var(--hr-bg-light);border-color:var(--hr-border);cursor:not-allowed}.employee-info{display:flex;align-items:center;gap:12px}.employee-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--hr-primary) 0%,var(--hr-secondary) 100%);color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.employee-details{display:flex;flex-direction:column}.employee-name{font-weight:600;color:var(--hr-text-primary);font-size:14px}.employee-email{font-size:12px;color:var(--hr-text-muted)}.employee-id-badge{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:var(--hr-primary);padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;font-family:Monaco,Consolas,monospace}.payroll-role-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.payroll-badge-admin{background:linear-gradient(135deg,#fef2f2,#fecaca);color:#dc2626}.payroll-badge-hr{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb}.payroll-badge-manager{background:linear-gradient(135deg,#fffbeb,#fde68a);color:#d97706}.payroll-badge-employee{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669}.payroll-status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.payroll-status svg{width:14px;height:14px}.payroll-status.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.payroll-status.processing{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4f46e5}.payroll-status.sent{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#7c3aed}.payroll-status.completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.payroll-trigger-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,var(--hr-primary) 0%,var(--hr-primary-dark) 100%);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.payroll-trigger-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #2563eb66}.payroll-trigger-btn:disabled{opacity:.6;cursor:not-allowed}.payroll-trigger-btn svg{width:14px;height:14px}.btn-loading{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.action-done{display:inline-flex;align-items:center;gap:4px;color:var(--hr-success);font-size:13px;font-weight:600}.action-done svg{width:16px;height:16px}.payroll-table tbody tr.selected{background:#eff6ff!important}.no-data{text-align:center;padding:60px 20px!important}.no-data-content{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--hr-text-muted)}.no-data-content svg{width:48px;height:48px;opacity:.5}.hr-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.pagination-info{font-size:13px;color:var(--hr-text-secondary)}.pagination-buttons{display:flex;gap:8px}.payroll-success-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1001;animation:fadeIn .3s ease-out}.payroll-success-popup{background:#fff;border-radius:20px;padding:40px 50px;text-align:center;box-shadow:0 20px 60px #0000004d;animation:popIn .4s ease-out}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.payroll-success-popup .success-icon{color:var(--hr-success);margin-bottom:16px;animation:checkPop .5s ease-out .2s both}@keyframes checkPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.payroll-success-popup h3{font-size:24px;font-weight:700;color:var(--hr-text-primary);margin:0 0 8px}.payroll-success-popup p{font-size:15px;color:var(--hr-text-secondary);margin:0}.payroll-success-popup .success-subtext{font-size:13px;color:var(--hr-text-muted);margin-top:12px}.payroll-confirm-modal{max-width:450px}.payroll-confirm-modal .hr-modal-body p{font-size:15px;color:var(--hr-text-secondary);line-height:1.6;margin:0}.payroll-confirm-modal .hr-modal-body strong{color:var(--hr-primary)}.payroll-info-card{display:flex;gap:20px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:var(--hr-radius-lg);padding:24px;margin-top:24px}.payroll-info-card .info-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--hr-primary) 0%,var(--hr-secondary) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.payroll-info-card .info-icon svg{width:26px;height:26px}.payroll-info-card .info-content h4{font-size:16px;font-weight:600;color:var(--hr-text-primary);margin:0 0 12px}.payroll-info-card .info-content ul{margin:0;padding-left:20px}.payroll-info-card .info-content li{font-size:14px;color:var(--hr-text-secondary);margin-bottom:6px;line-height:1.5}.payroll-info-card .info-content li:last-child{margin-bottom:0}.hr-btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.hr-btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309)}@media(max-width:1200px){.hr-toolbar-left{flex-wrap:wrap}.hr-filter-group{flex:1;min-width:150px}}@media(max-width:768px){.payroll-table-card .hr-table-container{overflow-x:auto}.payroll-table{min-width:900px}.payroll-info-card{flex-direction:column;align-items:center;text-align:center}.payroll-info-card .info-content ul{text-align:left}.hr-pagination{flex-direction:column;text-align:center}.pagination-buttons{flex-wrap:wrap;justify-content:center}}.hr-btn-accent{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none}.hr-btn-accent:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf666}.my-payroll-modal{max-width:520px;width:100%}.my-payroll-modal .hr-modal-body{padding:24px}.my-payroll-status-card{display:flex;align-items:center;gap:16px;padding:20px 24px;border-radius:16px;margin-bottom:24px;transition:all .3s ease}.my-payroll-status-card.status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b}.my-payroll-status-card.status-processed{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:1px solid #6366f1}.my-payroll-status-card.status-sent_to_finance{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border:1px solid #8b5cf6}.my-payroll-status-card.status-completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981}.my-payroll-status-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 4px 12px #0000001a}.my-payroll-status-icon svg{width:28px;height:28px}.status-pending .my-payroll-status-icon svg{color:#f59e0b}.status-processed .my-payroll-status-icon svg{color:#6366f1}.status-sent_to_finance .my-payroll-status-icon svg{color:#8b5cf6}.status-completed .my-payroll-status-icon svg{color:#10b981}.my-payroll-status-info{display:flex;flex-direction:column;gap:4px}.my-payroll-status-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--hr-text-muted)}.my-payroll-status-value{font-size:20px;font-weight:700;color:var(--hr-text-primary)}.my-payroll-details{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.my-payroll-detail-item{background:var(--hr-bg-light);padding:14px 16px;border-radius:10px;border:1px solid var(--hr-border)}.my-payroll-detail-item .detail-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--hr-text-muted);margin-bottom:4px}.my-payroll-detail-item .detail-value{font-size:14px;font-weight:600;color:var(--hr-text-primary)}.my-payroll-detail-item .detail-value.id{font-family:Fira Code,monospace;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);padding:4px 8px;border-radius:6px;font-size:12px;color:#4f46e5}.my-payroll-description{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid var(--hr-border);border-radius:12px;padding:16px 20px}.my-payroll-description p{margin:0;font-size:14px;line-height:1.6;color:var(--hr-text-secondary)}.hr-btn-accent:disabled{opacity:.7;cursor:wait}@media(max-width:500px){.my-payroll-modal{max-width:95%;margin:0 10px}.my-payroll-details{grid-template-columns:1fr}.my-payroll-status-card{flex-direction:column;text-align:center}}:root{--mgr-sidebar-width: 280px;--mgr-sidebar-bg: linear-gradient(180deg, #065f46 0%, #064e3b 100%);--mgr-sidebar-text: #ecfdf5;--mgr-sidebar-text-muted: #a7f3d0;--mgr-sidebar-accent: #10b981;--mgr-sidebar-hover: rgba(255, 255, 255, .08);--mgr-sidebar-active: rgba(16, 185, 129, .2);--mgr-sidebar-border: rgba(255, 255, 255, .1)}.mgr-mobile-toggle{display:none;position:fixed;top:16px;left:16px;z-index:1100;width:44px;height:44px;border:none;border-radius:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 4px 12px #10b98166;transition:all .3s ease}.mgr-mobile-toggle:hover{transform:scale(1.05)}.mgr-sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}.mgr-sidebar-container{position:fixed;top:0;left:0;width:var(--mgr-sidebar-width);height:100vh;background:var(--mgr-sidebar-bg);box-shadow:4px 0 20px #00000026;z-index:1000;overflow:hidden}.mgr-sidebar{display:flex;flex-direction:column;height:100%;overflow:hidden}.mgr-sidebar-header{padding:24px 20px 20px;border-bottom:1px solid var(--mgr-sidebar-border);text-align:center}.mgr-company-name{margin:0;font-size:18px;font-weight:700;color:#fff;letter-spacing:-.3px}.mgr-dashboard-label{margin:4px 0 0;font-size:12px;color:var(--mgr-sidebar-accent);font-weight:500}.mgr-profile-section{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px;background:#ffffff0d;border-radius:10px}.mgr-profile-icon{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#fff;flex-shrink:0;border:2px solid rgba(255,255,255,.2)}.mgr-profile-details{display:flex;flex-direction:column;text-align:left}.mgr-user-name{font-size:14px;font-weight:600;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.2)}.mgr-user-dept{font-size:11px;color:#a7f3d0!important;margin-top:2px}.mgr-sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 0;scrollbar-width:thin;scrollbar-color:var(--mgr-sidebar-border) transparent}.mgr-sidebar-nav::-webkit-scrollbar{width:4px}.mgr-sidebar-nav::-webkit-scrollbar-track{background:transparent}.mgr-sidebar-nav::-webkit-scrollbar-thumb{background:var(--mgr-sidebar-border);border-radius:2px}.mgr-nav-list{list-style:none;margin:0;padding:0 12px}.mgr-nav-list li{margin-bottom:4px}.mgr-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;border-radius:10px;background:transparent;color:var(--mgr-sidebar-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;text-transform:none!important;letter-spacing:normal}.mgr-nav-item:hover{background:var(--mgr-sidebar-hover)}.mgr-nav-item.active{background:var(--mgr-sidebar-active);color:#fff;font-weight:600}.mgr-nav-item.active .mgr-nav-icon{color:var(--mgr-sidebar-accent)}.mgr-nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;opacity:.9}.mgr-nav-icon svg{width:20px;height:20px}.mgr-nav-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mgr-sidebar-footer{padding:16px;border-top:1px solid var(--mgr-sidebar-border)}.mgr-logout-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;border:none;border-radius:10px;background:#ef444426;color:#fca5a5;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:none!important;letter-spacing:normal}.mgr-logout-btn:hover{background:#ef444440;color:#fecaca}@media(max-width:1024px){.mgr-mobile-toggle{display:flex}.mgr-sidebar-overlay{display:block;opacity:0;pointer-events:none;transition:opacity .3s ease}.mgr-sidebar-overlay.active,.mgr-sidebar-container.mobile-open~.mgr-sidebar-overlay{opacity:1;pointer-events:auto}.mgr-sidebar-container{transform:translate(-100%);transition:transform .3s ease}.mgr-sidebar-container.mobile-open{transform:translate(0)}}@media(max-width:480px){.mgr-sidebar-container{width:100%;max-width:300px}}.mgr-layout{display:flex;min-height:100vh;width:100%;background:linear-gradient(135deg,#f0fdf4,#dcfce7);overflow-x:hidden}.mgr-content-container{margin-left:280px;flex:1;min-height:100vh;overflow-y:auto!important;overflow-x:hidden;padding:32px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);-webkit-overflow-scrolling:touch}.mgr-content-container::-webkit-scrollbar{width:8px}.mgr-content-container::-webkit-scrollbar-track{background:#0000000a;border-radius:4px}.mgr-content-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#10b981,#059669);border-radius:4px}.mgr-content-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#059669,#047857)}.mgr-content-container{scrollbar-color:#10b981 rgba(0,0,0,.04);scrollbar-width:thin}@media(max-width:1024px){.mgr-content-container{margin-left:0;padding:80px 24px 24px}}@media(max-width:768px){.mgr-content-container{padding:80px 16px 100px;overflow-y:auto;-webkit-overflow-scrolling:touch}}:root{--mgr-primary: #059669;--mgr-primary-dark: #047857;--mgr-primary-light: #10b981;--mgr-secondary: #065f46;--mgr-bg-light: #f0fdf4;--mgr-bg-white: #ffffff;--mgr-text-primary: #1e293b;--mgr-text-secondary: #64748b;--mgr-text-muted: #94a3b8;--mgr-border: #e2e8f0;--mgr-border-light: #f1f5f9;--mgr-success: #10b981;--mgr-success-bg: #ecfdf5;--mgr-warning: #f59e0b;--mgr-warning-bg: #fffbeb;--mgr-danger: #ef4444;--mgr-danger-bg: #fef2f2;--mgr-info: #06b6d4;--mgr-info-bg: #ecfeff;--mgr-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--mgr-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--mgr-shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .1);--mgr-radius-sm: 6px;--mgr-radius: 10px;--mgr-radius-lg: 14px}.mgr-page-container{min-height:100%;padding-bottom:40px}.mgr-page{min-height:100vh;background:var(--mgr-bg-light);padding:24px}.mgr-page-header{margin-bottom:24px;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px}.mgr-page-title{font-size:26px;font-weight:700;color:var(--mgr-text-primary);margin:0 0 4px;display:flex;align-items:center;gap:10px}.mgr-page-title svg{width:28px;height:28px;fill:var(--mgr-primary)}.mgr-page-subtitle{font-size:14px;color:var(--mgr-text-secondary);margin:0}.mgr-header-actions{display:flex;gap:12px;align-items:center}.mgr-welcome-section{background:linear-gradient(135deg,#059669,#047857,#065f46);border-radius:var(--mgr-radius-lg);padding:32px;margin-bottom:24px;position:relative;overflow:hidden}.mgr-welcome-section:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:#ffffff1a;border-radius:50%}.mgr-welcome-section:after{content:"";position:absolute;bottom:-30%;left:10%;width:200px;height:200px;background:#ffffff0d;border-radius:50%}.mgr-welcome-content{position:relative;z-index:1}.mgr-welcome-greeting{font-size:14px;color:#ffffffe6;margin:0 0 6px;font-weight:500}.mgr-welcome-title{font-size:28px;font-weight:700;color:#fff!important;margin:0 0 8px}.mgr-welcome-subtitle{font-size:15px;color:#ffffffd9!important;margin:0}.mgr-welcome-date{display:inline-flex;align-items:center;gap:8px;background:#ffffff26;padding:8px 16px;border-radius:20px;margin-top:16px;font-size:13px;color:#fff!important;font-weight:500}.mgr-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px}.mgr-stat-card{background:var(--mgr-bg-white);border-radius:var(--mgr-radius-lg);padding:24px;box-shadow:var(--mgr-shadow-sm);border:1px solid var(--mgr-border-light);transition:all .3s ease;position:relative;overflow:hidden}.mgr-stat-card:hover{transform:translateY(-2px);box-shadow:var(--mgr-shadow)}.mgr-stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--mgr-primary);border-radius:4px 0 0 4px}.mgr-stat-card.green:before{background:#10b981}.mgr-stat-card.blue:before{background:#3b82f6}.mgr-stat-card.orange:before{background:#f59e0b}.mgr-stat-card.purple:before{background:#8b5cf6}.mgr-stat-card.red:before{background:#ef4444}.mgr-stat-card.cyan:before{background:#06b6d4}.mgr-stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.mgr-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.mgr-stat-icon.green{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669}.mgr-stat-icon.blue{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb}.mgr-stat-icon.orange{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#d97706}.mgr-stat-icon.purple{background:linear-gradient(135deg,#f5f3ff,#ede9fe);color:#7c3aed}.mgr-stat-icon.red{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626}.mgr-stat-icon.cyan{background:linear-gradient(135deg,#ecfeff,#cffafe);color:#0891b2}.mgr-stat-icon svg{width:24px;height:24px}.mgr-stat-trend{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:4px 8px;border-radius:20px}.mgr-stat-trend.up{background:#ecfdf5;color:#059669}.mgr-stat-trend.down{background:#fef2f2;color:#dc2626}.mgr-stat-value{font-size:32px;font-weight:700;color:var(--mgr-text-primary);margin:0 0 4px;line-height:1}.mgr-stat-label{font-size:14px;color:var(--mgr-text-secondary);margin:0}.mgr-card{background:var(--mgr-bg-white);border-radius:var(--mgr-radius-lg);box-shadow:var(--mgr-shadow-sm);border:1px solid var(--mgr-border-light);overflow:hidden}.mgr-card-header{padding:20px 24px;border-bottom:1px solid var(--mgr-border-light);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to right,#f8fafc,#fff)}.mgr-card-title{font-size:16px;font-weight:600;color:var(--mgr-text-primary);margin:0;display:flex;align-items:center;gap:10px}.mgr-card-title svg{width:20px;height:20px;fill:var(--mgr-primary)}.mgr-card-body{padding:24px}.mgr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--mgr-radius);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;text-transform:none!important;letter-spacing:normal}.mgr-btn-primary{background:linear-gradient(135deg,var(--mgr-primary) 0%,var(--mgr-primary-dark) 100%);color:#fff;box-shadow:0 2px 8px #0596694d}.mgr-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #05966966}.mgr-btn-secondary{background:var(--mgr-bg-light);color:var(--mgr-text-primary);border:1px solid var(--mgr-border)}.mgr-btn-secondary:hover{background:var(--mgr-border-light)}.mgr-btn-outline{background:transparent;color:var(--mgr-primary);border:2px solid var(--mgr-primary)}.mgr-btn-outline:hover{background:var(--mgr-primary);color:#fff}.mgr-btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.mgr-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.mgr-btn-sm{padding:8px 14px;font-size:13px}.mgr-btn svg{width:18px;height:18px}.mgr-form-group{margin-bottom:20px}.mgr-label{display:block;font-size:13px;font-weight:600;color:var(--mgr-text-primary);margin-bottom:8px}.mgr-input,.mgr-select,.mgr-textarea{width:100%;padding:12px 16px;border:1px solid var(--mgr-border);border-radius:var(--mgr-radius);font-size:14px;color:var(--mgr-text-primary);background:var(--mgr-bg-white);transition:all .2s ease}.mgr-input:focus,.mgr-select:focus,.mgr-textarea:focus{outline:none;border-color:var(--mgr-primary);box-shadow:0 0 0 3px #05966926}.mgr-textarea{min-height:120px;resize:vertical}.mgr-table-container{overflow-x:auto}.mgr-table{width:100%;border-collapse:collapse}.mgr-table th{text-align:left;padding:14px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--mgr-text-secondary);background:linear-gradient(to bottom,#f8fafc,#f1f5f9);border-bottom:2px solid var(--mgr-border)}.mgr-table td{padding:16px;font-size:14px;color:var(--mgr-text-primary);border-bottom:1px solid var(--mgr-border-light);vertical-align:middle}.mgr-table tbody tr:hover{background:#f8fafc}.mgr-table tbody tr:last-child td{border-bottom:none}.mgr-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.mgr-badge-success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669}.mgr-badge-warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#d97706}.mgr-badge-danger{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626}.mgr-badge-info{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb}.mgr-badge-purple{background:linear-gradient(135deg,#f5f3ff,#ede9fe);color:#7c3aed}.mgr-user-info{display:flex;align-items:center;gap:12px}.mgr-user-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--mgr-primary) 0%,var(--mgr-primary-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.mgr-table-user-name{font-weight:600;color:#1e293b!important;white-space:nowrap;font-size:14px}.mgr-employee-id{display:inline-block;padding:4px 10px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:6px;font-size:12px;font-weight:600;font-family:Consolas,Monaco,monospace;color:#059669;letter-spacing:.5px}.mgr-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.mgr-modal{background:#fff;border-radius:var(--mgr-radius-lg);width:100%;max-width:500px;max-height:90vh;overflow:hidden;box-shadow:var(--mgr-shadow-lg);animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mgr-modal-header{padding:20px 24px;border-bottom:1px solid var(--mgr-border-light);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to right,#f0fdf4,#fff)}.mgr-modal-title{font-size:18px;font-weight:600;color:var(--mgr-text-primary);margin:0}.mgr-modal-close{width:36px;height:36px;border:none;background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--mgr-text-secondary);transition:all .2s ease}.mgr-modal-close:hover{background:#fef2f2;color:#dc2626}.mgr-modal-body{padding:24px;overflow-y:auto;max-height:calc(90vh - 140px)}.mgr-modal-footer{padding:16px 24px;border-top:1px solid var(--mgr-border-light);display:flex;gap:12px;justify-content:flex-end;background:#f8fafc}.mgr-alert{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--mgr-radius);margin-bottom:20px;font-size:14px;font-weight:500}.mgr-alert-success{background:var(--mgr-success-bg);color:#059669;border:1px solid #a7f3d0}.mgr-alert-error{background:var(--mgr-danger-bg);color:#dc2626;border:1px solid #fecaca}.mgr-alert-warning{background:var(--mgr-warning-bg);color:#d97706;border:1px solid #fde68a}.mgr-alert svg{width:20px;height:20px;flex-shrink:0}.mgr-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.mgr-toolbar-left{display:flex;align-items:center;gap:12px;flex:1;min-width:250px}.mgr-toolbar-right{display:flex;align-items:center;gap:12px}.mgr-search-bar{position:relative;flex:1;max-width:400px}.mgr-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--mgr-text-muted)}.mgr-search-bar .mgr-input{padding-left:44px}.mgr-pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--mgr-border-light);flex-wrap:wrap;gap:16px}.mgr-pagination-info{font-size:13px;color:var(--mgr-text-secondary)}.mgr-pagination-controls{display:flex;gap:6px}.mgr-page-btn{min-width:36px;height:36px;border:1px solid var(--mgr-border);background:#fff;border-radius:8px;font-size:13px;font-weight:500;color:var(--mgr-text-primary);cursor:pointer;transition:all .2s ease}.mgr-page-btn:hover:not(:disabled){background:var(--mgr-bg-light);border-color:var(--mgr-primary)}.mgr-page-btn.active{background:var(--mgr-primary);border-color:var(--mgr-primary);color:#fff}.mgr-page-btn:disabled{opacity:.5;cursor:not-allowed}.mgr-empty-state{text-align:center;padding:60px 20px}.mgr-empty-icon{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.mgr-empty-icon svg{width:40px;height:40px;fill:var(--mgr-primary)}.mgr-empty-title{font-size:18px;font-weight:600;color:var(--mgr-text-primary);margin:0 0 8px}.mgr-empty-text{font-size:14px;color:var(--mgr-text-secondary);margin:0}.mgr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.mgr-spinner{width:48px;height:48px;border:4px solid var(--mgr-border);border-top-color:var(--mgr-primary);border-radius:50%;animation:spin .8s linear infinite}.mgr-loading-text{margin-top:16px;font-size:14px;color:var(--mgr-text-secondary)}.mgr-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.mgr-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:1024px){.mgr-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.mgr-grid-2,.mgr-grid-3{grid-template-columns:1fr}}.mgr-activity-list{display:flex;flex-direction:column}.mgr-activity-item{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-bottom:1px solid var(--mgr-border-light)}.mgr-activity-item:last-child{border-bottom:none}.mgr-activity-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mgr-activity-icon.green{background:#ecfdf5;color:#059669}.mgr-activity-icon.blue{background:#eff6ff;color:#2563eb}.mgr-activity-icon.orange{background:#fffbeb;color:#d97706}.mgr-activity-icon.red{background:#fef2f2;color:#dc2626}.mgr-activity-content{flex:1;min-width:0}.mgr-activity-title{font-size:14px;font-weight:500;color:var(--mgr-text-primary);margin:0 0 4px}.mgr-activity-time{font-size:12px;color:var(--mgr-text-muted)}.mgr-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.mgr-quick-action{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;background:var(--mgr-bg-white);border:1px solid var(--mgr-border-light);border-radius:var(--mgr-radius);cursor:pointer;transition:all .2s ease;text-decoration:none}.mgr-quick-action:hover{border-color:var(--mgr-primary);box-shadow:var(--mgr-shadow);transform:translateY(-2px)}.mgr-quick-action-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.mgr-quick-action-icon.green{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669}.mgr-quick-action-icon.blue{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb}.mgr-quick-action-icon.orange{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#d97706}.mgr-quick-action-icon.purple{background:linear-gradient(135deg,#f5f3ff,#ede9fe);color:#7c3aed}.mgr-quick-action-label{font-size:13px;font-weight:500;color:var(--mgr-text-primary);text-align:center}.mgr-progress-container{margin-top:12px}.mgr-progress-header{display:flex;justify-content:space-between;margin-bottom:6px}.mgr-progress-label{font-size:12px;color:var(--mgr-text-secondary)}.mgr-progress-value{font-size:12px;font-weight:600;color:var(--mgr-text-primary)}.mgr-progress-bar{height:8px;background:var(--mgr-border-light);border-radius:4px;overflow:hidden}.mgr-progress-fill{height:100%;border-radius:4px;transition:width .5s ease}.mgr-progress-fill.green{background:linear-gradient(90deg,#10b981,#059669)}.mgr-progress-fill.blue{background:linear-gradient(90deg,#3b82f6,#2563eb)}.mgr-progress-fill.orange{background:linear-gradient(90deg,#f59e0b,#d97706)}.mgr-progress-fill.purple{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.mgr-team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.mgr-team-card{background:var(--mgr-bg-white);border:1px solid var(--mgr-border-light);border-radius:var(--mgr-radius-lg);padding:24px;text-align:center;transition:all .2s ease}.mgr-team-card:hover{border-color:var(--mgr-primary);box-shadow:var(--mgr-shadow)}.mgr-team-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--mgr-primary) 0%,var(--mgr-primary-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 16px}.mgr-team-name{font-size:16px;font-weight:600;color:var(--mgr-text-primary);margin:0 0 4px}.mgr-team-role{font-size:13px;color:var(--mgr-text-secondary);margin:0 0 12px}.mgr-team-stats{display:flex;justify-content:center;gap:24px;padding-top:16px;border-top:1px solid var(--mgr-border-light)}.mgr-team-stat{text-align:center}.mgr-team-stat-value{font-size:18px;font-weight:700;color:var(--mgr-primary)}.mgr-team-stat-label{font-size:11px;color:var(--mgr-text-muted);text-transform:uppercase}.mgr-chat-container{display:flex;flex-direction:column;height:500px}.mgr-chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.mgr-message{max-width:80%;padding:14px 18px;border-radius:16px}.mgr-message.sent{background:linear-gradient(135deg,var(--mgr-primary) 0%,var(--mgr-primary-dark) 100%);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.mgr-message.received{background:var(--mgr-bg-light);color:var(--mgr-text-primary);align-self:flex-start;border-bottom-left-radius:4px}.mgr-message-content{font-size:14px;line-height:1.5}.mgr-message-time{font-size:11px;opacity:.7;margin-top:6px;text-align:right}.mgr-chat-input-container{display:flex;gap:12px;padding:16px 20px;border-top:1px solid var(--mgr-border-light);background:#f8fafc}.mgr-chat-input-container .mgr-input{flex:1}.mgr-announcement-card{padding:20px;border:1px solid var(--mgr-border-light);border-radius:var(--mgr-radius);margin-bottom:16px;transition:all .2s ease}.mgr-announcement-card:hover{border-color:var(--mgr-primary);box-shadow:var(--mgr-shadow-sm)}.mgr-announcement-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.mgr-announcement-badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase}.mgr-announcement-badge.important{background:#fef2f2;color:#dc2626}.mgr-announcement-badge.general{background:#eff6ff;color:#2563eb}.mgr-announcement-title{font-size:16px;font-weight:600;color:var(--mgr-text-primary);margin:0 0 8px}.mgr-announcement-content{font-size:14px;color:var(--mgr-text-secondary);line-height:1.6;margin:0}.mgr-announcement-meta{display:flex;align-items:center;gap:16px;margin-top:12px;font-size:12px;color:var(--mgr-text-muted)}.mgr-ticket-card{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--mgr-border-light);border-radius:var(--mgr-radius);margin-bottom:12px;transition:all .2s ease}.mgr-ticket-card:hover{border-color:var(--mgr-primary);background:#fafafa}.mgr-ticket-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mgr-ticket-icon.open{background:#fef3c7;color:#d97706}.mgr-ticket-icon.resolved{background:#d1fae5;color:#059669}.mgr-ticket-icon.pending{background:#dbeafe;color:#2563eb}.mgr-ticket-content{flex:1}.mgr-ticket-title{font-size:14px;font-weight:600;color:var(--mgr-text-primary);margin:0 0 4px}.mgr-ticket-meta{font-size:12px;color:var(--mgr-text-muted)}.mgr-ticket-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.mgr-ticket-status.open{background:#fef3c7;color:#d97706}.mgr-ticket-status.resolved{background:#d1fae5;color:#059669}.mgr-ticket-status.pending{background:#dbeafe;color:#2563eb}.mgr-success-popup-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.mgr-success-popup{background:#fff;border-radius:20px;padding:40px 50px;text-align:center;box-shadow:0 25px 50px -12px #00000040;animation:popupSlideIn .4s ease;max-width:400px;width:90%}.mgr-success-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;animation:iconBounce .6s ease}.mgr-success-icon svg{width:48px;height:48px;fill:#fff}.mgr-success-title{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 10px}.mgr-success-message{font-size:15px;color:#64748b;margin:0;line-height:1.6}.mgr-chart-container{padding:16px}.mgr-chart-title{font-size:14px;font-weight:600;color:var(--mgr-text-primary);margin:0 0 16px}.mgr-bar-chart{display:flex;justify-content:space-between;align-items:flex-end;height:200px;padding:0 10px}.mgr-bar-item{display:flex;flex-direction:column;align-items:center;flex:1}.mgr-bar-wrapper{width:36px;height:180px;background:#f1f5f9;border-radius:6px;display:flex;align-items:flex-end;justify-content:center}.mgr-bar{width:100%;border-radius:6px;display:flex;align-items:flex-start;justify-content:center;transition:height .5s ease;position:relative}.mgr-bar-value{position:absolute;top:-24px;font-size:11px;font-weight:600;color:var(--mgr-text-primary)}.mgr-bar-label{font-size:11px;color:var(--mgr-text-secondary);margin-top:8px}.mgr-donut-chart{display:flex;align-items:center;justify-content:center;gap:24px}.mgr-donut-svg{width:160px;height:160px}.mgr-donut-total{font-size:24px;font-weight:700;fill:var(--mgr-text-primary)}.mgr-donut-label{font-size:10px;fill:var(--mgr-text-secondary)}.mgr-donut-legend{display:flex;flex-direction:column;gap:8px}.mgr-legend-item{display:flex;align-items:center;gap:8px}.mgr-legend-color{width:12px;height:12px;border-radius:3px}.mgr-legend-label{font-size:13px;color:var(--mgr-text-secondary)}.mgr-line-chart{padding:10px}.mgr-line-svg{width:100%;height:180px}.mgr-line-labels{display:flex;justify-content:space-between;padding:8px 10px 0}.mgr-line-label{font-size:11px;color:var(--mgr-text-secondary)}.mgr-hbar-chart{display:flex;flex-direction:column;gap:16px}.mgr-hbar-item{display:flex;align-items:center;gap:12px}.mgr-hbar-label{font-size:13px;color:var(--mgr-text-secondary);width:90px;flex-shrink:0}.mgr-hbar-track{flex:1;height:24px;background:#f1f5f9;border-radius:6px;overflow:hidden}.mgr-hbar-fill{height:100%;border-radius:6px;transition:width .5s ease}.mgr-hbar-value{font-size:14px;font-weight:600;color:var(--mgr-text-primary);width:30px;text-align:right}.mgr-charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.mgr-chat-wrapper{display:grid;grid-template-columns:300px 1fr;gap:24px;height:calc(100vh - 220px);min-height:500px}.mgr-chat-sidebar{background:#fff;border-radius:var(--mgr-radius-lg);box-shadow:var(--mgr-shadow);overflow:hidden;display:flex;flex-direction:column}.mgr-chat-sidebar-header{padding:20px;border-bottom:1px solid var(--mgr-border);display:flex;justify-content:space-between;align-items:center}.mgr-chat-sidebar-header h3{font-size:16px;font-weight:600;color:var(--mgr-text-primary);margin:0}.mgr-online-count{font-size:12px;color:var(--mgr-text-secondary);background:var(--mgr-bg-light);padding:4px 10px;border-radius:20px}.mgr-chat-contacts{flex:1;overflow-y:auto}.mgr-chat-contact{display:flex;align-items:center;gap:12px;padding:14px 20px;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.mgr-chat-contact:hover{background:var(--mgr-bg-light)}.mgr-chat-contact.active{background:var(--mgr-bg-light);border-left-color:var(--mgr-primary)}.mgr-contact-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--mgr-primary),var(--mgr-primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;position:relative}.mgr-contact-status{position:absolute;bottom:0;right:0}.mgr-contact-info{flex:1;min-width:0}.mgr-contact-name{font-size:14px;font-weight:600;color:var(--mgr-text-primary);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mgr-contact-role{font-size:12px;color:var(--mgr-text-secondary);margin:0}.mgr-chat-main{background:#fff;border-radius:var(--mgr-radius-lg);box-shadow:var(--mgr-shadow);display:flex;flex-direction:column;overflow:hidden}.mgr-chat-header{padding:16px 20px;border-bottom:1px solid var(--mgr-border);display:flex;justify-content:space-between;align-items:center}.mgr-chat-user{display:flex;align-items:center;gap:12px}.mgr-chat-user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--mgr-primary),var(--mgr-primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.mgr-chat-user-name{font-size:15px;font-weight:600;color:var(--mgr-text-primary);margin:0}.mgr-chat-user-status{font-size:12px;color:var(--mgr-text-secondary);margin:2px 0 0;display:flex;align-items:center;gap:4px}.mgr-chat-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;background:#fafafa}.mgr-message{display:flex;max-width:70%}.mgr-message.sent{margin-left:auto}.mgr-message.received{margin-right:auto}.mgr-message-content{padding:12px 16px;border-radius:16px;position:relative}.mgr-message.sent .mgr-message-content{background:linear-gradient(135deg,var(--mgr-primary),var(--mgr-primary-dark));color:#fff;border-bottom-right-radius:4px}.mgr-message.received .mgr-message-content{background:#fff;color:var(--mgr-text-primary);border-bottom-left-radius:4px;box-shadow:var(--mgr-shadow-sm)}.mgr-message-text{margin:0 0 4px;font-size:14px;line-height:1.5}.mgr-message-time{font-size:10px;opacity:.7}.mgr-chat-input-area{padding:16px 20px;border-top:1px solid var(--mgr-border);display:flex;align-items:center;gap:12px;background:#fff}.mgr-chat-action-btn{width:36px;height:36px;border:none;background:transparent;color:var(--mgr-text-secondary);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.mgr-chat-action-btn:hover{background:var(--mgr-bg-light);color:var(--mgr-primary)}.mgr-chat-input{flex:1;padding:12px 16px;border:1px solid var(--mgr-border);border-radius:24px;font-size:14px;outline:none;transition:all .2s}.mgr-chat-input:focus{border-color:var(--mgr-primary);box-shadow:0 0 0 3px #0596691a}.mgr-chat-send-btn{width:44px;height:44px;border:none;background:linear-gradient(135deg,var(--mgr-primary),var(--mgr-primary-dark));color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.mgr-chat-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:var(--mgr-shadow)}.mgr-chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.mgr-chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--mgr-text-secondary)}.mgr-chat-empty h4{margin:16px 0 8px;color:var(--mgr-text-primary)}.mgr-chat-empty p{margin:0;font-size:14px}.mgr-announcements-list{display:flex;flex-direction:column;gap:16px}.mgr-announcement-card{background:#fff;border-radius:var(--mgr-radius);padding:20px;box-shadow:var(--mgr-shadow-sm);transition:all .2s}.mgr-announcement-card:hover{box-shadow:var(--mgr-shadow)}.mgr-announcement-card.pinned{border-width:2px}.mgr-announcement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mgr-announcement-type{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600}.mgr-announcement-type svg{width:18px;height:18px}.mgr-pinned-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#0000000d;border-radius:20px;font-size:11px;margin-left:8px}.mgr-pinned-badge svg{width:12px;height:12px}.mgr-announcement-date{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mgr-text-secondary)}.mgr-announcement-date svg{width:14px;height:14px}.mgr-announcement-title{font-size:17px;font-weight:600;color:var(--mgr-text-primary);margin:0 0 8px}.mgr-announcement-content{font-size:14px;color:var(--mgr-text-secondary);line-height:1.6;margin:0 0 12px}.mgr-announcement-footer{display:flex;justify-content:space-between;align-items:center}.mgr-announcement-author{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mgr-text-muted)}.mgr-announcement-author svg{width:14px;height:14px}.mgr-profile-container{display:grid;grid-template-columns:320px 1fr;gap:24px}.mgr-profile-card{text-align:center}.mgr-profile-header{padding:32px 24px;background:linear-gradient(135deg,var(--mgr-primary),var(--mgr-primary-dark));border-radius:var(--mgr-radius-lg) var(--mgr-radius-lg) 0 0}.mgr-profile-avatar-large{width:100px;height:100px;border-radius:50%;background:#fff;color:var(--mgr-primary);font-size:36px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;position:relative;box-shadow:0 4px 20px #0003}.mgr-avatar-edit-btn{position:absolute;bottom:0;right:0;width:32px;height:32px;border-radius:50%;background:var(--mgr-primary-dark);border:2px solid white;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.mgr-avatar-edit-btn:hover{transform:scale(1.1)}.mgr-profile-name{font-size:22px;font-weight:700;color:#fff;margin:0 0 4px}.mgr-profile-role{font-size:14px;color:#fffc;margin:0 0 12px}.mgr-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:24px;gap:16px}.mgr-profile-stat{text-align:center}.mgr-profile-stat-value{font-size:24px;font-weight:700;color:var(--mgr-primary);display:block}.mgr-profile-stat-label{font-size:12px;color:var(--mgr-text-secondary)}.mgr-profile-details{overflow:hidden}.mgr-profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.mgr-profile-field{display:flex;flex-direction:column;gap:6px}.mgr-profile-label{font-size:12px;font-weight:600;color:var(--mgr-text-secondary);display:flex;align-items:center;gap:6px}.mgr-profile-label svg{width:16px;height:16px;fill:var(--mgr-primary)}.mgr-profile-value{font-size:15px;color:var(--mgr-text-primary);margin:0}.mgr-tickets-container{display:grid;grid-template-columns:400px 1fr;gap:24px}.mgr-tickets-list{display:flex;flex-direction:column;gap:12px}.mgr-ticket-card{background:#fff;border-radius:var(--mgr-radius);padding:16px;box-shadow:var(--mgr-shadow-sm);cursor:pointer;transition:all .2s;border:2px solid transparent}.mgr-ticket-card:hover{box-shadow:var(--mgr-shadow)}.mgr-ticket-card.active{border-color:var(--mgr-primary)}.mgr-ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mgr-ticket-id{font-size:12px;font-weight:600;color:var(--mgr-primary);background:var(--mgr-bg-light);padding:3px 8px;border-radius:4px}.mgr-ticket-subject{font-size:15px;font-weight:600;color:var(--mgr-text-primary);margin:0 0 10px;line-height:1.4}.mgr-ticket-meta{display:flex;gap:10px;margin-bottom:8px}.mgr-ticket-category{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--mgr-text-secondary);text-transform:capitalize}.mgr-ticket-category svg{width:14px;height:14px}.mgr-ticket-priority{font-size:11px;font-weight:500;padding:3px 8px;border-radius:10px;text-transform:capitalize}.mgr-ticket-date{font-size:12px;color:var(--mgr-text-muted)}.mgr-ticket-details{flex:1}.mgr-ticket-info{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;padding:16px;background:var(--mgr-bg-light);border-radius:var(--mgr-radius)}.mgr-ticket-info-row{display:flex;flex-direction:column;gap:4px}.mgr-ticket-info-label{font-size:12px;color:var(--mgr-text-secondary)}.mgr-ticket-description{margin-bottom:24px}.mgr-ticket-description h4{font-size:14px;font-weight:600;color:var(--mgr-text-primary);margin:0 0 8px}.mgr-ticket-description p{font-size:14px;color:var(--mgr-text-secondary);line-height:1.6;margin:0}.mgr-ticket-responses{margin-bottom:24px}.mgr-ticket-responses h4{font-size:14px;font-weight:600;color:var(--mgr-text-primary);margin:0 0 16px}.mgr-response{padding:12px 16px;border-radius:var(--mgr-radius);margin-bottom:12px}.mgr-response.support{background:var(--mgr-bg-light);border-left:3px solid var(--mgr-primary)}.mgr-response.user{background:#f8fafc;border-left:3px solid var(--mgr-text-muted)}.mgr-response-header{display:flex;justify-content:space-between;margin-bottom:6px}.mgr-response-from{font-size:12px;font-weight:600;color:var(--mgr-text-primary)}.mgr-response-time{font-size:11px;color:var(--mgr-text-muted)}.mgr-response-message{font-size:14px;color:var(--mgr-text-secondary);margin:0;line-height:1.5}.mgr-ticket-reply{padding-top:16px;border-top:1px solid var(--mgr-border)}.mgr-file-upload{border:2px dashed var(--mgr-border);border-radius:var(--mgr-radius);padding:20px;text-align:center}.mgr-file-label{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;color:var(--mgr-text-secondary);transition:all .2s}.mgr-file-label:hover{color:var(--mgr-primary)}.mgr-section{margin-bottom:24px}.mgr-section-title{font-size:18px;font-weight:600;color:var(--mgr-text-primary);margin:0 0 16px;display:flex;align-items:center;gap:8px}.mgr-section-title svg{width:20px;height:20px;fill:var(--mgr-primary)}.mgr-search-container{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.mgr-search-box{display:flex;align-items:center;background:#fff;border:1px solid var(--mgr-border);border-radius:var(--mgr-radius);padding:10px 16px;gap:10px;min-width:300px}.mgr-search-box svg{width:18px;height:18px;fill:var(--mgr-text-secondary)}.mgr-search-input{border:none;outline:none;font-size:14px;flex:1;color:var(--mgr-text-primary)}.mgr-search-input::placeholder{color:var(--mgr-text-muted)}@media(max-width:1200px){.mgr-charts-grid,.mgr-profile-container,.mgr-tickets-container,.mgr-chat-wrapper{grid-template-columns:1fr}}@media(max-width:768px){.mgr-page{padding:16px}.mgr-page-header{flex-direction:column;align-items:flex-start}.mgr-welcome-section{padding:24px}.mgr-welcome-title{font-size:22px}.mgr-stats-grid{grid-template-columns:repeat(2,1fr)!important}.mgr-toolbar{flex-direction:column;align-items:stretch}.mgr-toolbar-left,.mgr-toolbar-right{width:100%}.mgr-search-bar{max-width:none}.mgr-search-box{min-width:100%}.mgr-search-container{flex-direction:column;align-items:stretch}.mgr-modal{margin:16px;max-height:calc(100vh - 32px)}.mgr-team-grid,.mgr-profile-grid{grid-template-columns:1fr}.mgr-form-row{flex-direction:column}.mgr-chat-sidebar{display:none}.mgr-tickets-list{max-height:300px;overflow-y:auto}}@media(max-width:480px){.mgr-stats-grid{grid-template-columns:1fr!important}.mgr-page-title{font-size:20px}.mgr-btn{padding:8px 14px;font-size:13px}}.chat-container{padding:24px;background:#f1f5f9;min-height:calc(100vh - 80px)}.chat-header{margin-bottom:24px}.chat-header-title{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;color:#1e293b;margin:0 0 8px}.chat-header-title svg{width:32px;height:32px;fill:#2563eb}.chat-header-subtitle{font-size:14px;color:#64748b;margin:0}.chat-wrapper{display:flex;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;height:calc(100vh - 200px);min-height:500px;overflow:hidden}.chat-sidebar{width:320px;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;background:#fff}.chat-sidebar-header{padding:20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.chat-sidebar-header h3{font-size:18px;font-weight:700;color:#1e293b;margin:0}.chat-contact-count{font-size:12px;color:#64748b;background:#e2e8f0;padding:4px 10px;border-radius:12px;font-weight:500}.chat-section{padding:0}.chat-section-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;padding:16px 20px 8px;background:#f8fafc}.chat-section-title svg{width:16px;height:16px;fill:#64748b}.chat-contacts-list{max-height:calc(100vh - 400px);overflow-y:auto}.chat-contact-item{display:flex;align-items:center;gap:12px;padding:14px 20px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent}.chat-contact-item:hover{background:#f8fafc}.chat-contact-item.active{background:linear-gradient(90deg,#2563eb14,#2563eb05);border-left-color:#2563eb}.chat-avatar{position:relative;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;flex-shrink:0}.chat-avatar.manager-avatar{background:linear-gradient(135deg,#f59e0b,#d97706)}.chat-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.chat-avatar-status{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;background:#22c55e;border:2px solid #ffffff}.chat-contact-info{flex:1;min-width:0}.chat-contact-name{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-contact-role{font-size:12px;color:#64748b;margin:0}.chat-contact-preview{font-size:11px;color:#94a3b8;margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-main{flex:1;display:flex;flex-direction:column;background:#f8fafc}.chat-user-header{padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.chat-user-info{display:flex;align-items:center;gap:14px}.chat-user-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff}.chat-user-avatar.manager{background:linear-gradient(135deg,#f59e0b,#d97706)}.chat-user-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.chat-user-details h4{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 4px;display:flex;align-items:center;gap:8px}.chat-manager-badge{font-size:10px;font-weight:600;color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);padding:2px 8px;border-radius:10px;text-transform:uppercase}.chat-user-status{font-size:13px;color:#64748b;margin:0;display:flex;align-items:center;gap:6px}.chat-status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e}.chat-refresh-btn{width:40px;height:40px;border-radius:10px;border:none;background:#f1f5f9;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-refresh-btn:hover{background:#e2e8f0;color:#2563eb}.chat-refresh-btn svg{width:20px;height:20px;fill:currentColor}.chat-messages{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.chat-messages-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8}.chat-messages-empty p{font-size:14px;margin:0}.chat-message{display:flex;max-width:70%}.chat-message.sent{align-self:flex-end}.chat-message.received{align-self:flex-start}.chat-message-bubble{padding:12px 18px;border-radius:18px;position:relative}.chat-message.sent .chat-message-bubble{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-bottom-right-radius:6px}.chat-message.received .chat-message-bubble{background:#fff;border-bottom-left-radius:6px;box-shadow:0 2px 8px #0000000f}.chat-message-text{font-size:14px;line-height:1.5;margin:0 0 6px}.chat-message.sent .chat-message-text{color:#fff}.chat-message.received .chat-message-text{color:#1e293b}.chat-message-time{font-size:10px;display:block;text-align:right}.chat-message.sent .chat-message-time{color:#ffffffbf}.chat-message.received .chat-message-time{color:#94a3b8}.chat-input-area{padding:20px 24px;background:#fff;border-top:1px solid #e2e8f0;display:flex;align-items:center;gap:12px}.chat-input-btn{width:44px;height:44px;border-radius:12px;border:none;background:#f1f5f9;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.chat-input-btn:hover{background:#e2e8f0;color:#2563eb}.chat-input-btn svg{width:22px;height:22px;fill:currentColor}.chat-input-field{flex:1;padding:14px 20px;border:2px solid #e2e8f0;border-radius:25px;font-size:14px;background:#f8fafc;color:#1e293b;transition:all .2s ease}.chat-input-field::placeholder{color:#94a3b8}.chat-input-field:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 4px #2563eb1a}.chat-send-btn{width:48px;height:48px;border-radius:50%;border:none;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;box-shadow:0 4px 12px #2563eb4d}.chat-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 20px #2563eb66}.chat-send-btn:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed}.chat-send-btn svg{width:22px;height:22px;fill:#fff}.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8fafc;padding:40px}.chat-empty-icon{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.chat-empty-icon svg{width:50px;height:50px;fill:#4f46e5}.chat-empty-state h4{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 8px}.chat-empty-state p{font-size:14px;color:#64748b;margin:0;text-align:center}.chat-no-contacts{padding:40px 20px;text-align:center;color:#64748b}.chat-no-contacts p{margin:0 0 8px;font-size:14px}.chat-no-contacts small{font-size:12px;color:#94a3b8}@media(max-width:992px){.chat-wrapper{height:calc(100vh - 180px)}.chat-sidebar{width:280px}}@media(max-width:768px){.chat-wrapper{flex-direction:column;height:auto}.chat-sidebar{width:100%;max-height:250px;border-right:none;border-bottom:1px solid #e2e8f0}.chat-main{min-height:400px}.chat-message{max-width:85%}.chat-input-btn:first-child,.chat-input-btn:nth-child(2){display:none}}.emp-sidebar{width:260px;min-height:100vh;background:linear-gradient(180deg,#1e40af,#1d4ed8 30%,#2563eb);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100;box-shadow:4px 0 20px #1e40af4d}.emp-sidebar-logo{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.emp-logo-text{display:flex;flex-direction:column}.emp-logo-title{font-size:18px;font-weight:700;color:#fff;line-height:1.2}.emp-logo-subtitle{font-size:11px;color:#ffffffb3;letter-spacing:.5px}.emp-sidebar-user{padding:16px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1);transition:background .2s ease}.emp-sidebar-user:hover{background:#ffffff0d}.emp-user-avatar{width:42px;height:42px;background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid rgba(255,255,255,.2);flex-shrink:0}.emp-user-avatar svg{width:22px;height:22px;fill:#fff}.emp-user-info{flex:1;min-width:0}.emp-user-name{font-size:14px;font-weight:600;color:#fff;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emp-user-designation{font-size:12px;color:#ffffffb3;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emp-user-role{font-size:12px;color:#ffffffb3;margin:0}.emp-sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.emp-nav-section{margin-bottom:20px}.emp-nav-section-title{font-size:10px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:1px;padding:0 12px;margin-bottom:8px}.emp-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#fffc;text-decoration:none;border-radius:10px;margin-bottom:4px;transition:all .2s ease;cursor:pointer;font-size:14px;font-weight:500}.emp-nav-item:hover{background:#ffffff1a;color:#fff}.emp-nav-item.active{background:#fff3;color:#fff;box-shadow:0 2px 8px #0000001a}.emp-nav-item svg{width:20px;height:20px;fill:currentColor;flex-shrink:0}.emp-nav-text{flex:1}.emp-nav-badge{padding:2px 8px;background:#ef4444e6;border-radius:10px;font-size:11px;font-weight:600;color:#fff}.emp-sidebar-footer{padding:16px 12px;border-top:1px solid rgba(255,255,255,.1)}.emp-logout-btn{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#fca5a5;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.emp-logout-btn:hover{background:#ef444440;color:#fecaca}.emp-logout-btn svg{width:20px;height:20px;fill:currentColor}.emp-sidebar-nav::-webkit-scrollbar{width:4px}.emp-sidebar-nav::-webkit-scrollbar-track{background:transparent}.emp-sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.emp-sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.emp-layout{display:flex;min-height:100vh;background:#eff6ff;position:relative;overflow-x:hidden}.emp-main-content{margin-left:260px;flex:1;min-height:100vh;padding:24px;overflow-x:hidden;overflow-y:auto!important;box-sizing:border-box;-webkit-overflow-scrolling:touch}.emp-main-content::-webkit-scrollbar{width:8px}.emp-main-content::-webkit-scrollbar-track{background:transparent}.emp-main-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.emp-main-content::-webkit-scrollbar-thumb:hover{background:#2563eb}@media(max-width:1024px){.emp-main-content{margin-left:260px}}@media(max-width:768px){.emp-sidebar{transform:translate(-100%);transition:transform .3s ease}.emp-sidebar.open{transform:translate(0)}.emp-main-content{margin-left:0;width:100%;min-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:100px}}:root{--emp-primary: #2563eb;--emp-primary-dark: #1d4ed8;--emp-primary-light: #3b82f6;--emp-secondary: #1e40af;--emp-bg-light: #eff6ff;--emp-bg-white: #ffffff;--emp-text-primary: #1e293b;--emp-text-secondary: #64748b;--emp-text-muted: #94a3b8;--emp-border: #e2e8f0;--emp-border-light: #f1f5f9;--emp-success: #10b981;--emp-success-bg: #ecfdf5;--emp-warning: #f59e0b;--emp-warning-bg: #fffbeb;--emp-danger: #ef4444;--emp-danger-bg: #fef2f2;--emp-info: #06b6d4;--emp-info-bg: #ecfeff;--emp-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--emp-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--emp-shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .1);--emp-radius-sm: 6px;--emp-radius: 10px;--emp-radius-lg: 14px}.emp-page-container{width:100%;padding-bottom:60px}.emp-page{width:100%;background:var(--emp-bg-light)}.emp-page-header{margin-bottom:24px;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px}.emp-page-title{font-size:26px;font-weight:700;color:var(--emp-text-primary);margin:0 0 4px;display:flex;align-items:center;gap:10px}.emp-page-title svg{width:28px;height:28px;fill:var(--emp-primary)}.emp-page-subtitle{font-size:14px;color:var(--emp-text-secondary);margin:0}.emp-header-actions{display:flex;gap:12px;align-items:center}.emp-welcome-section{background:linear-gradient(135deg,#2563eb,#1d4ed8,#1e40af);border-radius:var(--emp-radius-lg);padding:32px;margin-bottom:24px;position:relative;overflow:hidden}.emp-welcome-section:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%}.emp-welcome-section:after{content:"";position:absolute;bottom:-30%;left:-5%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);border-radius:50%}.emp-welcome-content{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center}.emp-welcome-text{flex:1}.emp-welcome-greeting{font-size:14px;color:#fffc;margin:0 0 8px;text-transform:uppercase;letter-spacing:1px}.emp-welcome-title{font-size:32px;font-weight:700;color:#fff;margin:0 0 8px}.emp-welcome-subtitle{font-size:15px;color:#ffffffd9;margin:0}.emp-welcome-date{display:flex;align-items:center;gap:8px;margin-top:16px;padding:10px 16px;background:#ffffff26;border-radius:8px;width:fit-content}.emp-welcome-date svg{width:18px;height:18px;fill:#fff}.emp-welcome-date span{font-size:14px;color:#fff;font-weight:500}.emp-welcome-stats{display:flex;gap:24px;margin-top:24px}.emp-welcome-stat{text-align:center;padding:12px 20px;background:#ffffff1a;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.emp-welcome-stat-value{font-size:28px;font-weight:700;color:#fff}.emp-welcome-stat-label{font-size:12px;color:#fffc;margin-top:2px}.emp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.emp-stat-card{background:#fff;border-radius:var(--emp-radius-lg);padding:24px;box-shadow:var(--emp-shadow-sm);border:1px solid var(--emp-border-light);transition:all .3s ease;position:relative;overflow:hidden}.emp-stat-card:hover{transform:translateY(-3px);box-shadow:var(--emp-shadow)}.emp-stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;border-radius:4px 0 0 4px}.emp-stat-card.blue:before{background:linear-gradient(180deg,#2563eb,#3b82f6)}.emp-stat-card.green:before{background:linear-gradient(180deg,#059669,#10b981)}.emp-stat-card.orange:before{background:linear-gradient(180deg,#d97706,#f59e0b)}.emp-stat-card.purple:before{background:linear-gradient(180deg,#7c3aed,#8b5cf6)}.emp-stat-card.red:before{background:linear-gradient(180deg,#dc2626,#ef4444)}.emp-stat-card.cyan:before{background:linear-gradient(180deg,#0891b2,#06b6d4)}.emp-stat-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.emp-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.emp-stat-icon.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.emp-stat-icon.green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.emp-stat-icon.orange{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.emp-stat-icon.purple{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.emp-stat-icon.red{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.emp-stat-icon.cyan{background:linear-gradient(135deg,#cffafe,#a5f3fc);color:#0891b2}.emp-stat-icon svg{width:24px;height:24px}.emp-stat-value{font-size:32px;font-weight:700;color:var(--emp-text-primary);line-height:1;margin-bottom:4px}.emp-stat-label{font-size:13px;color:var(--emp-text-secondary);font-weight:500}.emp-stat-trend{display:flex;align-items:center;gap:4px;font-size:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--emp-border-light)}.emp-stat-trend.up{color:#059669}.emp-stat-trend.down{color:#dc2626}.emp-card{background:#fff;border-radius:var(--emp-radius-lg);box-shadow:var(--emp-shadow-sm);border:1px solid var(--emp-border-light);overflow:hidden}.emp-card-header{padding:20px 24px;border-bottom:1px solid var(--emp-border-light);display:flex;justify-content:space-between;align-items:center}.emp-card-title{font-size:17px;font-weight:600;color:var(--emp-text-primary);margin:0;display:flex;align-items:center;gap:10px}.emp-card-title svg{width:20px;height:20px;fill:var(--emp-primary)}.emp-card-body{padding:24px}.emp-card-footer{padding:16px 24px;border-top:1px solid var(--emp-border-light);background:#fafbfc}.emp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;border-radius:var(--emp-radius);cursor:pointer;transition:all .2s ease;border:none;outline:none}.emp-btn svg{width:18px;height:18px}.emp-btn-primary{background:linear-gradient(135deg,var(--emp-primary),var(--emp-primary-dark));color:#fff;box-shadow:0 2px 8px #2563eb4d}.emp-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb66}.emp-btn-secondary{background:#fff;color:var(--emp-text-primary);border:1px solid var(--emp-border)}.emp-btn-secondary:hover{background:var(--emp-bg-light);border-color:var(--emp-primary)}.emp-btn-success{background:linear-gradient(135deg,#059669,#047857);color:#fff}.emp-btn-success:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.emp-btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.emp-btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.emp-btn-ghost{background:transparent;color:var(--emp-text-secondary);padding:8px}.emp-btn-ghost:hover{background:var(--emp-bg-light);color:var(--emp-primary)}.emp-btn-sm{padding:6px 12px;font-size:13px}.emp-btn-sm svg{width:16px;height:16px}.emp-btn-lg{padding:14px 28px;font-size:16px}.emp-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.emp-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.emp-action-card{background:#fff;border-radius:var(--emp-radius-lg);padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;border:2px solid transparent;box-shadow:var(--emp-shadow-sm)}.emp-action-card:hover{border-color:var(--emp-primary);transform:translateY(-3px);box-shadow:var(--emp-shadow)}.emp-action-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;background:linear-gradient(135deg,var(--emp-bg-light),#dbeafe)}.emp-action-icon svg{width:28px;height:28px;fill:var(--emp-primary)}.emp-action-title{font-size:14px;font-weight:600;color:var(--emp-text-primary);margin:0 0 4px}.emp-action-subtitle{font-size:12px;color:var(--emp-text-secondary);margin:0}.emp-punch-card{background:linear-gradient(135deg,#2563eb,#1e40af);border-radius:var(--emp-radius-lg);padding:32px;color:#fff;text-align:center;position:relative;overflow:hidden}.emp-punch-card:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%}.emp-punch-time{font-size:48px;font-weight:700;margin-bottom:8px}.emp-punch-date{font-size:14px;opacity:.9;margin-bottom:24px}.emp-punch-status{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#fff3;border-radius:20px;font-size:14px;margin-bottom:24px}.emp-punch-btn{width:140px;height:140px;border-radius:50%;border:4px solid rgba(255,255,255,.3);background:#ffffff26;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin:0 auto}.emp-punch-btn:hover{background:#ffffff40;transform:scale(1.05)}.emp-punch-btn.active{background:#10b981;border-color:#10b981;box-shadow:0 0 30px #10b98180}.emp-punch-btn svg{width:32px;height:32px}.emp-punch-info{display:flex;justify-content:space-around;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.2)}.emp-punch-info-item{text-align:center}.emp-punch-info-value{font-size:20px;font-weight:600}.emp-punch-info-label{font-size:12px;opacity:.8;margin-top:4px}.emp-table-container{overflow-x:auto}.emp-table{width:100%;border-collapse:collapse}.emp-table th{text-align:left;padding:14px 16px;font-size:12px;font-weight:600;color:var(--emp-text-secondary);text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid var(--emp-border)}.emp-table td{padding:16px;font-size:14px;color:var(--emp-text-primary);border-bottom:1px solid var(--emp-border-light)}.emp-table tbody tr:hover{background:var(--emp-bg-light)}.emp-table tbody tr:last-child td{border-bottom:none}.emp-user-info{display:flex;align-items:center;gap:12px}.emp-user-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--emp-primary),var(--emp-primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.emp-table-user-name{font-weight:500;color:var(--emp-text-primary)}.emp-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;border-radius:20px}.emp-badge-success{background:var(--emp-success-bg);color:#059669}.emp-badge-warning{background:var(--emp-warning-bg);color:#d97706}.emp-badge-danger{background:var(--emp-danger-bg);color:#dc2626}.emp-badge-info{background:var(--emp-info-bg);color:#0891b2}.emp-badge-primary{background:var(--emp-bg-light);color:var(--emp-primary)}.emp-badge-secondary{background:#f1f5f9;color:var(--emp-text-secondary)}.emp-form-group{margin-bottom:20px}.emp-label{display:block;font-size:13px;font-weight:600;color:var(--emp-text-primary);margin-bottom:8px}.emp-input{width:100%;padding:12px 16px;font-size:14px;border:1px solid var(--emp-border);border-radius:var(--emp-radius);background:#fff;color:var(--emp-text-primary);transition:all .2s;box-sizing:border-box}.emp-input:focus{outline:none;border-color:var(--emp-primary);box-shadow:0 0 0 3px #2563eb1a}.emp-select{width:100%;padding:12px 16px;font-size:14px;border:1px solid var(--emp-border);border-radius:var(--emp-radius);background:#fff;color:var(--emp-text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='%2364748b'%3E%3Cpath d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.emp-select:focus{outline:none;border-color:var(--emp-primary);box-shadow:0 0 0 3px #2563eb1a}.emp-textarea{width:100%;padding:12px 16px;font-size:14px;border:1px solid var(--emp-border);border-radius:var(--emp-radius);background:#fff;color:var(--emp-text-primary);resize:vertical;min-height:100px;font-family:inherit;box-sizing:border-box}.emp-textarea:focus{outline:none;border-color:var(--emp-primary);box-shadow:0 0 0 3px #2563eb1a}.emp-form-row{display:flex;gap:16px}.emp-form-row .emp-form-group{flex:1}.emp-modal-overlay{position:fixed;inset:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.emp-modal{background:#fff;border-radius:var(--emp-radius-lg);width:100%;max-width:520px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:empModalSlideIn .3s ease}@keyframes empModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.emp-modal-header{padding:20px 24px;border-bottom:1px solid var(--emp-border-light);display:flex;justify-content:space-between;align-items:center}.emp-modal-title{font-size:18px;font-weight:600;color:var(--emp-text-primary);margin:0;display:flex;align-items:center;gap:10px}.emp-modal-title svg{width:22px;height:22px;fill:var(--emp-primary)}.emp-modal-close{width:36px;height:36px;border:none;background:var(--emp-bg-light);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--emp-text-secondary);transition:all .2s}.emp-modal-close:hover{background:var(--emp-danger-bg);color:var(--emp-danger)}.emp-modal-body{padding:24px;max-height:60vh;overflow-y:auto}.emp-modal-footer{padding:16px 24px;border-top:1px solid var(--emp-border-light);display:flex;justify-content:flex-end;gap:12px;background:#fafbfc}.emp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:var(--emp-text-secondary)}.emp-spinner{width:40px;height:40px;border:3px solid var(--emp-border);border-top-color:var(--emp-primary);border-radius:50%;animation:empSpin .8s linear infinite}@keyframes empSpin{to{transform:rotate(360deg)}}.emp-loading-text{margin-top:16px;font-size:14px}.emp-empty-state{text-align:center;padding:48px 24px}.emp-empty-icon{width:80px;height:80px;background:var(--emp-bg-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.emp-empty-title{font-size:18px;font-weight:600;color:var(--emp-text-primary);margin:0 0 8px}.emp-empty-text{font-size:14px;color:var(--emp-text-secondary);margin:0}.emp-success-popup-overlay{position:fixed;inset:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.emp-success-popup{background:#fff;border-radius:var(--emp-radius-lg);padding:40px;text-align:center;max-width:400px;animation:empPopupBounce .5s ease}@keyframes empPopupBounce{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.emp-success-icon{width:80px;height:80px;background:var(--emp-success-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--emp-success)}.emp-success-title{font-size:24px;font-weight:700;color:var(--emp-text-primary);margin:0 0 8px}.emp-success-message{font-size:14px;color:var(--emp-text-secondary);margin:0}.emp-alert{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:var(--emp-radius);margin-bottom:20px;font-size:14px}.emp-alert svg{width:20px;height:20px;flex-shrink:0}.emp-alert-success{background:var(--emp-success-bg);color:#059669;border:1px solid #a7f3d0}.emp-alert-warning{background:var(--emp-warning-bg);color:#d97706;border:1px solid #fde68a}.emp-alert-error{background:var(--emp-danger-bg);color:#dc2626;border:1px solid #fecaca}.emp-alert-info{background:var(--emp-info-bg);color:#0891b2;border:1px solid #a5f3fc}.emp-leave-balance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.emp-leave-balance-card{background:#fff;border-radius:var(--emp-radius-lg);padding:20px;text-align:center;border:1px solid var(--emp-border-light);box-shadow:var(--emp-shadow-sm)}.emp-leave-balance-card.casual{border-top:3px solid #2563eb}.emp-leave-balance-card.privilege{border-top:3px solid #7c3aed}.emp-leave-balance-card.sick{border-top:3px solid #059669}.emp-leave-balance-type{font-size:12px;font-weight:600;color:var(--emp-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.emp-leave-balance-value{font-size:36px;font-weight:700;color:var(--emp-text-primary)}.emp-leave-balance-total{font-size:13px;color:var(--emp-text-secondary);margin-top:4px}.emp-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.emp-calendar-day-header{text-align:center;font-size:12px;font-weight:600;color:var(--emp-text-secondary);padding:8px 0}.emp-calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s;background:#fff;border:1px solid var(--emp-border-light)}.emp-calendar-day:hover{border-color:var(--emp-primary)}.emp-calendar-day.present{background:var(--emp-success-bg);border-color:#a7f3d0}.emp-calendar-day.absent{background:var(--emp-danger-bg);border-color:#fecaca}.emp-calendar-day.leave{background:var(--emp-warning-bg);border-color:#fde68a}.emp-calendar-day.today{border:2px solid var(--emp-primary)}.emp-calendar-day-number{font-size:14px;font-weight:600;color:var(--emp-text-primary)}.emp-calendar-day-status{width:6px;height:6px;border-radius:50%;margin-top:4px}.emp-calendar-day.present .emp-calendar-day-status{background:#059669}.emp-calendar-day.absent .emp-calendar-day-status{background:#dc2626}.emp-calendar-day.leave .emp-calendar-day-status{background:#d97706}.emp-timeline{position:relative;padding-left:28px}.emp-timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--emp-border)}.emp-timeline-item{position:relative;padding-bottom:24px}.emp-timeline-item:last-child{padding-bottom:0}.emp-timeline-dot{position:absolute;left:-24px;top:0;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--emp-primary);z-index:1}.emp-timeline-item.success .emp-timeline-dot{border-color:#059669}.emp-timeline-item.warning .emp-timeline-dot{border-color:#d97706}.emp-timeline-item.danger .emp-timeline-dot{border-color:#dc2626}.emp-timeline-content{background:#fff;border-radius:var(--emp-radius);padding:14px 16px;border:1px solid var(--emp-border-light)}.emp-timeline-title{font-size:14px;font-weight:600;color:var(--emp-text-primary);margin:0 0 4px}.emp-timeline-time{font-size:12px;color:var(--emp-text-secondary);margin:0}.emp-team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.emp-team-card{background:#fff;border-radius:var(--emp-radius-lg);padding:24px;border:1px solid var(--emp-border-light);box-shadow:var(--emp-shadow-sm);transition:all .3s}.emp-team-card:hover{transform:translateY(-3px);box-shadow:var(--emp-shadow)}.emp-team-card-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.emp-team-avatar{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--emp-primary),var(--emp-primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600}.emp-team-info h4{font-size:16px;font-weight:600;color:var(--emp-text-primary);margin:0 0 4px}.emp-team-info p{font-size:13px;color:var(--emp-text-secondary);margin:0}.emp-team-card-body{display:flex;flex-direction:column;gap:12px}.emp-team-stat{display:flex;justify-content:space-between;align-items:center}.emp-team-stat-label{font-size:13px;color:var(--emp-text-secondary)}.emp-team-stat-value{font-size:13px;font-weight:600;color:var(--emp-text-primary)}.emp-announcement-list{display:flex;flex-direction:column;gap:12px}.emp-announcement-item{background:#fff;border-radius:var(--emp-radius);padding:16px 20px;border-left:4px solid var(--emp-primary);box-shadow:var(--emp-shadow-sm)}.emp-announcement-item.important{border-left-color:#dc2626;background:#fef2f2}.emp-announcement-item.event{border-left-color:#7c3aed}.emp-announcement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.emp-announcement-title{font-size:15px;font-weight:600;color:var(--emp-text-primary);margin:0}.emp-announcement-date{font-size:12px;color:var(--emp-text-secondary)}.emp-announcement-content{font-size:14px;color:var(--emp-text-secondary);line-height:1.6;margin:0}.emp-profile-container{display:grid;grid-template-columns:320px 1fr;gap:24px}.emp-profile-card{text-align:center}.emp-profile-header{padding:32px 24px;background:linear-gradient(135deg,var(--emp-primary),var(--emp-primary-dark));border-radius:var(--emp-radius-lg) var(--emp-radius-lg) 0 0}.emp-profile-avatar-large{width:100px;height:100px;border-radius:50%;background:#fff;color:var(--emp-primary);font-size:36px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;position:relative;box-shadow:0 4px 20px #0003}.emp-avatar-edit-btn{position:absolute;bottom:0;right:0;width:32px;height:32px;border-radius:50%;background:var(--emp-primary-dark);border:2px solid white;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.emp-avatar-edit-btn:hover{transform:scale(1.1)}.emp-profile-name{font-size:22px;font-weight:700;color:#fff;margin:0 0 4px}.emp-profile-role{font-size:14px;color:#fffc;margin:0 0 12px}.emp-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:24px;gap:16px}.emp-profile-stat{text-align:center}.emp-profile-stat-value{font-size:24px;font-weight:700;color:var(--emp-primary);display:block}.emp-profile-stat-label{font-size:12px;color:var(--emp-text-secondary)}.emp-profile-details{overflow:hidden}.emp-profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.emp-profile-field{display:flex;flex-direction:column;gap:6px}.emp-profile-label{font-size:12px;font-weight:600;color:var(--emp-text-secondary);display:flex;align-items:center;gap:6px}.emp-profile-label svg{width:16px;height:16px;fill:var(--emp-primary)}.emp-profile-value{font-size:15px;color:var(--emp-text-primary);margin:0}.emp-search-container{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.emp-search-box{display:flex;align-items:center;background:#fff;border:1px solid var(--emp-border);border-radius:var(--emp-radius);padding:10px 16px;gap:10px;min-width:300px}.emp-search-box svg{width:18px;height:18px;fill:var(--emp-text-secondary)}.emp-search-input{border:none;outline:none;font-size:14px;flex:1;color:var(--emp-text-primary)}.emp-search-input::placeholder{color:var(--emp-text-muted)}.emp-section{margin-bottom:24px}.emp-section-title{font-size:18px;font-weight:600;color:var(--emp-text-primary);margin:0 0 16px;display:flex;align-items:center;gap:8px}.emp-section-title svg{width:20px;height:20px;fill:var(--emp-primary)}.emp-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.emp-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.emp-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.emp-faq-list{display:flex;flex-direction:column;gap:12px}.emp-faq-item{background:#fff;border-radius:var(--emp-radius);border:1px solid var(--emp-border-light);overflow:hidden}.emp-faq-question{padding:16px 20px;font-size:14px;font-weight:600;color:var(--emp-text-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.emp-faq-question:hover{background:var(--emp-bg-light)}.emp-faq-answer{padding:0 20px 16px;font-size:14px;color:var(--emp-text-secondary);line-height:1.6}.emp-contact-card{background:linear-gradient(135deg,var(--emp-primary),var(--emp-primary-dark));border-radius:var(--emp-radius-lg);padding:32px;color:#fff;text-align:center}.emp-contact-card h3{font-size:20px;margin:0 0 8px}.emp-contact-card p{font-size:14px;opacity:.9;margin:0 0 24px}@media(max-width:1200px){.emp-profile-container,.emp-help-grid{grid-template-columns:1fr}.emp-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.emp-page{padding:16px}.emp-page-header{flex-direction:column;align-items:flex-start}.emp-welcome-section{padding:24px}.emp-welcome-title{font-size:24px}.emp-stats-grid,.emp-quick-actions{grid-template-columns:repeat(2,1fr)!important}.emp-leave-balance-grid{grid-template-columns:1fr}.emp-search-box{min-width:100%}.emp-search-container{flex-direction:column;align-items:stretch}.emp-modal{margin:16px;max-height:calc(100vh - 32px)}.emp-team-grid,.emp-profile-grid,.emp-grid-2{grid-template-columns:1fr}.emp-form-row{flex-direction:column}}@media(max-width:480px){.emp-stats-grid,.emp-quick-actions{grid-template-columns:1fr!important}.emp-page-title{font-size:20px}.emp-btn{padding:8px 14px;font-size:13px}.emp-punch-btn{width:120px;height:120px}.emp-punch-time{font-size:36px}}.emp-page-header-content{display:flex;align-items:center;gap:16px}.emp-page-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--emp-primary),var(--emp-primary-dark));display:flex;align-items:center;justify-content:center;color:#fff}.emp-page-icon svg{width:28px;height:28px}.emp-tabs{display:flex;gap:8px;flex-wrap:wrap}.emp-tab{padding:10px 20px;font-size:14px;font-weight:500;color:var(--emp-text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--emp-radius);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.emp-tab:hover{background:var(--emp-bg-light);color:var(--emp-primary)}.emp-tab.active{background:var(--emp-primary);color:#fff;border-color:var(--emp-primary)}.emp-tab-badge{background:#0000001a;padding:2px 8px;border-radius:10px;font-size:12px}.emp-tab.active .emp-tab-badge{background:#fff3}.emp-tab-badge.highlight{background:var(--emp-danger);color:#fff}.emp-announcements-list{display:flex;flex-direction:column;gap:16px}.emp-announcement-card{background:#fff;border-radius:var(--emp-radius-lg);padding:24px;border:1px solid var(--emp-border-light);box-shadow:var(--emp-shadow-sm);transition:all .3s ease}.emp-announcement-card:hover{box-shadow:var(--emp-shadow)}.emp-announcement-card.pinned{border-left:4px solid var(--emp-warning);background:linear-gradient(to right,#fffbeb,#fff)}.emp-announcement-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.emp-announcement-category{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.emp-announcement-pin{display:inline-flex;align-items:center;gap:4px;color:var(--emp-warning);font-size:12px;font-weight:600;margin-left:auto}.emp-announcement-title{font-size:18px;font-weight:600;color:var(--emp-text-primary);margin:0 0 8px}.emp-announcement-content{font-size:14px;color:var(--emp-text-secondary);line-height:1.7;margin:0 0 16px}.emp-announcement-footer{display:flex;align-items:center;gap:20px;padding-top:16px;border-top:1px solid var(--emp-border-light)}.emp-announcement-author,.emp-announcement-date{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--emp-text-secondary)}.emp-announcement-author svg,.emp-announcement-date svg{width:14px;height:14px}.emp-notifications-list{display:flex;flex-direction:column;gap:12px}.emp-notification-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#fff;border-radius:var(--emp-radius-lg);border:1px solid var(--emp-border-light);cursor:pointer;transition:all .2s}.emp-notification-item:hover{background:var(--emp-bg-light)}.emp-notification-item.unread{background:#eff6ff;border-color:#bfdbfe}.emp-notification-item.unread:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:var(--emp-primary);border-radius:0 4px 4px 0}.emp-notification-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.emp-notification-content{flex:1;min-width:0}.emp-notification-title{font-size:15px;font-weight:600;color:var(--emp-text-primary);margin:0 0 4px}.emp-notification-message{font-size:14px;color:var(--emp-text-secondary);margin:0 0 8px;line-height:1.5}.emp-notification-time{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--emp-text-muted)}.emp-notification-time svg{width:12px;height:12px}.emp-notification-actions{display:flex;gap:8px}.emp-icon-btn{width:36px;height:36px;border:none;background:var(--emp-bg-light);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--emp-text-secondary);transition:all .2s}.emp-icon-btn:hover{background:var(--emp-primary);color:#fff}.emp-icon-btn.danger:hover{background:var(--emp-danger)}.emp-settings-layout{display:grid;grid-template-columns:280px 1fr;gap:24px}.emp-settings-nav{background:#fff;border-radius:var(--emp-radius-lg);padding:16px;box-shadow:var(--emp-shadow-sm);border:1px solid var(--emp-border-light);height:fit-content}.emp-settings-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:14px;font-weight:500;color:var(--emp-text-secondary);background:transparent;border:none;border-radius:var(--emp-radius);cursor:pointer;transition:all .2s;text-align:left}.emp-settings-nav-item:hover{background:var(--emp-bg-light);color:var(--emp-primary)}.emp-settings-nav-item.active{background:var(--emp-primary);color:#fff}.emp-settings-nav-item svg{width:20px;height:20px}.emp-settings-content{flex:1}.emp-card-subtitle{font-size:14px;color:var(--emp-text-secondary);margin:4px 0 0}.emp-form{padding:24px}.emp-form-actions{display:flex;align-items:center;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid var(--emp-border-light)}.emp-input-wrapper{position:relative;display:flex;align-items:center}.emp-input-wrapper .emp-input{padding-right:48px}.emp-input-icon-btn{position:absolute;right:12px;background:none;border:none;padding:0;cursor:pointer;color:var(--emp-text-secondary);display:flex;align-items:center;justify-content:center}.emp-input-icon-btn:hover{color:var(--emp-primary)}.emp-input-hint{display:block;font-size:12px;color:var(--emp-text-muted);margin-top:6px}.emp-success-msg{display:inline-flex;align-items:center;gap:6px;color:var(--emp-success);font-size:14px;font-weight:500}.emp-toggle-list{display:flex;flex-direction:column;gap:16px}.emp-toggle-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--emp-border-light)}.emp-toggle-item:last-child{border-bottom:none}.emp-toggle-info h4{font-size:14px;font-weight:600;color:var(--emp-text-primary);margin:0 0 4px;display:flex;align-items:center;gap:8px}.emp-toggle-info p{font-size:13px;color:var(--emp-text-secondary);margin:0}.emp-toggle{position:relative;display:inline-block;width:48px;height:26px}.emp-toggle input{opacity:0;width:0;height:0}.emp-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--emp-border);transition:.3s;border-radius:26px}.emp-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0000001a}.emp-toggle input:checked+.emp-toggle-slider{background-color:var(--emp-primary)}.emp-toggle input:checked+.emp-toggle-slider:before{transform:translate(22px)}.emp-search-wrapper{position:relative;display:flex;align-items:center}.emp-search-wrapper.large{max-width:600px;margin:0 auto}.emp-search-icon{position:absolute;left:16px;color:var(--emp-text-muted)}.emp-search-wrapper .emp-search-input{width:100%;padding:14px 20px 14px 48px;font-size:15px;border:2px solid var(--emp-border);border-radius:var(--emp-radius-lg);background:#fff;color:var(--emp-text-primary);transition:all .2s}.emp-search-wrapper .emp-search-input:focus{outline:none;border-color:var(--emp-primary);box-shadow:0 0 0 4px #2563eb1a}.emp-faq-section{display:flex;flex-direction:column;gap:32px}.emp-faq-category{background:#fff;border-radius:var(--emp-radius-lg);padding:24px;box-shadow:var(--emp-shadow-sm);border:1px solid var(--emp-border-light)}.emp-faq-category-title{font-size:16px;font-weight:600;color:var(--emp-primary);margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid var(--emp-bg-light)}.emp-faq-list{display:flex;flex-direction:column;gap:8px}.emp-faq-item{border:1px solid var(--emp-border-light);border-radius:var(--emp-radius);overflow:hidden;transition:all .2s}.emp-faq-item.expanded{border-color:var(--emp-primary)}.emp-faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;font-size:14px;font-weight:500;color:var(--emp-text-primary);background:#fff;border:none;cursor:pointer;text-align:left;transition:all .2s}.emp-faq-question:hover,.emp-faq-item.expanded .emp-faq-question{background:var(--emp-bg-light)}.emp-faq-answer{padding:16px 20px;font-size:14px;color:var(--emp-text-secondary);line-height:1.7;background:#f8fafc;border-top:1px solid var(--emp-border-light)}.emp-contact-section{margin-top:24px}.emp-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.emp-contact-card{background:#fff;border-radius:var(--emp-radius-lg);padding:32px 24px;text-align:center;box-shadow:var(--emp-shadow-sm);border:1px solid var(--emp-border-light);transition:all .3s}.emp-contact-card:hover{transform:translateY(-3px);box-shadow:var(--emp-shadow)}.emp-contact-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.emp-contact-card h3{font-size:18px;font-weight:600;color:var(--emp-text-primary);margin:0 0 8px}.emp-contact-card p{font-size:14px;color:var(--emp-text-secondary);margin:0 0 16px;line-height:1.5}.emp-contact-link{font-size:15px;font-weight:600;color:var(--emp-primary);text-decoration:none;transition:color .2s}.emp-contact-link:hover{color:var(--emp-primary-dark);text-decoration:underline}.emp-contact-info{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:var(--emp-text-muted)}.emp-success-banner{text-align:center;padding:48px 24px}.emp-success-banner .emp-success-icon{width:80px;height:80px;background:var(--emp-success-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--emp-success)}.emp-success-banner .emp-success-icon svg{width:40px;height:40px}.emp-success-banner h3{font-size:20px;font-weight:600;color:var(--emp-text-primary);margin:0 0 8px}.emp-success-banner p{font-size:14px;color:var(--emp-text-secondary);margin:0}.emp-btn-outline{background:#fff;color:var(--emp-text-primary);border:1px solid var(--emp-border)}.emp-btn-outline:hover{background:var(--emp-bg-light);border-color:var(--emp-primary);color:var(--emp-primary)}.emp-btn-outline:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.emp-settings-layout{grid-template-columns:1fr}.emp-settings-nav{display:flex;overflow-x:auto;padding:8px;gap:8px}.emp-settings-nav-item{white-space:nowrap;padding:10px 16px}.emp-contact-grid{grid-template-columns:1fr}}@media(max-width:768px){.emp-header-actions{width:100%;justify-content:flex-start}.emp-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.emp-tab{white-space:nowrap;flex-shrink:0}.emp-notification-item{flex-direction:column}.emp-notification-actions{margin-top:12px}.emp-faq-question{font-size:13px;padding:14px 16px}}.emp-chat-wrapper{display:flex;background:var(--emp-bg-white);border-radius:var(--emp-radius-lg);box-shadow:var(--emp-shadow);height:calc(100vh - 240px);min-height:500px;overflow:hidden}.emp-chat-sidebar{width:300px;border-right:1px solid var(--emp-border);display:flex;flex-direction:column;background:#f8fafc}.emp-chat-sidebar-header{padding:20px;border-bottom:1px solid var(--emp-border);display:flex;align-items:center;justify-content:space-between}.emp-chat-sidebar-header h3{font-size:16px;font-weight:600;color:var(--emp-text-primary);margin:0}.emp-online-count{font-size:12px;color:var(--emp-text-muted);background:var(--emp-bg-light);padding:4px 10px;border-radius:20px}.emp-chat-section{padding:12px 0}.emp-chat-section-title{font-size:12px;font-weight:600;color:var(--emp-text-muted);text-transform:uppercase;letter-spacing:.5px;padding:0 20px 12px;display:flex;align-items:center;gap:8px}.emp-chat-section-title svg{width:16px;height:16px;fill:var(--emp-primary)}.emp-chat-contacts{overflow-y:auto;flex:1}.emp-chat-contact{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent}.emp-chat-contact:hover{background:var(--emp-bg-light)}.emp-chat-contact.active{background:var(--emp-bg-light);border-left-color:var(--emp-primary)}.emp-contact-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--emp-primary),var(--emp-primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;position:relative;flex-shrink:0}.emp-contact-avatar.manager{background:linear-gradient(135deg,#f59e0b,#d97706)}.emp-contact-status{position:absolute;bottom:0;right:0;width:12px;height:12px;border:2px solid white;border-radius:50%}.emp-contact-info{flex:1;min-width:0}.emp-contact-name{font-size:14px;font-weight:600;color:var(--emp-text-primary);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emp-contact-role{font-size:12px;color:var(--emp-text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emp-chat-main{flex:1;display:flex;flex-direction:column;background:#fff}.emp-chat-header{padding:16px 24px;border-bottom:1px solid var(--emp-border);display:flex;align-items:center;justify-content:space-between;background:#fff}.emp-chat-user{display:flex;align-items:center;gap:12px}.emp-chat-user-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--emp-primary),var(--emp-primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.emp-chat-user-avatar.manager{background:linear-gradient(135deg,#f59e0b,#d97706)}.emp-chat-user-name{font-size:16px;font-weight:600;color:var(--emp-text-primary);margin:0;display:flex;align-items:center;gap:8px}.emp-badge.manager{font-size:10px;font-weight:500;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:2px 8px;border-radius:20px}.emp-chat-user-status{font-size:12px;color:var(--emp-text-muted);margin:2px 0 0}.emp-chat-messages{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;background:#f8fafc}.emp-message{display:flex;max-width:70%}.emp-message.sent{align-self:flex-end}.emp-message.received{align-self:flex-start}.emp-message-content{padding:12px 16px;border-radius:16px;position:relative}.emp-message.sent .emp-message-content{background:linear-gradient(135deg,var(--emp-primary),var(--emp-primary-dark));color:#fff;border-bottom-right-radius:4px}.emp-message.sent .emp-message-text{color:#fff!important}.emp-message.sent .emp-message-time{color:#fffc!important}.emp-message.received .emp-message-content{background:#fff;color:var(--emp-text-primary);border-bottom-left-radius:4px;box-shadow:var(--emp-shadow-sm)}.emp-message-text{font-size:14px;line-height:1.5;margin:0 0 4px}.emp-message-time{font-size:10px;opacity:.7;display:block;text-align:right}.emp-message.received .emp-message-time{color:var(--emp-text-muted)}.emp-chat-input-area{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;align-items:center;gap:12px;background:#fff}.emp-chat-action-btn{width:40px;height:40px;border-radius:50%;border:none;background:#f1f5f9;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.emp-chat-action-btn svg{width:20px;height:20px;fill:#64748b}.emp-chat-action-btn:hover{background:#e2e8f0;color:#2563eb}.emp-chat-action-btn:hover svg{fill:#2563eb}.emp-chat-input{flex:1;padding:12px 16px;border:1px solid #e2e8f0;border-radius:25px;font-size:14px;background:#f8fafc;color:#1e293b;transition:all .2s ease}.emp-chat-input::placeholder{color:#94a3b8}.emp-chat-input:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb1a}.emp-chat-send-btn{width:44px;height:44px;border-radius:50%;border:none;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.emp-chat-send-btn svg{width:20px;height:20px;fill:#fff}.emp-chat-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #2563eb66}.emp-chat-send-btn:disabled{opacity:.5;cursor:not-allowed;background:#94a3b8}.emp-chat-send-btn:disabled svg{fill:#fff}.emp-chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--emp-text-muted);padding:40px}.emp-empty-icon{width:80px;height:80px;border-radius:50%;background:var(--emp-bg-light);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.emp-empty-icon svg{width:40px;height:40px;fill:var(--emp-primary)}.emp-chat-empty h4{font-size:18px;font-weight:600;color:var(--emp-text-primary);margin:0 0 8px}.emp-chat-empty p{font-size:14px;color:var(--emp-text-secondary);margin:0}@media(max-width:992px){.emp-chat-wrapper{height:calc(100vh - 200px)}.emp-chat-sidebar{width:250px}}@media(max-width:768px){.emp-chat-wrapper{flex-direction:column;height:auto}.emp-chat-sidebar{width:100%;max-height:200px;border-right:none;border-bottom:1px solid var(--emp-border)}.emp-chat-main{min-height:400px}.emp-message{max-width:85%}}.emp-payroll-page{padding:24px;max-width:1200px;margin:0 auto;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.payroll-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.payroll-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.payroll-loading p{color:#64748b;font-size:15px}.payroll-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;flex-wrap:wrap;gap:16px}.payroll-header-left{display:flex;align-items:center;gap:16px}.payroll-header-icon{width:56px;height:56px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #3b82f64d}.payroll-header-icon svg{width:28px;height:28px}.payroll-header-text h1{font-size:26px;font-weight:700;color:#1e293b;margin:0}.payroll-header-text p{font-size:14px;color:#64748b;margin:4px 0 0}.payroll-btn-refresh{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.payroll-btn-refresh:hover{background:#f8fafc;border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f626}.payroll-btn-refresh svg{width:18px;height:18px}.payroll-status-card{background:#fff;border-radius:16px;padding:28px;margin-bottom:24px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000a;position:relative;overflow:hidden}.payroll-status-card:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%}.payroll-status-card.status-pending:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.payroll-status-card.status-sent:before{background:linear-gradient(180deg,#8b5cf6,#7c3aed)}.payroll-status-card.status-completed:before{background:linear-gradient(180deg,#10b981,#059669)}.payroll-status-card.status-processing:before{background:linear-gradient(180deg,#3b82f6,#2563eb)}.payroll-status-header{display:flex;align-items:center;gap:18px;margin-bottom:18px}.payroll-status-icon-wrapper{width:64px;height:64px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.payroll-status-icon-wrapper:hover{transform:scale(1.05)}.payroll-status-icon-wrapper.status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.payroll-status-icon-wrapper.status-sent{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.payroll-status-icon-wrapper.status-completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.payroll-status-icon-wrapper.status-processing{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.payroll-status-icon-wrapper svg{width:32px;height:32px}.payroll-status-info{display:flex;flex-direction:column;gap:4px}.payroll-status-label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.8px;font-weight:600}.payroll-status-title{font-size:26px;font-weight:700;color:#1e293b;margin:0}.payroll-status-description{font-size:15px;color:#64748b;line-height:1.7;margin:0;padding-left:4px}.payroll-status-meta{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px;padding-top:16px;border-top:1px solid #f1f5f9}.payroll-meta-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b}.payroll-meta-item svg{width:18px;height:18px;color:#94a3b8}.payroll-details-card,.payroll-timeline-card{background:#fff;border-radius:16px;padding:28px;margin-bottom:24px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000a}.payroll-card-title{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:600;color:#1e293b;margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.payroll-card-title svg{color:#3b82f6;width:22px;height:22px}.payroll-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}.payroll-detail-item{display:flex;flex-direction:column;gap:6px}.payroll-detail-label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.6px;font-weight:600}.payroll-detail-value{font-size:15px;font-weight:600;color:#1e293b}.payroll-detail-value.payroll-emp-id{font-family:Monaco,Consolas,Courier New,monospace;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb;padding:6px 12px;border-radius:8px;display:inline-block;width:fit-content;font-size:13px;letter-spacing:.5px}.payroll-timeline{padding-left:8px}.payroll-timeline-item{position:relative;padding-left:36px;padding-bottom:28px}.payroll-timeline-item:last-child{padding-bottom:0}.payroll-timeline-dot{position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;background:#e2e8f0;border:3px solid white;box-shadow:0 0 0 3px #e2e8f0;transition:all .3s ease;z-index:2}.payroll-timeline-connector{position:absolute;left:7px;top:24px;width:2px;height:calc(100% - 8px);background:#e2e8f0}.payroll-timeline-item:last-child .payroll-timeline-connector{display:none}.payroll-timeline-item.completed .payroll-timeline-dot{background:#10b981;box-shadow:0 0 0 3px #d1fae5}.payroll-timeline-item.completed .payroll-timeline-connector{background:#10b981}.payroll-timeline-item.active .payroll-timeline-dot{background:#3b82f6;box-shadow:0 0 0 3px #dbeafe;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #dbeafe}50%{box-shadow:0 0 0 6px #bfdbfe}}.payroll-timeline-content{display:flex;flex-direction:column;gap:4px}.payroll-timeline-title{font-size:15px;font-weight:600;color:#1e293b}.payroll-timeline-desc{font-size:13px;color:#64748b;line-height:1.5}.payroll-help-card{display:flex;align-items:flex-start;gap:16px;background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:1px solid #bfdbfe;border-radius:14px;padding:20px 24px}.payroll-help-icon{width:44px;height:44px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.payroll-help-icon svg{width:22px;height:22px}.payroll-help-content h4{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 6px}.payroll-help-content p{font-size:14px;color:#64748b;margin:0;line-height:1.6}@media(max-width:768px){.emp-payroll-page{padding:16px}.payroll-page-header{flex-direction:column;align-items:flex-start}.payroll-header-icon{width:48px;height:48px}.payroll-header-icon svg{width:24px;height:24px}.payroll-header-text h1{font-size:22px}.payroll-btn-refresh{width:100%;justify-content:center}.payroll-status-card,.payroll-details-card,.payroll-timeline-card{padding:20px}.payroll-status-header{flex-direction:column;align-items:flex-start;text-align:left}.payroll-status-icon-wrapper{width:56px;height:56px}.payroll-status-title{font-size:22px}.payroll-details-grid{grid-template-columns:repeat(2,1fr);gap:16px}.payroll-status-meta{flex-direction:column;gap:12px}.payroll-help-card{flex-direction:column;text-align:center}.payroll-help-icon{align-self:center}}@media(max-width:480px){.payroll-details-grid{grid-template-columns:1fr}.payroll-header-left{flex-direction:column;align-items:flex-start;gap:12px}}.container{width:100%;padding:1rem;margin:0 auto;box-sizing:border-box}.top-action-bar{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;width:100%}.action-button{padding:.75rem 1.25rem;font-size:.9rem;width:100%;border:2px solid var(--primary-color);background-color:transparent;color:var(--primary-color);border-radius:.75rem;cursor:pointer;transition:all .3s ease}.action-button:hover{background-color:var(--primary-color);color:#fff}.refresh-icon{margin-left:auto}.header-section{background-color:#f8f9fa;padding:1.5rem;margin-bottom:1.5rem;border-radius:.75rem;box-shadow:0 2px 8px #00000014}.header-content{display:flex;flex-direction:column;gap:1rem;width:100%}.header-title{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin:0}.search-field{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.75rem;font-size:.9rem;box-sizing:border-box;color:var(--text-primary)}.search-field::placeholder{color:var(--text-tertiary)}.table-container{width:100%;overflow-x:auto;border-radius:.75rem;box-shadow:0 3px 12px #0000001a;background-color:#fff}.attendance-table{width:100%;border-collapse:collapse}.table-head{background-color:var(--primary-color)}.table-head-cell{color:#fff;font-weight:700;padding:1rem;text-align:left;font-size:.9rem}.table-body-row{border-bottom:1px solid var(--border-light);transition:background-color .2s ease}.table-body-row:hover{background-color:#f5f5f5}.table-body-cell{padding:1rem;font-size:.9rem;color:var(--text-primary)}.employee-name{font-weight:500;color:var(--text-primary)}.status-badge{display:inline-block;padding:.5rem .75rem;border-radius:2rem;font-size:.8rem;font-weight:600;text-align:center}.status-present{background-color:#e8f5e9;color:#2e7d32}.status-absent{background-color:#ffebee;color:#c62828}.status-late{background-color:#fff3e0;color:#e65100}.selfie-image{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.loading-container{display:flex;justify-content:center;align-items:center;padding:3rem;min-height:300px}.spinner{width:2.5rem;height:2.5rem;border:3px solid #f3f3f3;border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(min-width:768px){.container{padding:1.5rem}.top-action-bar{flex-direction:row;justify-content:space-between;align-items:center}.action-button{width:auto;padding:.75rem 2rem;font-size:1rem}.header-content{flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}.header-title{font-size:1.75rem;flex:1;min-width:200px}.search-field{width:40%;min-width:250px}.table-head-cell{padding:1.25rem;font-size:1rem}.table-body-cell{padding:1.25rem;font-size:.95rem}.selfie-image{width:3rem;height:3rem}.table-body-cell:nth-child(2),.table-body-cell:nth-child(3){display:table-cell}}@media(min-width:1024px){.container{max-width:1400px;padding:2rem;margin:0 auto}.top-action-bar{margin-bottom:2rem}.header-section{padding:2rem;margin-bottom:2rem}.header-title{font-size:2rem}.search-field{width:35%;padding:.875rem;font-size:1rem}.table-head-cell{padding:1.5rem;font-size:1.05rem}.table-body-cell{padding:1.5rem;font-size:1rem}.selfie-image{width:3.5rem;height:3.5rem}}@media(min-width:1440px){.container{max-width:1600px;padding:2.5rem}.header-title{font-size:2.25rem}.table-head-cell,.table-body-cell{padding:1.75rem;font-size:1.1rem}}@media print{.top-action-bar,.refresh-icon{display:none}.table-container{box-shadow:none;border:1px solid #000}.table-head{background-color:#f0f0f0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.table-body-row:nth-child(2n){background-color:#f9f9f9;-webkit-print-color-adjust:exact;print-color-adjust:exact}}