.employees-container{display:flex;flex-direction:column;gap:var(--space-md)}.employees-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.employees-search-wrapper{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.employees-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;z-index:10}.employees-search-input{width:100%;padding:var(--space-md) var(--space-lg);padding-left:3rem;padding-right:2.5rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-main);font-size:.875rem;transition:all .2s ease}.employees-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.employees-search-input::placeholder{color:var(--text-light)}.employees-search-clear{position:absolute;right:12px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.employees-search-clear:hover{background:var(--bg-body);color:var(--text-main)}.employees-controls{display:grid;grid-template-columns:200px 1fr;gap:var(--space-md);margin-bottom:var(--space-md)}.employees-results{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) 0;margin-bottom:var(--space-md);gap:var(--space-md)}.employees-results p{font-size:.875rem;color:var(--text-muted);margin:0}.employees-results strong{color:var(--primary);font-weight:600}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.employees-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media(min-width:768px){.employees-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1280px){.employees-grid{grid-template-columns:repeat(3,1fr)}}.employee-card{transition:all .2s ease}.employee-card-clickable{cursor:pointer}.employee-card-clickable:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--primary)}.employee-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.employee-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg);gap:var(--space-md)}.employee-checkbox-wrapper{display:flex;align-items:center;padding:.25rem}.employee-checkbox{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:var(--primary);border-radius:var(--radius-sm);transition:all .2s ease}.employee-checkbox:hover{transform:scale(1.1)}.employee-checkbox:focus{outline:2px solid var(--primary);outline-offset:2px}.employee-info{display:flex;align-items:center;gap:var(--space-md);flex:1;min-width:0}.employee-avatar{width:3.5rem;height:3.5rem;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--border);box-shadow:var(--shadow-sm);transition:all .2s ease}.employee-card:hover .employee-avatar{transform:scale(1.05);box-shadow:var(--shadow-md);border-color:var(--primary)}.employee-details{flex:1;min-width:0}.employee-details h3{font-size:1rem;font-weight:600;color:var(--text-main);margin-bottom:var(--space-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-details p{font-size:.875rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-status-badge{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;white-space:nowrap;transition:all .2s ease}.employee-status-badge.active{background:#10b9811a;color:var(--success-color)}.employee-status-badge.leave{background:#f59e0b1a;color:var(--warning-color)}.employee-status-badge.offline{background:var(--bg-body);color:var(--text-muted)}.employee-meta{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--bg-body);border-radius:var(--radius-md)}.employee-meta-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.employee-meta-label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.employee-meta-value{font-size:.875rem;font-weight:500;color:var(--text-main);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-actions{display:flex;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border)}.employee-action-btn{flex:1;padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--text-main);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.employee-action-btn:hover{background:var(--bg-body);border-color:var(--primary);color:var(--primary)}.employee-action-btn.danger:hover{background:#fef2f2;border-color:#dc2626;color:#dc2626}.employees-empty{text-align:center;padding:var(--space-xl) var(--space-md);color:var(--text-muted)}.employees-empty-icon{width:4rem;height:4rem;margin:0 auto var(--space-md);opacity:.5}.employees-empty-title{font-size:1.125rem;font-weight:600;color:var(--text-main);margin-bottom:var(--space-sm)}.employees-empty-description{font-size:.875rem;color:var(--text-muted)}.employees-view-toggle{display:flex;align-items:center;background:var(--bg-body);border:1px solid var(--border);border-radius:var(--radius-md);padding:.25rem;gap:.25rem}.employees-view-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:none;border-radius:calc(var(--radius-md) - 2px);background:transparent;color:var(--text-muted);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.employees-view-btn:hover{background:var(--bg-surface);color:var(--text-main)}.employees-view-btn.active{background:var(--bg-surface);color:var(--primary);box-shadow:var(--shadow-sm);font-weight:600}@media(max-width:768px){.employees-header{flex-direction:column;align-items:stretch}.employees-search{min-width:100%}.employees-controls{grid-template-columns:1fr;gap:var(--space-sm)}.employee-avatar{width:3rem;height:3rem}.employee-meta-value{font-size:.8125rem}}.toast-container{position:fixed;top:24px;right:24px;z-index:9999;animation:toastSlideIn .4s cubic-bezier(.16,1,.3,1);pointer-events:auto}.toast-container.toast-exit{animation:toastSlideOut .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.9)}}.toast{display:flex;align-items:flex-start;gap:12px;min-width:320px;max-width:420px;padding:16px 16px 20px;border-radius:12px;background:var(--bg-surface, #ffffff);border:1px solid var(--border, #e5e7eb);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a,0 0 0 1px #0000000d;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast--success{background:linear-gradient(135deg,#10b9810d,#06946414);border-color:#10b9814d}.toast--success .toast__icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.toast--success .toast__progress-bar{background:linear-gradient(90deg,#10b981,#059669)}.toast--error{background:linear-gradient(135deg,#ef44440d,#dc262614);border-color:#ef44444d}.toast--error .toast__icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.toast--error .toast__progress-bar{background:linear-gradient(90deg,#ef4444,#dc2626)}.toast--warning{background:linear-gradient(135deg,#f59e0b0d,#d9770614);border-color:#f59e0b4d}.toast--warning .toast__icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.toast--warning .toast__progress-bar{background:linear-gradient(90deg,#f59e0b,#d97706)}.toast--info{background:linear-gradient(135deg,#3b82f60d,#2563eb14);border-color:#3b82f64d}.toast--info .toast__icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.toast--info .toast__progress-bar{background:linear-gradient(90deg,#3b82f6,#2563eb)}.toast__icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast__icon svg{width:20px;height:20px}.toast__message{flex:1;font-size:14px;font-weight:500;color:var(--text-main, #1f2937);line-height:1.5;margin:0;padding-top:6px}.toast__close{width:28px;height:28px;border-radius:8px;background:transparent;border:none;color:var(--text-muted, #9ca3af);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.toast__close:hover{background:#0000000d;color:var(--text-main, #374151)}.toast__close:active{transform:scale(.95)}.toast__progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#0000000d;border-radius:0 0 12px 12px;overflow:hidden}.toast__progress-bar{height:100%;width:100%;transform-origin:left;animation:progressShrink linear forwards}@keyframes progressShrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.dark .toast{background:#1f2937f2;border-color:#4b556380}.dark .toast__message{color:#f3f4f6}.dark .toast__close{color:#9ca3af}.dark .toast__close:hover{background:#ffffff1a;color:#f3f4f6}.dark .toast__progress{background:#ffffff1a}.dark .toast--success{background:linear-gradient(135deg,#10b98126,#0694641a);border-color:#10b98166}.dark .toast--error{background:linear-gradient(135deg,#ef444426,#dc26261a);border-color:#ef444466}.dark .toast--warning{background:linear-gradient(135deg,#f59e0b26,#d977061a);border-color:#f59e0b66}.dark .toast--info{background:linear-gradient(135deg,#3b82f626,#2563eb1a);border-color:#3b82f666}@media(max-width:480px){.toast-container{top:16px;right:16px;left:16px}.toast{min-width:unset;max-width:unset;width:100%}}.pagination-container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) 0;margin-top:var(--space-lg);flex-wrap:wrap}.pagination-info{font-size:.8125rem;color:var(--text-muted);font-weight:500;white-space:nowrap}.pagination-info strong{color:var(--text-main);font-weight:600}.pagination-controls{display:flex;align-items:center;gap:.375rem}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .5rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-main);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.pagination-btn:hover:not(:disabled):not(.active){background:var(--bg-body);border-color:var(--primary);color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 4px #0000000f}.pagination-btn:active:not(:disabled){transform:translateY(0)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.pagination-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600;box-shadow:0 2px 8px #6366f140}.pagination-btn.nav-btn{gap:.25rem;font-weight:500}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;color:var(--text-light);font-size:.8125rem;letter-spacing:2px;-webkit-user-select:none;user-select:none}.pagination-page-size{display:flex;align-items:center;gap:.5rem}.pagination-page-size label{font-size:.8125rem;color:var(--text-muted);font-weight:500;white-space:nowrap}.pagination-page-size select{padding:.375rem .625rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-main);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.pagination-page-size select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}@media(prefers-color-scheme:dark){.pagination-btn.active{box-shadow:0 2px 12px #6366f159}}@media(max-width:640px){.pagination-container{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.pagination-controls{justify-content:center;flex-wrap:wrap}.pagination-info{text-align:center}.pagination-page-size{justify-content:center}}.skeleton{background:linear-gradient(90deg,var(--skeleton-base, #f0f0f0) 25%,var(--skeleton-highlight, #e0e0e0) 50%,var(--skeleton-base, #f0f0f0) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.skeleton--shimmer{animation:skeleton-shimmer 1.5s ease-in-out infinite}.skeleton--pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton--wave{animation:skeleton-wave 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--skeleton-base, #f0f0f0) 0%,var(--skeleton-highlight, #e8e8e8) 20%,var(--skeleton-base, #f0f0f0) 40%);background-size:200% 100%}.skeleton--default{--skeleton-base: #f0f0f0;--skeleton-highlight: #e0e0e0}.skeleton--dark{--skeleton-base: #374151;--skeleton-highlight: #4b5563}.skeleton--light{--skeleton-base: #f8fafc;--skeleton-highlight: #f1f5f9}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{display:flex;flex-direction:column;width:100%}.skeleton-avatar{flex-shrink:0}.skeleton-card{background:var(--bg-surface, white);border-radius:var(--radius-lg, 12px);border:1px solid var(--border-light, #e5e7eb);overflow:hidden}.skeleton-card-content{padding:var(--space-lg, 20px);display:flex;flex-direction:column;gap:var(--space-md, 16px)}.skeleton-card-header{display:flex;align-items:center;gap:var(--space-md, 12px);margin-bottom:var(--space-sm, 8px)}.skeleton-card-header-text{display:flex;flex-direction:column;gap:6px}.skeleton-table{width:100%;background:var(--bg-surface, white);border-radius:var(--radius-lg, 12px);border:1px solid var(--border-light, #e5e7eb);overflow:hidden}.skeleton-table-header{display:flex;align-items:center;gap:var(--space-lg, 20px);padding:var(--space-md, 16px) var(--space-lg, 20px);background:var(--bg-muted, #f9fafb);border-bottom:1px solid var(--border-light, #e5e7eb)}.skeleton-table-body{display:flex;flex-direction:column}.skeleton-table-row{display:flex;align-items:center;gap:var(--space-lg, 20px);padding:var(--space-md, 16px) var(--space-lg, 20px);border-bottom:1px solid var(--border-light, #e5e7eb)}.skeleton-table-row:last-child{border-bottom:none}.skeleton-stat-card{display:flex;align-items:center;gap:var(--space-md, 16px);padding:var(--space-lg, 20px);background:var(--bg-surface, white);border-radius:var(--radius-lg, 12px);border:1px solid var(--border-light, #e5e7eb)}.skeleton-stat-content{display:flex;flex-direction:column;gap:8px}.skeleton-chart{display:flex;flex-direction:column;gap:var(--space-md, 16px);padding:var(--space-lg, 20px);background:var(--bg-surface, white);border-radius:var(--radius-lg, 12px);border:1px solid var(--border-light, #e5e7eb)}.skeleton-chart-title{margin-bottom:var(--space-sm, 8px)}.skeleton-list-item{display:flex;align-items:center;gap:var(--space-md, 12px);padding:var(--space-md, 16px);border-bottom:1px solid var(--border-light, #e5e7eb)}.skeleton-list-item:last-child{border-bottom:none}.skeleton-list-item-content{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-employee-card{background:var(--bg-surface, white);border-radius:var(--radius-lg, 12px);border:1px solid var(--border-light, #e5e7eb);padding:var(--space-lg, 20px);display:flex;flex-direction:column;gap:var(--space-md, 16px)}.skeleton-employee-header{display:flex;justify-content:space-between;align-items:flex-start}.skeleton-employee-actions{display:flex;gap:8px}.skeleton-employee-info{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.skeleton-employee-details{display:flex;flex-direction:column;gap:8px;padding-top:var(--space-md, 16px);border-top:1px solid var(--border-light, #e5e7eb)}.skeleton-task-card{background:var(--bg-surface, white);border-radius:var(--radius-md, 8px);border:1px solid var(--border-light, #e5e7eb);padding:var(--space-md, 16px);display:flex;flex-direction:column;gap:var(--space-sm, 12px)}.skeleton-task-header{display:flex;justify-content:space-between;align-items:center}.skeleton-task-footer{display:flex;align-items:center;gap:8px;margin-top:var(--space-xs, 4px)}.skeleton-event-card{display:flex;align-items:center;gap:var(--space-md, 12px);padding:var(--space-md, 16px);background:var(--bg-surface, white);border-radius:var(--radius-md, 8px);border:1px solid var(--border-light, #e5e7eb)}.skeleton-event-content{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md, 16px);margin-bottom:var(--space-lg, 24px)}.skeleton-page-title{display:flex;flex-direction:column;gap:8px}.skeleton-page-actions{display:flex;gap:12px}.skeleton-filter-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md, 16px);padding:var(--space-md, 16px);background:var(--bg-surface, white);border-radius:var(--radius-lg, 12px);border:1px solid var(--border-light, #e5e7eb);margin-bottom:var(--space-lg, 24px)}.skeleton-filters{display:flex;gap:12px}.skeleton-leave-card{display:flex;align-items:center;gap:var(--space-md, 12px);padding:var(--space-lg, 20px);background:var(--bg-surface, white);border-radius:var(--radius-lg, 12px);border:1px solid var(--border-light, #e5e7eb)}.skeleton-leave-info{display:flex;flex-direction:column;gap:6px}.skeleton-settings-section{padding:var(--space-lg, 24px);background:var(--bg-surface, white);border-radius:var(--radius-lg, 12px);border:1px solid var(--border-light, #e5e7eb);margin-bottom:var(--space-lg, 24px)}.skeleton-section-title{margin-bottom:var(--space-lg, 20px)}.skeleton-settings-items{display:flex;flex-direction:column;gap:var(--space-md, 16px)}.skeleton-settings-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md, 16px) 0;border-bottom:1px solid var(--border-light, #e5e7eb)}.skeleton-settings-item:last-child{border-bottom:none}.skeleton-settings-label{display:flex;flex-direction:column;gap:6px}.skeleton-calendar{background:var(--bg-surface, white);border-radius:var(--radius-lg, 12px);border:1px solid var(--border-light, #e5e7eb);padding:var(--space-lg, 24px)}.skeleton-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg, 24px)}.skeleton-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-xs, 4px);margin-bottom:var(--space-md, 16px);justify-items:center}.skeleton-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-xs, 4px)}.skeleton-time-entry{display:flex;align-items:center;gap:var(--space-md, 16px);padding:var(--space-md, 16px);background:var(--bg-surface, white);border-radius:var(--radius-md, 8px);border:1px solid var(--border-light, #e5e7eb)}.skeleton-time-entry-content{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-time-entry-hours{margin-left:auto}.skeleton-report-card{display:flex;align-items:center;gap:var(--space-md, 16px);padding:var(--space-lg, 20px);background:var(--bg-surface, white);border-radius:var(--radius-lg, 12px);border:1px solid var(--border-light, #e5e7eb)}.skeleton-report-info{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-grid{display:grid;gap:var(--space-lg, 24px)}.skeleton-grid--2{grid-template-columns:repeat(2,1fr)}.skeleton-grid--3{grid-template-columns:repeat(3,1fr)}.skeleton-grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.skeleton-grid--3,.skeleton-grid--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.skeleton-grid--2,.skeleton-grid--3,.skeleton-grid--4{grid-template-columns:1fr}}.skeleton-stagger>*:nth-child(1){animation-delay:0s}.skeleton-stagger>*:nth-child(2){animation-delay:.1s}.skeleton-stagger>*:nth-child(3){animation-delay:.2s}.skeleton-stagger>*:nth-child(4){animation-delay:.3s}.skeleton-stagger>*:nth-child(5){animation-delay:.4s}.skeleton-stagger>*:nth-child(6){animation-delay:.5s}.skeleton-stagger>*:nth-child(7){animation-delay:.6s}.skeleton-stagger>*:nth-child(8){animation-delay:.7s}.dark{--skeleton-base: #1e293b;--skeleton-highlight: #334155}.dark .skeleton{background:linear-gradient(90deg,var(--skeleton-base, #1e293b) 25%,var(--skeleton-highlight, #334155) 50%,var(--skeleton-base, #1e293b) 75%);background-size:200% 100%}.dark .skeleton--wave{background:linear-gradient(90deg,#1e293b,#2d3f55,#1e293b 40%);background-size:200% 100%}.dark .skeleton-card,.dark .skeleton-table,.dark .skeleton-stat-card,.dark .skeleton-chart,.dark .skeleton-employee-card,.dark .skeleton-task-card,.dark .skeleton-event-card,.dark .skeleton-filter-bar,.dark .skeleton-leave-card,.dark .skeleton-settings-section,.dark .skeleton-calendar,.dark .skeleton-time-entry,.dark .skeleton-report-card{background:var(--bg-surface);border-color:var(--border)}.dark .skeleton-table-header{background:var(--bg-secondary);border-bottom-color:var(--border)}.dark .skeleton-table-row,.dark .skeleton-list-item,.dark .skeleton-settings-item{border-bottom-color:var(--border)}.dark .skeleton-employee-details{border-top-color:var(--border)}.filter-panel-container{position:relative;width:100%}.filter-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;border-radius:var(--radius-md)}.filter-toggle-btn:hover{background:var(--bg-surface);border-color:var(--primary);box-shadow:0 4px 12px #0000000d}.filter-toggle-btn.active{background:var(--bg-surface);border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;background:var(--primary);color:#fff;font-size:.75rem;font-weight:600;border-radius:999px;margin-left:auto;box-shadow:0 2px 4px #4f46e54d}.chevron{transition:transform .3s cubic-bezier(.4,0,.2,1);margin-left:.25rem;opacity:.5}.filter-toggle-btn:hover .chevron,.filter-toggle-btn.active .chevron{opacity:1}.chevron.rotate{transform:rotate(180deg)}.filter-panel{position:absolute;top:calc(100% + .5rem);left:0;width:320px;background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 0 1px #0000000d;z-index:50;animation:slideDown .3s cubic-bezier(.16,1,.3,1);max-height:480px;overflow-y:auto;border-radius:var(--radius-md)}@keyframes slideDown{0%{opacity:0;transform:translateY(-.5rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.filter-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:var(--bg-body)}.filter-panel-header h3{font-size:.9375rem;font-weight:600;color:var(--text-main);margin:0;letter-spacing:-.01em}.filter-clear-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:transparent;border:1px solid transparent;color:var(--text-muted);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;border-radius:var(--radius-sm)}.filter-clear-btn:hover{background:var(--danger-bg);color:var(--danger-text);border-color:#dc26261a}.filter-groups{padding:1.25rem;display:flex;flex-direction:column;gap:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.75rem}.filter-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.filter-options{display:flex;flex-wrap:wrap;gap:.5rem}.filter-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--bg-body);border:1px solid var(--border);color:var(--text-main);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none}.filter-chip:hover{background:var(--bg-surface);border-color:var(--primary);color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.filter-chip.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 8px #4f46e54d}.filter-chip.active:hover{background:var(--primary-hover);transform:translateY(-1px)}.filter-chip.status-active.active{background:#10b981;border-color:#10b981;box-shadow:0 2px 8px #10b9814d}.filter-chip.status-on-leave.active{background:#f59e0b;border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b4d}.filter-chip.status-offline.active{background:#ef4444;border-color:#ef4444;box-shadow:0 2px 8px #ef44444d}.filter-panel::-webkit-scrollbar{width:6px}.filter-panel::-webkit-scrollbar-track{background:transparent}.filter-panel::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:3px}.filter-panel::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}@media(max-width:768px){.filter-panel{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-height:75vh;border-radius:1rem 1rem 0 0;animation:slideUp .3s cubic-bezier(.16,1,.3,1);border-bottom:none}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.filter-toggle-btn{font-size:.8125rem}}.dark .filter-toggle-btn{background:var(--bg-surface);color:var(--text-main);border-color:var(--border)}.dark .filter-toggle-btn:hover{background:var(--bg-secondary);border-color:var(--primary)}.dark .filter-toggle-btn.active{background:var(--bg-secondary);border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.dark .filter-panel{background:var(--bg-surface);border-color:var(--border);box-shadow:0 10px 40px #00000080,0 4px 12px #0000004d}.dark .filter-panel-header{background:var(--bg-secondary);border-bottom-color:var(--border)}.dark .filter-panel-header h3{color:var(--text-main)}.dark .filter-label{color:var(--text-muted)}.dark .filter-chip{background:var(--bg-secondary);border-color:var(--border);color:var(--text-main)}.dark .filter-chip:hover{background:var(--bg-body);border-color:var(--primary);color:var(--primary);box-shadow:0 2px 8px #0000004d}.dark .filter-chip.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 8px #4f46e566}.dark .filter-clear-btn{color:var(--text-muted)}.dark .filter-clear-btn:hover{background:#ef444426;color:#f87171;border-color:#ef44444d}.dark .filter-panel::-webkit-scrollbar-thumb{background-color:var(--border-hover)}.sort-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.sort-label{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.sort-options{display:flex;flex-wrap:wrap;gap:.5rem}.sort-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.sort-btn:hover{background:var(--bg-elevated);border-color:var(--primary);color:var(--primary)}.sort-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.sort-btn.active:hover{background:var(--primary-hover)}.sort-icon{display:inline-flex;align-items:center;justify-content:center}@media(max-width:640px){.sort-controls{width:100%}.sort-label{width:100%;font-size:.8125rem}.sort-options{width:100%}.sort-btn{flex:1;justify-content:center;font-size:.75rem;padding:.5rem}}.bulk-action-toolbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);border:1px solid var(--primary);box-shadow:var(--shadow-lg);animation:slideDown .3s ease;flex-wrap:wrap}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.bulk-action-info{display:flex;align-items:center;gap:var(--space-md)}.bulk-action-count{font-size:.875rem;font-weight:600;color:#fff;padding:.5rem 1rem;background:#fff3;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bulk-action-clear{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.bulk-action-clear:hover{background:#ffffff40;border-color:#ffffff80}.bulk-action-buttons{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.bulk-action-group{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#ffffff1a;border-radius:var(--radius-md)}.bulk-action-label{font-size:.75rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.025em;padding:0 .5rem}.bulk-action-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#fff;border:1px solid transparent;color:var(--text-primary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.bulk-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.bulk-action-btn.status-active{color:var(--success);border-color:var(--success)}.bulk-action-btn.status-active:hover{background:var(--success);color:#fff}.bulk-action-btn.status-leave{color:var(--warning);border-color:var(--warning)}.bulk-action-btn.status-leave:hover{background:var(--warning);color:#fff}.bulk-action-btn.status-offline{color:var(--danger);border-color:var(--danger)}.bulk-action-btn.status-offline:hover{background:var(--danger);color:#fff}.bulk-action-btn.danger{background:var(--danger);color:#fff;font-weight:600}.bulk-action-btn.danger:hover{background:#b91c1c;box-shadow:0 4px 12px #dc262666}@media(max-width:768px){.bulk-action-toolbar{flex-direction:column;align-items:stretch}.bulk-action-info{justify-content:space-between;width:100%}.bulk-action-buttons{flex-direction:column;width:100%}.bulk-action-group{flex-direction:column;align-items:stretch}.bulk-action-label{text-align:center}.bulk-action-btn{justify-content:center}}.ebr-container{display:flex;flex-direction:column;gap:var(--space-lg);animation:fadeIn .35s ease-out}.ebr-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md)}.ebr-header-left{display:flex;align-items:center;gap:var(--space-md)}.ebr-header-icon{width:2.75rem;height:2.75rem;border-radius:var(--radius-md);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6366f159;flex-shrink:0}.ebr-title{font-size:1.25rem;font-weight:700;color:var(--text-main);margin:0}.ebr-subtitle{font-size:.8125rem;color:var(--text-muted);margin:0}.ebr-refresh-btn{display:flex;align-items:center;gap:.375rem;font-size:.875rem}.ebr-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.ebr-summary-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);display:flex;align-items:center;gap:var(--space-md);transition:box-shadow .2s ease,transform .2s ease}.ebr-summary-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ebr-summary-icon{width:2.25rem;height:2.25rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ebr-summary-value{font-size:1.5rem;font-weight:700;color:var(--text-main);line-height:1;margin:0 0 .125rem}.ebr-summary-label{font-size:.75rem;color:var(--text-muted);font-weight:500;margin:0}.ebr-sections{display:flex;flex-direction:column;gap:var(--space-md)}.role-section{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow .25s ease}.role-section.expanded{box-shadow:var(--shadow-md)}.role-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border:none;cursor:pointer;text-align:left;transition:filter .2s ease;gap:var(--space-md)}.role-section-header:hover{filter:brightness(1.04)}.role-gradient-admin{background:linear-gradient(135deg,#6366f11f,#8b5cf60f);border-bottom:1px solid rgba(99,102,241,.15)}.role-gradient-manager{background:linear-gradient(135deg,#0ea5e91f,#38bdf80f);border-bottom:1px solid rgba(14,165,233,.15)}.role-gradient-employee{background:linear-gradient(135deg,#10b9811a,#34d3990d);border-bottom:1px solid rgba(16,185,129,.15)}.role-header-left{display:flex;align-items:center;gap:var(--space-md);flex:1;min-width:0}.role-icon-wrapper{width:2.25rem;height:2.25rem;border-radius:var(--radius-md);background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-main)}.role-gradient-admin .role-icon-wrapper{background:#6366f126;color:#6366f1}.role-gradient-manager .role-icon-wrapper{background:#0ea5e926;color:#0ea5e9}.role-gradient-employee .role-icon-wrapper{background:#10b98126;color:#10b981}.role-header-info{min-width:0}.role-title{font-size:1rem;font-weight:700;color:var(--text-main);margin:0 0 .125rem}.role-description{font-size:.75rem;color:var(--text-muted);margin:0}.role-header-right{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.role-stats{display:flex;align-items:center;gap:var(--space-sm);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.375rem .75rem}.role-stat{display:flex;flex-direction:column;align-items:center;gap:.125rem}.role-stat-value{font-size:1rem;font-weight:700;color:var(--text-main);line-height:1}.role-stat-value.active{color:#10b981}.role-stat-label{font-size:.625rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.role-stat-divider{width:1px;height:1.5rem;background:var(--border)}.role-badge{padding:.25rem .625rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.role-badge-admin{background:#6366f126;color:#6366f1;border:1px solid rgba(99,102,241,.25)}.role-badge-manager{background:#0ea5e926;color:#0ea5e9;border:1px solid rgba(14,165,233,.25)}.role-badge-employee{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.25)}.role-chevron{color:var(--text-muted);display:flex;align-items:center;transition:transform .2s ease}.role-table-wrapper{overflow-x:auto;background:var(--bg-surface)}.role-table{width:100%;border-collapse:collapse;font-size:.875rem}.role-table thead tr{background:var(--bg-body);border-bottom:1px solid var(--border)}.role-table thead th{padding:.625rem 1rem;text-align:left;font-size:.6875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.role-table-row{border-bottom:1px solid var(--border);animation:rowSlideIn .3s ease-out both;transition:background .15s ease}.role-table-row:last-child{border-bottom:none}.role-table-row:hover{background:var(--bg-body)}.role-table td{padding:.75rem 1rem;vertical-align:middle;color:var(--text-main)}.emp-cell-name{display:flex;align-items:center;gap:.625rem}.emp-avatar-circle{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:700;flex-shrink:0}.emp-name{font-weight:600;color:var(--text-main);white-space:nowrap}.emp-cell-dept,.emp-cell-email,.emp-cell-date,.emp-cell-status{display:flex;align-items:center;gap:.375rem;color:var(--text-muted);font-size:.8125rem;white-space:nowrap}.emp-cell-dept svg,.emp-cell-email svg,.emp-cell-date svg{flex-shrink:0;opacity:.6}.status-dot{width:.5rem;height:.5rem;border-radius:50%;display:inline-block;flex-shrink:0}.emp-status-text{font-size:.8125rem;font-weight:500}.status-active{color:#10b981}.status-leave{color:#f59e0b}.status-inactive{color:var(--text-muted)}.ebr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl);color:var(--text-muted);font-size:.875rem}.ebr-spinner{width:2rem;height:2rem;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}.ebr-error{background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);color:#dc2626;font-size:.875rem}.ebr-empty{text-align:center;padding:var(--space-xl);color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:var(--space-md);font-size:.875rem}@keyframes rowSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.ebr-summary{grid-template-columns:1fr 1fr}.role-header-right .role-badge,.role-stats{display:none}.role-section-header{padding:var(--space-md)}.role-table thead th:nth-child(3),.role-table td:nth-child(3){display:none}}@media(max-width:480px){.ebr-summary{grid-template-columns:1fr}.role-table thead th:nth-child(4),.role-table td:nth-child(4){display:none}}.settings-container{max-width:1200px;margin:0 auto;padding:0;min-height:calc(100vh - 120px)}.settings-header{margin-bottom:var(--space-xl)}.settings-header-content{display:flex;align-items:center;gap:var(--space-lg)}.settings-header-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--primary) 0%,#6366f1 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #4f46e54d}.settings-header-title{font-size:1.75rem;font-weight:700;color:var(--text-main);margin:0;letter-spacing:-.025em}.settings-header-subtitle{font-size:.9rem;color:var(--text-muted);margin:.25rem 0 0}.settings-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-xl);align-items:start}.settings-sidebar{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:var(--space-md);position:sticky;top:var(--space-lg)}.settings-nav{display:flex;flex-direction:column;gap:var(--space-xs)}.settings-nav-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border:none;background:transparent;border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.settings-nav-item:hover{background:var(--bg-body)}.settings-nav-item.active{background:var(--primary-light)}.settings-nav-item.active .settings-nav-icon{background:var(--primary);color:#fff}.settings-nav-item.active .settings-nav-label{color:var(--primary);font-weight:600}.settings-nav-item.active .settings-nav-arrow{color:var(--primary);opacity:1}.settings-nav-icon{width:36px;height:36px;background:var(--bg-body);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .2s ease;flex-shrink:0}.settings-nav-content{flex:1;min-width:0}.settings-nav-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-main);margin-bottom:2px}.settings-nav-description{display:block;font-size:.75rem;color:var(--text-muted)}.settings-nav-arrow{color:var(--text-light);opacity:0;transition:all .2s ease}.settings-nav-item:hover .settings-nav-arrow{opacity:1;transform:translate(2px)}.settings-sidebar-footer{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border)}.settings-logout-btn{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md);border:none;background:transparent;border-radius:10px;color:var(--danger-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.settings-logout-btn:hover{background:var(--danger-bg)}.settings-main{min-width:0}.settings-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.settings-panel-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border);background:linear-gradient(to bottom,var(--bg-surface),var(--bg-body))}.settings-panel-icon{width:44px;height:44px;background:var(--primary-light);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--primary)}.settings-panel-title{font-size:1.125rem;font-weight:600;color:var(--text-main);margin:0}.settings-panel-description{font-size:.875rem;color:var(--text-muted);margin:.25rem 0 0}.settings-panel-content{padding:var(--space-xl)}.settings-avatar-section{display:flex;align-items:center;gap:var(--space-lg);padding-bottom:var(--space-xl);margin-bottom:var(--space-xl);border-bottom:1px solid var(--border)}.settings-avatar-container{position:relative}.settings-avatar-large{width:80px;height:80px;border-radius:20px;object-fit:cover;border:3px solid var(--bg-surface);box-shadow:0 4px 12px #0000001a}.settings-avatar-edit{position:absolute;bottom:-4px;right:-4px;width:32px;height:32px;background:var(--primary);color:#fff;border:3px solid var(--bg-surface);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.settings-avatar-edit:hover:not(:disabled){background:var(--primary-hover);transform:scale(1.1)}.settings-avatar-edit:disabled{opacity:.6;cursor:not-allowed}.settings-avatar-info h3{font-size:1.25rem;font-weight:600;color:var(--text-main);margin:0 0 .25rem}.settings-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);margin-bottom:var(--space-lg)}.settings-field{margin-bottom:var(--space-lg)}.settings-field:last-child{margin-bottom:0}.settings-field-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-main);margin-bottom:var(--space-sm)}.settings-field-input,.settings-field-select,.settings-field-textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-body);color:var(--text-main);font-size:.875rem;transition:all .2s ease}.settings-field-input:focus,.settings-field-select:focus,.settings-field-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);background:var(--bg-surface)}.settings-field-input:disabled,.settings-field-select:disabled,.settings-field-textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-body)}.settings-field-input.error,.settings-field-select.error,.settings-field-textarea.error{border-color:var(--danger-color)}.settings-field-input.error:focus,.settings-field-select.error:focus{box-shadow:0 0 0 3px var(--danger-bg)}.settings-field-textarea{resize:vertical;min-height:100px}.settings-field-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;padding-right:2.5rem}.settings-field-with-icon{position:relative}.settings-field-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;z-index:1}.settings-field-input.with-icon,.settings-field-select.with-icon{padding-left:2.75rem}.settings-field-password{position:relative}.settings-field-password .settings-field-input{padding-right:3rem}.settings-password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.settings-password-toggle:hover{color:var(--text-main)}.settings-field-hint{display:block;font-size:.75rem;color:var(--text-muted);margin-top:var(--space-xs)}.settings-field-error{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--danger-text);margin-top:var(--space-xs)}.settings-toggle-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;border-bottom:1px solid var(--border)}.settings-toggle-item:last-child{border-bottom:none}.settings-toggle-info{flex:1}.settings-toggle-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-main);margin-bottom:2px}.settings-toggle-description{display:block;font-size:.75rem;color:var(--text-muted)}.settings-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.settings-switch input{opacity:0;width:0;height:0}.settings-switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-hover);border-radius:24px;transition:all .3s ease}.settings-switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.settings-switch input:checked+.settings-switch-slider{background-color:var(--primary)}.settings-switch input:checked+.settings-switch-slider:before{transform:translate(20px)}.settings-switch input:disabled+.settings-switch-slider{opacity:.5;cursor:not-allowed}.settings-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-top:var(--space-sm)}.settings-theme-option{position:relative;padding:var(--space-lg);background:var(--bg-body);border:2px solid var(--border);border-radius:12px;cursor:pointer;text-align:center;transition:all .2s ease}.settings-theme-option:hover{border-color:var(--border-hover);background:var(--bg-surface)}.settings-theme-option.active{border-color:var(--primary);background:var(--primary-light)}.settings-theme-icon{width:48px;height:48px;margin:0 auto var(--space-sm);background:var(--bg-surface);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .2s ease}.settings-theme-option.active .settings-theme-icon{background:var(--primary);color:#fff}.settings-theme-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-main);margin-bottom:2px}.settings-theme-description{display:block;font-size:.75rem;color:var(--text-muted)}.settings-theme-check{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.settings-color-grid{display:flex;gap:var(--space-md);margin-top:var(--space-sm);flex-wrap:wrap}.settings-color-option{width:40px;height:40px;background:var(--color);border:3px solid transparent;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.settings-color-option:hover{transform:scale(1.1)}.settings-color-option.active{border-color:var(--text-main);transform:scale(1.1)}.settings-notification-group{margin-bottom:var(--space-xl)}.settings-notification-group:last-child{margin-bottom:0}.settings-group-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border)}.settings-security-section{padding:var(--space-lg) 0;border-bottom:1px solid var(--border)}.settings-security-section:first-child{padding-top:0}.settings-security-section:last-child{border-bottom:none;padding-bottom:0}.settings-security-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.settings-security-header h3{font-size:.875rem;font-weight:600;color:var(--text-main);margin:0}.settings-security-header svg{color:var(--text-muted)}.settings-coming-soon{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--warning-bg);color:var(--warning-text);border-radius:8px;font-size:.75rem;font-weight:500;margin-top:var(--space-sm)}.settings-session-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-body);border-radius:10px}.settings-session-item.current{border:1px solid var(--success-color);background:var(--success-bg)}.settings-session-icon{width:40px;height:40px;background:var(--bg-surface);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.settings-session-info{flex:1}.settings-session-device{display:block;font-size:.875rem;font-weight:500;color:var(--text-main)}.settings-session-details{display:block;font-size:.75rem;color:var(--text-muted)}.settings-session-badge{padding:.25rem .75rem;background:var(--success-bg);color:var(--success-text);font-size:.75rem;font-weight:500;border-radius:20px}.settings-save-bar{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);background:var(--bg-surface);border-top:1px solid var(--border);box-shadow:0 -4px 12px #0000001a;z-index:100;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.settings-save-text{font-size:.875rem;color:var(--text-muted)}.settings-save-actions{display:flex;gap:var(--space-md)}.settings-btn-primary,.settings-btn-secondary{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.settings-btn-primary{background:var(--primary);color:#fff}.settings-btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 12px #4f46e566}.settings-btn-primary:disabled{opacity:.6;cursor:not-allowed}.settings-btn-secondary{background:var(--bg-body);color:var(--text-main);border:1px solid var(--border)}.settings-btn-secondary:hover:not(:disabled){background:var(--bg-surface);border-color:var(--border-hover)}.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) * 4;gap:var(--space-md);color:var(--text-muted);min-height:300px}.settings-loading svg{color:var(--primary)}@media(max-width:980px){.settings-layout{grid-template-columns:1fr;gap:var(--space-lg)}.settings-sidebar{position:static}.settings-nav{flex-direction:row;overflow-x:auto;gap:var(--space-sm);padding-bottom:var(--space-sm);-webkit-overflow-scrolling:touch}.settings-nav-item{flex-direction:column;text-align:center;min-width:100px;padding:var(--space-md)}.settings-nav-content,.settings-nav-arrow{display:none}.settings-nav-icon{margin:0 auto}.settings-nav-item:after{content:attr(data-label);font-size:.75rem;margin-top:var(--space-xs);color:var(--text-muted)}.settings-sidebar-footer{display:none}.settings-form-row{grid-template-columns:1fr}.settings-theme-grid{grid-template-columns:repeat(3,1fr)}.settings-save-bar{flex-direction:column;gap:var(--space-md);padding:var(--space-lg)}.settings-save-actions{width:100%}.settings-btn-primary,.settings-btn-secondary{flex:1;justify-content:center}}@media(max-width:640px){.settings-header-content{flex-direction:column;align-items:flex-start;text-align:left}.settings-header-icon{width:48px;height:48px;border-radius:12px}.settings-avatar-section{flex-direction:column;text-align:center}.settings-avatar-large{width:100px;height:100px}.settings-theme-grid{grid-template-columns:1fr}.settings-panel-header{flex-direction:column;text-align:center;gap:var(--space-md)}.settings-color-grid{justify-content:center}}.notification-container{position:relative}.notification-bell-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.notification-bell-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:var(--error);color:#fff;font-size:10px;font-weight:600;border-radius:0;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-panel{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-height:500px;background:var(--bg-primary);border:1px solid var(--border);box-shadow:0 10px 40px #0000004d;z-index:1000;display:flex;flex-direction:column;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.notification-header-title{display:flex;align-items:center;gap:10px}.notification-header-title h3{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.notification-header-title .unread-count{padding:2px 8px;background:var(--primary);color:#fff;font-size:11px;font-weight:500}.notification-header-actions{display:flex;gap:4px}.notification-header-actions button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.notification-header-actions button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.notification-content{flex:1;overflow-y:auto;max-height:380px}.notification-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:12px;color:var(--text-muted)}.notification-loading .loading-spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-muted);text-align:center}.notification-empty svg{margin-bottom:16px;opacity:.4}.notification-empty p{margin:0;font-size:14px;font-weight:500;color:var(--text-secondary)}.notification-empty span{margin-top:4px;font-size:12px}.notification-list{display:flex;flex-direction:column}.notification-item{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:all .2s ease}.notification-item:hover{background:var(--bg-secondary)}.notification-item.unread{background:rgba(var(--primary-rgb),.05);border-left:3px solid var(--primary)}.notification-item.unread:hover{background:rgba(var(--primary-rgb),.1)}.notification-icon-wrapper{flex-shrink:0;display:flex;align-items:flex-start;padding-top:2px}.notification-icon{width:20px;height:20px}.notification-icon.info{color:var(--info)}.notification-icon.success{color:var(--success)}.notification-icon.warning{color:var(--warning)}.notification-icon.error{color:var(--error)}.notification-icon.task{color:var(--primary)}.notification-icon.event{color:#8b5cf6}.notification-icon.ticket{color:#f59e0b}.notification-body{flex:1;min-width:0}.notification-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px;line-height:1.3}.notification-message{font-size:12px;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time{font-size:11px;color:var(--text-muted);margin-top:6px}.notification-actions{display:flex;flex-direction:column;gap:4px;opacity:0;transition:opacity .2s ease}.notification-item:hover .notification-actions{opacity:1}.notification-actions button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--bg-tertiary);border:none;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.notification-actions button:hover{background:var(--bg-primary);color:var(--text-primary)}.delete-notification-btn:hover{color:var(--error)!important}.mark-read-btn:hover{color:var(--success)!important}.notification-footer{padding:12px 16px;border-top:1px solid var(--border);background:var(--bg-secondary)}.clear-all-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:8px;background:transparent;border:1px solid var(--border);color:var(--text-muted);font-size:12px;cursor:pointer;transition:all .2s ease}.clear-all-btn:hover{background:var(--error);border-color:var(--error);color:#fff}@media(max-width:480px){.notification-panel{position:fixed;top:60px;right:0;left:0;width:100%;max-height:calc(100vh - 60px);border:none;border-top:1px solid var(--border)}}.emp-detail{min-height:100vh;background:var(--bg-body);padding:2rem;animation:fadeSlideIn .6s cubic-bezier(.16,1,.3,1);font-family:Inter,system-ui,sans-serif;position:relative;overflow:hidden}.emp-detail:before{content:"";position:absolute;top:-20%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(var(--primary-rgb),.08) 0%,transparent 60%);border-radius:50%;filter:blur(80px);z-index:0;pointer-events:none}.emp-detail:after{content:"";position:absolute;bottom:-10%;right:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(16,185,129,.05) 0%,transparent 60%);border-radius:50%;filter:blur(60px);z-index:0;pointer-events:none}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.emp-detail__wrapper{max-width:1280px;margin:0 auto;position:relative;z-index:10}.emp-detail__breadcrumb{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;font-size:.875rem;font-weight:500}.emp-detail__breadcrumb-link{color:var(--text-muted);text-decoration:none;transition:all .2s ease;background:none;border:none;padding:0;cursor:pointer;font-size:inherit;font-weight:600}.emp-detail__breadcrumb-link:hover{color:var(--primary)}.emp-detail__breadcrumb-sep{color:var(--border-hover)}.emp-detail__breadcrumb-current{color:var(--text-main);font-weight:600;background:rgba(var(--bg-surface),.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.25rem .875rem;border-radius:999px;box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .emp-detail__breadcrumb-current{border:1px solid var(--border-color)}.emp-detail__hero{background:rgba(var(--bg-surface),.65);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;margin-bottom:2rem;overflow:hidden;position:relative;border:1px solid var(--border-color);box-shadow:0 4px 24px #0000000a;transition:box-shadow .4s ease,transform .4s ease}.emp-detail__hero:hover{box-shadow:0 12px 32px #00000014;transform:translateY(-2px)}.emp-detail__hero-banner{height:180px;background:linear-gradient(135deg,#4f46e5d9,#8b5cf6bf,#a855f7d9),url('data:image/svg+xml,%3Csvg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg fill="%23ffffff" fill-opacity="0.1"%3E%3Cpath d="M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z" /%3E%3C/g%3E%3C/g%3E%3C/svg%3E');position:relative;background-size:cover;background-position:center}.emp-detail__hero-content{display:flex;gap:2rem;padding:0 2.5rem 2.5rem;margin-top:-90px;position:relative;flex-wrap:wrap;align-items:flex-end}.emp-detail__avatar-container{position:relative;flex-shrink:0;width:150px;height:150px;z-index:10}.emp-detail__avatar{width:100%!important;height:100%!important;border-radius:28px!important;border:6px solid var(--bg-surface);box-shadow:0 12px 32px #00000026;background-color:var(--bg-surface);display:flex;align-items:center;justify-content:center;font-size:3rem!important;font-weight:800;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.emp-detail__hero:hover .emp-detail__avatar{transform:translateY(-6px)}.emp-detail__info{flex:1;min-width:240px;padding-top:90px;padding-bottom:.5rem}.emp-detail__name{font-size:2.25rem;font-weight:800;color:var(--text-main);margin:0 0 .5rem;line-height:1.1;letter-spacing:-.02em}.emp-detail__role{font-size:1.125rem;color:var(--text-muted);font-weight:500;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.emp-detail__role svg{color:var(--primary)}.emp-detail__badges{display:flex;gap:.75rem;flex-wrap:wrap}.emp-detail__badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem 1rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.emp-detail__badge--status{background:#10b98126;color:var(--success-color);border:1px solid rgba(16,185,129,.2)}.emp-detail__badge--status.leave{background:#f59e0b26;color:var(--warning-color);border:1px solid rgba(245,158,11,.2)}.emp-detail__badge--status.inactive{background:#6b728026;color:var(--text-muted);border:1px solid var(--border-color)}.emp-detail__badge--dept{background:#4f46e526;color:var(--primary);border:1px solid rgba(79,70,229,.2)}.emp-detail__actions{display:flex;gap:.75rem;align-items:center;padding-top:96px;flex-wrap:wrap}.emp-detail__btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.emp-detail__btn:active{transform:scale(.96)}.emp-detail__btn--primary{background:linear-gradient(135deg,var(--primary) 0%,#6366f1 100%);color:#fff;box-shadow:0 4px 14px #4f46e54d}.emp-detail__btn--primary:hover{background:linear-gradient(135deg,var(--primary-hover) 0%,var(--primary) 100%);box-shadow:0 6px 20px #4f46e566;transform:translateY(-2px)}.emp-detail__btn--secondary{background:rgba(var(--bg-surface),.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-main);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.emp-detail__btn--secondary:hover{background:var(--bg-surface);border-color:var(--text-muted);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.emp-detail__btn--danger{background:#ef44441a;color:var(--danger-color);border:1px solid rgba(239,68,68,.2)}.emp-detail__btn--danger:hover{background:var(--danger-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 14px #ef44444d}.emp-detail__btn--sm{padding:.375rem .875rem;font-size:.8125rem;border-radius:8px}.emp-detail__grid{display:grid;grid-template-columns:340px 1fr;gap:2rem}.emp-detail__sidebar{display:flex;flex-direction:column;gap:1.5rem}.emp-detail__card{background:rgba(var(--bg-surface),.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 4px 15px #00000008;transition:box-shadow .3s ease,border-color .3s ease,transform .3s ease;overflow:hidden}[data-theme=dark] .emp-detail__card{background:var(--bg-surface)}.emp-detail__card:hover{box-shadow:0 8px 24px #0000000f;border-color:var(--border-hover);transform:translateY(-2px)}.emp-detail__card-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.75rem;border-bottom:1px solid rgba(150,150,150,.1);background:rgba(var(--bg-secondary),.3)}.emp-detail__card-title{font-size:1.05rem;font-weight:700;color:var(--text-main);margin:0;display:flex;align-items:center;gap:.75rem}.emp-detail__card-title svg{color:var(--primary);width:20px;height:20px;stroke-width:2.5}.emp-detail__card-body{padding:1.5rem 1.75rem}.emp-detail__contact-list{display:flex;flex-direction:column;gap:1.25rem}.emp-detail__contact-item{display:flex;align-items:flex-start;gap:1.25rem;padding:.875rem;border-radius:12px;transition:background-color .3s,transform .2s}.emp-detail__contact-item:hover{background:rgba(var(--bg-body),.5);transform:translate(4px)}.emp-detail__contact-icon{width:44px;height:44px;border-radius:12px;background:rgba(var(--bg-main),.8);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0;border:1px solid rgba(150,150,150,.1);transition:all .3s ease}.emp-detail__contact-item:hover .emp-detail__contact-icon{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.05)}.emp-detail__contact-content{flex:1;min-width:0}.emp-detail__contact-label{font-size:.75rem;color:var(--text-muted);font-weight:600;margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.05em}.emp-detail__contact-value{font-size:.95rem;color:var(--text-main);font-weight:600;word-break:break-word;line-height:1.4}.emp-detail__quick-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.emp-detail__quick-stat{text-align:center;padding:1.5rem 1rem;background:var(--bg-surface);border-radius:14px;border:1px solid var(--border-color);transition:all .3s ease}.emp-detail__quick-stat:hover{transform:translateY(-4px) scale(1.02);border-color:var(--primary);background:#4f46e50d;box-shadow:0 4px 15px #4f46e51a}.emp-detail__quick-stat-value{font-size:2.25rem;font-weight:800;color:var(--primary);line-height:1;margin-bottom:.5rem}.emp-detail__quick-stat-label{font-size:.8125rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.emp-detail__main{display:flex;flex-direction:column;gap:1.5rem}.emp-detail__tabs{display:inline-flex;position:relative;gap:.5rem;padding:.5rem;background:rgba(var(--bg-surface),.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 2px 10px #00000005;overflow-x:auto;scrollbar-width:none}.emp-detail__tabs::-webkit-scrollbar{display:none}.emp-detail__tab{position:relative;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:10px;background:transparent;border:none;color:var(--text-muted);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);white-space:nowrap;z-index:1}.emp-detail__tab:hover{color:var(--text-main);background:#9696961a}.emp-detail__tab--active{color:#fff;background:linear-gradient(135deg,var(--primary) 0%,#6366f1 100%);box-shadow:0 4px 12px #4f46e54d}.emp-detail__tab--active:hover{color:#fff;background:linear-gradient(135deg,var(--primary) 0%,#6366f1 100%);transform:translateY(-1px)}.emp-detail__tab svg{width:18px;height:18px;transition:transform .3s ease}.emp-detail__tab:hover svg{transform:scale(1.1)}.emp-detail__tab-content{animation:slideUpFade .4s ease-out forwards}@keyframes slideUpFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.emp-detail__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem;margin-bottom:2rem}.emp-detail__stat-card{background:rgba(var(--bg-surface),.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;display:flex;gap:1.25rem;align-items:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px #00000005}.emp-detail__stat-card:hover{border-color:var(--primary);transform:translateY(-6px);box-shadow:0 12px 28px #00000014}.emp-detail__stat-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.emp-detail__stat-card:hover .emp-detail__stat-icon{transform:rotate(6deg) scale(1.1)}.emp-detail__stat-icon--primary{background:#4f46e526;color:var(--primary)}.emp-detail__stat-icon--success{background:#10b98126;color:var(--success-color)}.emp-detail__stat-icon--warning{background:#f59e0b26;color:var(--warning-color)}.emp-detail__stat-icon--info{background:#3b82f626;color:#3b82f6}.emp-detail__stat-info h4{font-size:1.75rem;font-weight:800;color:var(--text-main);margin:0 0 .35rem;line-height:1}.emp-detail__stat-info p{font-size:.875rem;color:var(--text-muted);font-weight:500;margin:0}.emp-detail__info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.emp-detail__info-item{display:flex;gap:1.25rem;padding:1.25rem;background:rgba(var(--bg-body),.5);border:1px solid rgba(150,150,150,.1);border-radius:12px;transition:all .3s ease}[data-theme=dark] .emp-detail__info-item{background:var(--bg-surface)}.emp-detail__info-item:hover{border-color:var(--border-color);background:rgba(var(--bg-surface),.8);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.emp-detail__info-icon{width:44px;height:44px;border-radius:12px;background:var(--bg-surface);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border-color);box-shadow:0 2px 6px #0000000a}.emp-detail__info-content{flex:1;min-width:0}.emp-detail__info-label{font-size:.75rem;color:var(--text-muted);font-weight:600;margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.05em}.emp-detail__info-value{font-size:1rem;color:var(--text-main);font-weight:600}.emp-detail__timeline{position:relative;padding-left:2.75rem}.emp-detail__timeline:before{content:"";position:absolute;left:21px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--primary) 0%,rgba(79,70,229,0) 100%);opacity:.4}.emp-detail__timeline-item{position:relative;padding-bottom:2rem}.emp-detail__timeline-item:last-child{padding-bottom:0}.emp-detail__timeline-marker{position:absolute;left:-2.75rem;top:0;width:36px;height:36px;border-radius:50%;background:var(--bg-surface);border:3px solid var(--primary);display:flex;align-items:center;justify-content:center;color:var(--primary);box-shadow:0 0 0 4px rgba(var(--bg-surface),.8),var(--shadow-sm);z-index:2;transition:transform .3s ease}.emp-detail__timeline-item:hover .emp-detail__timeline-marker{transform:scale(1.1)}.emp-detail__timeline-marker svg{width:16px;height:16px}.emp-detail__timeline-content{background:rgba(var(--bg-surface),.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem 1.5rem;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.emp-detail__timeline-content:hover{transform:translate(8px);border-color:var(--primary);box-shadow:0 6px 16px #0000000f}.emp-detail__timeline-title{font-size:1.125rem;font-weight:700;color:var(--text-main);margin:0 0 .375rem}.emp-detail__timeline-subtitle{font-size:.9375rem;font-weight:600;color:var(--primary);margin:0 0 .5rem}.emp-detail__timeline-date{font-size:.8125rem;color:var(--text-muted);font-weight:500;margin:0}.emp-detail__timeline-badge{display:inline-block;padding:.375rem .75rem;background:#10b98126;color:var(--success-color);border-radius:6px;font-size:.75rem;font-weight:700;margin-top:.75rem}.emp-detail__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:rgba(var(--bg-body),.4);border:2px dashed rgba(150,150,150,.3);border-radius:16px;transition:all .3s ease}.emp-detail__empty:hover{border-color:var(--primary);background:#4f46e50d}.emp-detail__empty-icon{color:var(--text-muted);margin-bottom:1.25rem;opacity:.7;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.emp-detail__empty:hover .emp-detail__empty-icon{transform:scale(1.15) rotate(5deg);color:var(--primary);opacity:1}.emp-detail__empty h3{font-size:1.25rem;font-weight:700;color:var(--text-main);margin:0 0 .5rem}.emp-detail__empty p{font-size:.9375rem;color:var(--text-muted);margin:0;max-width:340px;line-height:1.5}.emp-detail__docs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.emp-detail__loading,.emp-detail__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;text-align:center;background:rgba(var(--bg-surface),.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;box-shadow:var(--shadow-sm)}.emp-detail__error-icon{color:var(--text-muted);margin-bottom:1.5rem}.emp-detail__error h3{font-size:1.5rem;font-weight:800;color:var(--text-main);margin:0 0 .5rem}.emp-detail__error p{color:var(--text-muted);margin:0 0 2rem;font-size:1.125rem}@media(max-width:1200px){.emp-detail__grid{grid-template-columns:300px 1fr}}@media(max-width:992px){.emp-detail__grid{grid-template-columns:1fr}.emp-detail__sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media(max-width:768px){.emp-detail{padding:1rem}.emp-detail:before,.emp-detail:after{display:none}.emp-detail__hero-content{padding:0 1.5rem 1.75rem;flex-direction:column;align-items:center;text-align:center;margin-top:-80px}.emp-detail__avatar-container{width:120px;height:120px}.emp-detail__info{padding-top:1rem;display:flex;flex-direction:column;align-items:center}.emp-detail__actions{padding-top:0;justify-content:center;width:100%;margin-top:1rem}.emp-detail__badges{justify-content:center}.emp-detail__tabs{width:100%;overflow-x:auto;justify-content:flex-start}.emp-detail__sidebar,.emp-detail__stats-grid,.emp-detail__info-grid{grid-template-columns:1fr}}.reset-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.reset-password-container{width:100%;max-width:440px;background:#fff;border-radius:16px;padding:40px;box-shadow:0 25px 50px -12px #00000040}.back-button{display:inline-flex;align-items:center;gap:8px;color:#6b7280;font-size:14px;font-weight:500;background:none;border:none;cursor:pointer;padding:0;margin-bottom:24px;transition:color .2s}.back-button:hover{color:#374151}.reset-password-header{text-align:center;margin-bottom:32px}.lock-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;margin-bottom:20px}.lock-icon svg{width:32px;height:32px;color:#fff}.reset-password-header h1{font-size:24px;font-weight:700;color:#111827;margin:0 0 8px}.reset-password-header p{font-size:14px;color:#6b7280;margin:0}.reset-password-form{display:flex;flex-direction:column;gap:20px}.error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:500;color:#374151}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding:12px 44px 12px 16px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;background:#f9fafb;transition:all .2s}.password-input-wrapper input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.toggle-password{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#9ca3af;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.toggle-password:hover{color:#6b7280}.password-strength{display:flex;align-items:center;gap:12px;margin-top:8px}.strength-bars{display:flex;gap:4px;flex:1}.strength-bar{flex:1;height:4px;background:#e5e7eb;border-radius:2px;transition:background-color .3s}.strength-text{font-size:12px;font-weight:500;min-width:80px;text-align:right}.field-error{font-size:12px;color:#dc2626;margin:4px 0 0}.password-requirements{background:#f9fafb;border-radius:8px;padding:16px}.password-requirements p{font-size:13px;font-weight:500;color:#374151;margin:0 0 12px}.password-requirements ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.password-requirements li{font-size:13px;color:#9ca3af;display:flex;align-items:center;gap:8px}.password-requirements li:before{content:"○";font-size:10px}.password-requirements li.met{color:#16a34a}.password-requirements li.met:before{content:"●"}.submit-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;transition:all .2s}.submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px -10px #667eea80}.submit-button:disabled{opacity:.6;cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.success-state{text-align:center;padding:40px 0}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#dcfce7;border-radius:50%;margin-bottom:24px}.success-icon svg{width:40px;height:40px;color:#16a34a}.success-state h1{font-size:24px;font-weight:700;color:#111827;margin:0 0 12px}.success-state p{font-size:14px;color:#6b7280;margin:0}.success-state .redirect-text{margin-top:24px;font-style:italic}/*! tailwindcss v4.2.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-950:oklch(25.8% .092 26.042);--color-orange-50:oklch(98% .016 73.684);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-green-50:oklch(98.2% .018 155.826);--color-green-200:oklch(92.5% .084 155.995);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-900:oklch(37.8% .077 168.94);--color-teal-50:oklch(98.4% .014 180.72);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-900:oklch(35.9% .144 278.697);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:#4f46e5;--color-primary-light:#eef2ff;--color-main:#f3f4f6;--color-secondary:#f8fafc;--color-tertiary:#f1f5f9;--color-muted:#6b7280;--color-light:#9ca3af;--color-border-color:#e5e7eb;--color-danger-color:#ef4444;--color-danger-bg:#fef2f2}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.left-0{left:calc(var(--spacing) * 0)}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-4{margin-left:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-4{height:calc(var(--spacing) * 4)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-64{height:calc(var(--spacing) * 64)}.h-\[1px\]{height:1px}.h-\[60vh\]{height:60vh}.h-full{height:100%}.max-h-48{max-height:calc(var(--spacing) * 48)}.min-h-\[400px\]{min-height:400px}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-1\/4{width:25%}.w-4{width:calc(var(--spacing) * 4)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-52{width:calc(var(--spacing) * 52)}.w-\[240px\]{width:240px}.w-full{width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\[var\(--border\)\]>:not(:last-child)){border-color:var(--border)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[var\(--radius-md\)\]{border-radius:var(--radius-md)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\[\#1e293b\]{border-color:#1e293b}.border-\[var\(--border\)\]{border-color:var(--border)}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-500\/20{border-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.border-blue-500\/20{border-color:color-mix(in oklab,var(--color-blue-500) 20%,transparent)}}.border-border-color{border-color:var(--color-border-color)}.border-danger-color{border-color:var(--color-danger-color)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-500\/20{border-color:#6a728233}@supports (color:color-mix(in lab,red,red)){.border-gray-500\/20{border-color:color-mix(in oklab,var(--color-gray-500) 20%,transparent)}}.border-green-200{border-color:var(--color-green-200)}.border-green-500{border-color:var(--color-green-500)}.border-green-500\/20{border-color:#00c75833}@supports (color:color-mix(in lab,red,red)){.border-green-500\/20{border-color:color-mix(in oklab,var(--color-green-500) 20%,transparent)}}.border-indigo-200{border-color:var(--color-indigo-200)}.border-orange-200{border-color:var(--color-orange-200)}.border-orange-500\/20{border-color:#fe6e0033}@supports (color:color-mix(in lab,red,red)){.border-orange-500\/20{border-color:color-mix(in oklab,var(--color-orange-500) 20%,transparent)}}.border-primary{border-color:var(--color-primary)}.border-purple-200{border-color:var(--color-purple-200)}.border-purple-500\/20{border-color:#ac4bff33}@supports (color:color-mix(in lab,red,red)){.border-purple-500\/20{border-color:color-mix(in oklab,var(--color-purple-500) 20%,transparent)}}.border-red-200{border-color:var(--color-red-200)}.border-red-500{border-color:var(--color-red-500)}.border-slate-200{border-color:var(--color-slate-200)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.border-white\/30{border-color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.border-t-white{border-top-color:var(--color-white)}.bg-\[\#1e293b\]{background-color:#1e293b}.bg-\[\#131a28\]{background-color:#131a28}.bg-\[var\(--bg-body\)\]{background-color:var(--bg-body)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-600{background-color:var(--color-amber-600)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-500\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/10{background-color:color-mix(in oklab,var(--color-blue-500) 10%,transparent)}}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-500\/10{background-color:#6a72821a}@supports (color:color-mix(in lab,red,red)){.bg-gray-500\/10{background-color:color-mix(in oklab,var(--color-gray-500) 10%,transparent)}}.bg-green-50{background-color:var(--color-green-50)}.bg-green-500\/10{background-color:#00c7581a}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/10{background-color:color-mix(in oklab,var(--color-green-500) 10%,transparent)}}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-main{background-color:var(--color-main)}.bg-main\/40{background-color:#f3f4f666}@supports (color:color-mix(in lab,red,red)){.bg-main\/40{background-color:color-mix(in oklab,var(--color-main) 40%,transparent)}}.bg-main\/50{background-color:#f3f4f680}@supports (color:color-mix(in lab,red,red)){.bg-main\/50{background-color:color-mix(in oklab,var(--color-main) 50%,transparent)}}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-500\/10{background-color:#fe6e001a}@supports (color:color-mix(in lab,red,red)){.bg-orange-500\/10{background-color:color-mix(in oklab,var(--color-orange-500) 10%,transparent)}}.bg-primary{background-color:var(--color-primary)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-500\/10{background-color:#ac4bff1a}@supports (color:color-mix(in lab,red,red)){.bg-purple-500\/10{background-color:color-mix(in oklab,var(--color-purple-500) 10%,transparent)}}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-secondary{background-color:var(--color-secondary)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-tertiary{background-color:var(--color-tertiary)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-emerald-50{--tw-gradient-from:var(--color-emerald-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-indigo-50{--tw-gradient-from:var(--color-indigo-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-indigo-500{--tw-gradient-from:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-50{--tw-gradient-to:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-500{--tw-gradient-to:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-teal-50{--tw-gradient-to:var(--color-teal-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-border-color{color:var(--color-border-color)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-900{color:var(--color-emerald-900)}.text-gray-200{color:var(--color-gray-200)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-700{color:var(--color-indigo-700)}.text-indigo-900{color:var(--color-indigo-900)}.text-light{color:var(--color-light)}.text-main{color:var(--color-main)}.text-muted{color:var(--color-muted)}.text-orange-500{color:var(--color-orange-500)}.text-orange-600{color:var(--color-orange-600)}.text-primary{color:var(--color-primary)}.text-purple-500{color:var(--color-purple-500)}.text-purple-600{color:var(--color-purple-600)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.decoration-dotted{text-decoration-style:dotted}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:border-danger-bg:hover{border-color:var(--color-danger-bg)}.hover\:border-primary:hover{border-color:var(--color-primary)}.hover\:border-primary-light:hover{border-color:var(--color-primary-light)}.hover\:bg-\[\#1e293b\]:hover{background-color:#1e293b}.hover\:bg-\[var\(--bg-body\)\]:hover{background-color:var(--bg-body)}.hover\:bg-amber-700:hover{background-color:var(--color-amber-700)}.hover\:bg-danger-bg:hover{background-color:var(--color-danger-bg)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-indigo-700:hover{background-color:var(--color-indigo-700)}.hover\:bg-primary-light:hover{background-color:var(--color-primary-light)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-red-950\/30:hover{background-color:#4608094d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-950\/30:hover{background-color:color-mix(in oklab,var(--color-red-950) 30%,transparent)}}.hover\:text-danger-color:hover{color:var(--color-danger-color)}.hover\:text-main:hover{color:var(--color-main)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-\[var\(--primary\)\]:focus{border-color:var(--primary)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.data-\[highlighted\]\:bg-\[\#1e293b\][data-highlighted]{background-color:#1e293b}.data-\[highlighted\]\:bg-gray-100[data-highlighted]{background-color:var(--color-gray-100)}.data-\[highlighted\]\:bg-red-50[data-highlighted]{background-color:var(--color-red-50)}.data-\[highlighted\]\:bg-red-950\/30[data-highlighted]{background-color:#4608094d}@supports (color:color-mix(in lab,red,red)){.data-\[highlighted\]\:bg-red-950\/30[data-highlighted]{background-color:color-mix(in oklab,var(--color-red-950) 30%,transparent)}}@media(min-width:40rem){.sm\:block{display:block}.sm\:flex-row{flex-direction:row}.sm\:p-7{padding:calc(var(--spacing) * 7)}.sm\:text-\[15px\]{font-size:15px}}@media(min-width:48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.dark\:border-blue-500\/30:where(.dark,.dark *){border-color:#3080ff4d}@supports (color:color-mix(in lab,red,red)){.dark\:border-blue-500\/30:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-blue-500) 30%,transparent)}}.dark\:border-gray-500\/30:where(.dark,.dark *){border-color:#6a72824d}@supports (color:color-mix(in lab,red,red)){.dark\:border-gray-500\/30:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-gray-500) 30%,transparent)}}.dark\:border-green-500\/30:where(.dark,.dark *){border-color:#00c7584d}@supports (color:color-mix(in lab,red,red)){.dark\:border-green-500\/30:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-green-500) 30%,transparent)}}.dark\:border-orange-500\/30:where(.dark,.dark *){border-color:#fe6e004d}@supports (color:color-mix(in lab,red,red)){.dark\:border-orange-500\/30:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-orange-500) 30%,transparent)}}.dark\:bg-blue-500\/15:where(.dark,.dark *){background-color:#3080ff26}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-500\/15:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-blue-500) 15%,transparent)}}.dark\:bg-gray-500\/15:where(.dark,.dark *){background-color:#6a728226}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-500\/15:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-gray-500) 15%,transparent)}}.dark\:bg-gray-800:where(.dark,.dark *){background-color:var(--color-gray-800)}.dark\:bg-green-500\/15:where(.dark,.dark *){background-color:#00c75826}@supports (color:color-mix(in lab,red,red)){.dark\:bg-green-500\/15:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-green-500) 15%,transparent)}}.dark\:bg-orange-500\/15:where(.dark,.dark *){background-color:#fe6e0026}@supports (color:color-mix(in lab,red,red)){.dark\:bg-orange-500\/15:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-orange-500) 15%,transparent)}}.dark\:bg-purple-500\/15:where(.dark,.dark *){background-color:#ac4bff26}@supports (color:color-mix(in lab,red,red)){.dark\:bg-purple-500\/15:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-purple-500) 15%,transparent)}}.dark\:text-blue-400:where(.dark,.dark *){color:var(--color-blue-400)}.dark\:text-gray-400:where(.dark,.dark *){color:var(--color-gray-400)}.dark\:text-green-400:where(.dark,.dark *){color:var(--color-green-400)}.dark\:text-orange-400:where(.dark,.dark *){color:var(--color-orange-400)}.dark\:text-purple-400:where(.dark,.dark *){color:var(--color-purple-400)}}:root{--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#eef2ff;--primary-dark:#3730a3;--bg-body:#f3f4f6;--bg-surface:#fff;--bg-sidebar:#fff;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-main:#f3f4f6;--bg-muted:#f9fafb;--border-color:#e5e7eb;--text-main:#111827;--text-muted:#6b7280;--text-light:#9ca3af;--text-primary:#111827;--text-secondary:#6b7280;--border:#e5e7eb;--border-light:#f3f4f6;--border-hover:#d1d5db;--success-bg:#ecfdf5;--success-text:#047857;--success-color:#10b981;--warning-bg:#fffbeb;--warning-text:#b45309;--warning-color:#f59e0b;--danger-bg:#fef2f2;--danger-text:#b91c1c;--danger-color:#ef4444;--neutral-bg:#f3f4f6;--neutral-text:#4b5563;--bg-tertiary:#f1f5f9;--error:#ef4444;--success:#10b981;--info:#3b82f6;--warning:#f59e0b;--primary-rgb:79, 70, 229;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-full:9999px;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem}.dark,[data-theme=dark]{--bg-body:#0b0f19;--bg-surface:#131a28;--bg-sidebar:#131a28;--bg-primary:#131a28;--bg-secondary:#1a2332;--bg-main:#0b0f19;--bg-muted:#131a28;--border-color:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--text-light:#64748b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border:#1e293b;--border-light:#1e293b;--border-hover:#334155;--success-bg:#10b98126;--success-text:#34d399;--success-color:#10b981;--warning-bg:#f59e0b26;--warning-text:#fbbf24;--warning-color:#f59e0b;--danger-bg:#ef444426;--danger-text:#f87171;--danger-color:#ef4444;--neutral-bg:#1e293b;--neutral-text:#e2e8f0;--bg-tertiary:#1a2332;--error:#f87171;--success:#34d399;--info:#60a5fa;--warning:#fbbf24;--primary-rgb:79, 70, 229;--primary-light:#4f46e526;--primary-dark:#6366f1;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #00000080, 0 2px 4px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -2px #0006;--shadow-xl:0 20px 25px -5px #00000080, 0 10px 10px -5px #0006}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-main{color:var(--text-main)}.text-muted{color:var(--text-muted)}.text-light{color:var(--text-light)}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-col{flex-direction:column}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.block{display:block}.hidden{display:none}@media(min-width:640px){.sm\:block{display:block}.sm\:hidden{display:none}}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.mx-auto{margin-left:auto;margin-right:auto}.w-12{width:3rem}.h-12{height:3rem}.h-64{height:16rem}.max-w-4xl{max-width:56rem}.relative{position:relative}.text-right{text-align:right}.text-center{text-align:center}.animate-spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-body);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}img{max-width:100%;display:block}button{font-family:inherit}.app-container{background-color:var(--bg-body);min-height:100vh;display:flex}.main-content{padding:var(--space-lg);flex:1;height:100vh;overflow-y:auto}.app-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;padding-top:.25rem;display:flex}.page-title{color:var(--text-main);font-size:1.5rem;font-weight:700}.page-subtitle{color:var(--text-muted);font-size:.875rem}.header-actions{align-items:center;gap:var(--space-md);display:flex}.icon-btn{border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;width:2.5rem;height:2.5rem;color:var(--text-muted);justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{background:var(--bg-body);color:var(--text-main)}.header-search-container{width:100%;max-width:400px;margin:0 var(--space-lg);position:relative}.header-search-input-wrapper{align-items:center;display:flex;position:relative}.header-search-icon{color:var(--text-muted)!important;pointer-events:none!important;z-index:10!important;position:absolute!important;top:50%!important;left:16px!important;transform:translateY(-50%)!important}.header-search-input{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-surface);width:100%;color:var(--text-main);font-size:.875rem;transition:all .2s;padding:.625rem 2.5rem .625rem 4rem!important}.header-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.header-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;display:flex;position:absolute;right:12px}.header-search-clear:hover{background:var(--bg-body);color:var(--text-main)}.header-search-results{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;max-height:300px;animation:.2s slideDown;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.header-search-result-item{align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md);text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--border);background:0 0;transition:background-color .2s;display:flex}.header-search-result-item:last-child{border-bottom:none}.header-search-result-item:hover{background-color:var(--bg-body)}.header-search-avatar{border-radius:var(--radius-full);background:var(--primary-light);width:2.5rem;height:2.5rem;color:var(--primary);justify-content:center;align-items:center;font-size:1rem;font-weight:600;display:flex}.header-search-info{flex:1;min-width:0}.header-search-name{color:var(--text-main);margin-bottom:2px;font-weight:500}.header-search-role{color:var(--text-muted);font-size:.75rem}@media(max-width:768px){.header-search-container{display:none}.header-title-container{display:block}}.user-profile{padding-left:var(--space-md);border-left:1px solid var(--border);color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:flex}.user-profile:hover{opacity:.8}.user-avatar{border-radius:var(--radius-full);background-color:var(--border);object-fit:cover;width:2.5rem;height:2.5rem}.sidebar-container{display:flex;position:relative;overflow:visible}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);z-index:50;flex-direction:column;width:17rem;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;box-shadow:4px 0 24px #00000005}.sidebar.collapsed{width:5rem}.sidebar-collapse-toggle{background:linear-gradient(135deg,var(--primary) 0%,#7c3aed 100%);color:#fff;border:3px solid var(--bg-body);cursor:pointer;z-index:100;opacity:1;pointer-events:auto;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:1.75rem;right:-12px;box-shadow:0 2px 8px #7c3aed4d}.sidebar-collapse-toggle:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:scale(1.1);box-shadow:0 4px 12px #7c3aed80}.sidebar-collapse-toggle:active{transform:scale(.95)}.sidebar-collapse-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px #7c3aed4d}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sidebar-header{padding:var(--space-lg) var(--space-lg);align-items:center;gap:var(--space-md);margin-bottom:var(--space-xs);transition:all .3s;display:flex}.sidebar.collapsed .sidebar-header{padding:var(--space-lg) var(--space-md);justify-content:center}.brand-name{color:var(--text-main);letter-spacing:-.025em;white-space:nowrap;justify-content:flex-start;align-items:center;min-height:1.75rem;font-size:1.5rem;font-weight:800;transition:opacity .2s;display:flex;overflow:visible}.brand-dot{color:#7c3aed;text-shadow:0 0 12px #7c3aed99;margin-left:1px;font-size:1.5em;line-height:.5}.sidebar.collapsed .brand-name{opacity:0;width:0;overflow:hidden}.sidebar.collapsed .brand-name.short{opacity:1;justify-content:center;width:auto;font-size:1.75rem;overflow:visible}.sidebar-nav{padding:0 var(--space-md);gap:var(--space-xs);scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;flex:1;transition:all .3s;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.sidebar.collapsed .sidebar-nav{padding:0 var(--space-sm);scrollbar-width:none;-ms-overflow-style:none}.sidebar.collapsed .sidebar-nav::-webkit-scrollbar{display:none}.nav-section{gap:var(--space-xs);flex-direction:column;display:flex}.nav-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:var(--space-sm) var(--space-sm) var(--space-xs);margin-top:var(--space-sm);opacity:.6;font-size:.7rem;font-weight:700}.nav-section:first-child .nav-section-label{margin-top:0}.nav-section-divider{background:var(--border);height:1px;margin:var(--space-sm) var(--space-md);opacity:.5}.nav-item{align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:visible}.nav-item-icon{flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex}.sidebar.collapsed .nav-item{padding:var(--space-sm) var(--space-md);justify-content:center}.nav-item-label{white-space:nowrap;flex:1;font-size:.8125rem;transition:opacity .2s}.nav-item-arrow{opacity:.5;flex-shrink:0;margin-left:auto}.sidebar.collapsed .nav-item-label{opacity:0;width:0;overflow:hidden}.nav-badge{color:#fff;border-radius:var(--radius-full);text-align:center;background:linear-gradient(135deg,#ef4444,#dc2626);min-width:1.25rem;margin-left:auto;padding:2px 6px;font-size:.65rem;font-weight:700;animation:2s ease-in-out infinite badge-pulse;box-shadow:0 2px 4px #ef44444d}.nav-badge-collapsed{color:#fff;border-radius:var(--radius-full);text-align:center;background:linear-gradient(135deg,#ef4444,#dc2626);min-width:1rem;padding:1px 4px;font-size:.55rem;font-weight:700;position:absolute;top:4px;right:4px;box-shadow:0 2px 4px #ef44444d}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.nav-item:before{content:"";background:linear-gradient(135deg,var(--primary) 0%,#7c3aed 100%);border-radius:0 var(--radius-sm) var(--radius-sm) 0;width:0;transition:width .2s;position:absolute;top:0;bottom:0;left:0}.nav-item:hover:not(.active){background:var(--bg-body);color:var(--text-main)}.nav-item:hover:not(.active):before{width:3px}.nav-item:hover .nav-item-icon{transform:scale(1.1)}.sidebar.collapsed .nav-item:hover:not(.active){background:var(--bg-body);transform:scale(1.08)}.sidebar.collapsed .nav-item:hover:not(.active):before{width:0}.nav-item.active{color:var(--primary);background:#7c3aed14;font-weight:600;box-shadow:0 4px 12px #7c3aed0d}.nav-item.active:before{width:3px;box-shadow:2px 0 8px #7c3aed66}.sidebar.collapsed .nav-item:after{content:attr(data-tooltip);background:var(--text-main);color:#fff;border-radius:var(--radius-md);white-space:nowrap;opacity:0;pointer-events:none;z-index:1000;padding:6px 12px;font-size:.75rem;font-weight:500;transition:opacity .2s,transform .2s;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)translate(-4px);box-shadow:0 4px 12px #00000026}.sidebar.collapsed .nav-item:hover:after{opacity:1;transform:translateY(-50%)translate(0)}.user-profile-sidebar{align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;display:flex}.sidebar.collapsed .user-profile-sidebar{gap:var(--space-sm);padding:var(--space-sm);flex-direction:column;justify-content:center}.user-profile-sidebar:hover{background:var(--bg-body)}.sidebar-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border);background:var(--bg-sidebar);align-items:center;gap:var(--space-sm);margin-top:auto;transition:all .3s;display:flex}.user-avatar-sidebar{border-radius:var(--radius-full);background-color:var(--primary-light);width:2.5rem;height:2.5rem;color:var(--primary);border:2px solid var(--bg-surface);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.user-avatar-sidebar-img{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--bg-surface);width:2.5rem;height:2.5rem;box-shadow:var(--shadow-sm);transition:all .2s}.user-profile-sidebar:hover .user-avatar-sidebar,.user-profile-sidebar:hover .user-avatar-sidebar-img{box-shadow:var(--shadow-md);transform:scale(1.05)}.user-avatar-sidebar-component{border:2px solid var(--bg-surface);box-shadow:var(--shadow-sm)}.user-info-sidebar{flex-direction:column;flex:1;transition:opacity .2s;display:flex;overflow:hidden}.sidebar.collapsed .user-info-sidebar{opacity:0;width:0;height:0;overflow:hidden}.user-name-sidebar{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.user-email-sidebar{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.sidebar-logout-btn{color:var(--text-muted);cursor:pointer;padding:var(--space-sm) var(--space-md);gap:var(--space-md);border-radius:var(--radius-md);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:flex-start;align-items:center;width:100%;height:2.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.logout-label{white-space:nowrap;font-size:.875rem;font-weight:500}.sidebar.collapsed .sidebar-logout-btn{justify-content:center;width:2.5rem;padding:0}.sidebar-logout-btn:hover{color:#ef4444;background:#ef44441a;border-color:#ef444433;transform:translate(2px)}.sidebar.collapsed .sidebar-logout-btn:hover{transform:scale(1.05)}.sidebar-logout-btn:active{transform:scale(.95)}.sidebar.collapsed .sidebar-footer{padding:var(--space-lg) var(--space-sm);gap:var(--space-md);flex-direction:column}.mobile-overlay{z-index:55;cursor:pointer;pointer-events:auto;background:#00000080;animation:.2s ease-out fadeIn;display:none;position:fixed;top:0;right:0;bottom:0;left:0}@media(min-width:1025px){.sidebar-collapse-toggle{display:flex}.sidebar{position:sticky}}@media(max-width:1024px){.mobile-menu-button{justify-content:center;align-items:center;display:flex}.mobile-overlay{z-index:45;pointer-events:auto;display:block}.sidebar{z-index:50;width:17rem;position:fixed;top:0;bottom:0;left:-17rem}.sidebar.mobile-open{left:0;box-shadow:8px 0 32px #00000026}.sidebar-collapse-toggle{display:none!important}.sidebar.collapsed{width:17rem}.sidebar.collapsed .brand-name,.sidebar.collapsed .nav-item-label,.sidebar.collapsed .user-info-sidebar{opacity:1;width:auto;height:auto}.sidebar.collapsed .nav-item:after{display:none}}@media(max-width:640px){.sidebar{width:16rem;left:-16rem}.sidebar-header{padding:var(--space-md) var(--space-lg)}.brand-name{font-size:1.125rem}.nav-item{padding:var(--space-sm) var(--space-md)}.user-info-sidebar{display:none}.user-profile-sidebar{justify-content:center}}.stats-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover)}.btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 2px 4px #4f46e533}.btn-ghost{color:var(--text-muted);border-color:var(--border);background-color:#0000}.btn-ghost:hover{background-color:var(--bg-body);color:var(--text-main);border-color:var(--border-hover)}.btn-danger-ghost{color:var(--danger-text);border-color:var(--border);background:0 0}.btn-danger-ghost:hover{background:var(--danger-bg);border-color:var(--danger-bg)}.search-input{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);width:100%;max-width:24rem;color:var(--text-main);outline:none;padding:.625rem 1rem;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.employee-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.employee-card-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:flex-start;display:flex}.employee-info{align-items:center;gap:var(--space-md);display:flex}.employee-avatar{border-radius:var(--radius-full);background-color:var(--bg-body);width:2.5rem;height:2.5rem}.employee-details h3{color:var(--text-main);font-size:1rem;font-weight:600}.employee-details p{color:var(--text-muted);font-size:.75rem}.status-badge{border-radius:var(--radius-full);padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status-active{background:var(--success-bg);color:var(--success-text)}.status-leave{background:var(--warning-bg);color:var(--warning-text)}.status-offline{background:var(--neutral-bg);color:var(--neutral-text)}.employee-meta{padding-top:var(--space-md);border-top:1px solid var(--border);flex-direction:column;gap:.5rem;margin-top:auto;display:flex}.meta-row{justify-content:space-between;font-size:.75rem;display:flex}.meta-label{color:var(--text-muted)}.meta-value{color:var(--text-main);font-weight:500}.card-actions{gap:var(--space-sm);margin-top:var(--space-md);display:flex}.employee-card{content-visibility:auto;contain-intrinsic-size:auto 300px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.animate-slide-in-right{animation:.3s ease-out forwards slideInRight}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:.2s ease-out forwards scaleIn}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-md);background:#0009;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.modal-content{z-index:1001;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:calc(100% - (var(--space-md) * 2));max-width:640px;max-height:90vh;animation:.2s ease-out scaleIn;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-content--large{max-width:800px}.modal-header{padding:var(--space-xl);border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;display:flex}.modal-icon{background:var(--primary-light);width:3rem;height:3rem;color:var(--primary);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-title{color:var(--text-main);margin:0;font-size:1.25rem;font-weight:700}.modal-subtitle{color:var(--text-muted);margin:.25rem 0 0;font-size:.875rem}.modal-close-btn{border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-close-btn:hover{background:var(--bg-body);color:var(--text-main)}.modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:var(--space-xl)}.avatar-preview-section{align-items:center;gap:var(--space-sm);padding:var(--space-lg);margin-bottom:var(--space-lg);background:var(--bg-body);border-radius:var(--radius-lg);border:1px dashed var(--border);flex-direction:column;display:flex}.avatar-preview-hint{color:var(--text-muted);margin:0;font-size:.75rem}.modal-footer{justify-content:flex-end;gap:var(--space-md);padding-top:var(--space-lg);margin-top:var(--space-lg);border-top:1px solid var(--border);display:flex}.form-grid{gap:var(--space-lg);margin-bottom:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}@media(max-width:640px){.form-grid{grid-template-columns:1fr}}.form-group{gap:var(--space-sm);flex-direction:column;display:flex}.form-label{color:var(--text-main);font-size:.875rem;font-weight:600}.form-input,.form-select,.form-textarea{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);width:100%;color:var(--text-main);outline:none;padding:.625rem .875rem;font-size:.875rem;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--bg-body);color:var(--text-muted);cursor:not-allowed;opacity:.6}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--danger-text)}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{box-shadow:0 0 0 3px var(--danger-bg)}.form-error{color:var(--danger-text);align-items:center;gap:.375rem;margin-top:-.25rem;font-size:.75rem;display:flex}.form-textarea{resize:vertical;min-height:80px}.loading-container{justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.loading-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:var(--radius-full);animation:.8s linear infinite spin}.spinner-sm{border-width:2px;width:1.5rem;height:1.5rem}.spinner-md{border-width:3px;width:3rem;height:3rem}.spinner-lg{border-width:4px;width:4rem;height:4rem}.loading-message{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(prefers-contrast:high){.card,.btn,.form-input,.form-select,.form-textarea{border-width:2px}}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.mobile-menu-btn-header{color:var(--text-main);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;margin-right:1rem;padding:.5rem;transition:all .2s;display:none}.mobile-menu-btn-header:hover{background:var(--bg-body);color:var(--primary)}.mobile-menu-btn-header:active{transform:scale(.95)}.header-left{align-items:center;gap:.5rem;display:flex}@media(max-width:1024px){.mobile-menu-btn-header{justify-content:center;align-items:center;display:flex}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(135deg,#0f172a,#1e1b4b,#312e81);position:relative;overflow:hidden;font-family:Inter,sans-serif}.background-shapes{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.shape{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;animation:float 20s infinite ease-in-out}.shape-1{top:-10%;left:-10%;width:600px;height:600px;background:#8b5cf6;animation-delay:0s}.shape-2{top:40%;right:-10%;width:500px;height:500px;background:#3b82f6;animation-delay:-5s}.shape-3{bottom:-10%;left:20%;width:400px;height:400px;background:#ec4899;animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.login-container{width:100%;max-width:440px;position:relative;z-index:10;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:2.5rem}.logo-wrapper{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 40px #0003;position:relative;overflow:hidden}.logo-wrapper:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(45deg);animation:shine 3s infinite}@keyframes shine{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.logo-icon{color:#fff;filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.app-title{font-size:3rem;font-weight:800;color:#fff;margin:0 0 .5rem;letter-spacing:-.03em;text-shadow:0 2px 10px rgba(0,0,0,.3)}.app-subtitle{font-size:1.125rem;color:#ffffffb3;font-weight:500;margin:0}.login-card{position:relative;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;overflow:hidden}.card-shine{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.card-content{padding:2.5rem}.form-header{text-align:center;margin-bottom:2rem}.form-title{font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 .5rem}.form-subtitle{color:#fff9;font-size:.9375rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{position:relative}.form-input{width:100%;padding:1rem;background:#0003;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:1rem;outline:none;transition:all .2s}.form-input:focus{background:#0000004d;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a}.form-input:not(:placeholder-shown)+.floating-label,.form-input:focus+.floating-label{transform:translateY(-1.6rem) scale(.85);color:#a78bfa;background:#1e1b4b;padding:0 .25rem}.floating-label{position:absolute;left:1rem;top:1rem;color:#ffffff80;font-size:1rem;pointer-events:none;transition:all .2s;transform-origin:left top}.password-wrapper{position:relative}.password-wrapper .form-input{padding-right:3rem}.password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff6;cursor:pointer;padding:0;display:flex;align-items:center;transition:color .2s}.password-toggle:hover{color:#fff}.password-strength-meter{height:4px;background:#ffffff1a;margin-top:.5rem;overflow:hidden}.strength-bar{height:100%;transition:all .3s ease}.form-actions{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#ffffffb3}.checkbox-input{width:16px;height:16px;accent-color:#8b5cf6}.forgot-password-link{color:#a78bfa;text-decoration:none;transition:color .2s}.submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;margin-top:.5rem}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px -5px #8b5cf666}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.social-login{margin-top:1.5rem}.divider{display:flex;align-items:center;gap:1rem;color:#fff6;font-size:.875rem;margin-bottom:1.5rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.social-buttons{display:flex;gap:1rem}.social-btn{flex:1;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.social-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.auth-toggle{margin-top:2rem;text-align:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);color:#fff9;font-size:.9375rem}.toggle-link{background:none;border:none;color:#fff;font-weight:600;cursor:pointer;padding:0;margin-left:.25rem;text-decoration:underline;transition:color .2s}.toggle-link:hover{color:#a78bfa}.error-alert{background:#ef44441a;border:1px solid rgba(239,68,68,.2);padding:1rem;display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;color:#fca5a5;font-size:.875rem}.error-icon{flex-shrink:0;color:#ef4444}.error-alert p{margin:0}.success-alert{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);padding:1rem;display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;color:#86efac;font-size:.875rem}.success-icon{flex-shrink:0;color:#22c55e}.success-alert p{margin:0}.auth-footer{text-align:center;color:#ffffff4d;font-size:.875rem;margin-top:2rem}.loading-dots{display:flex;gap:4px}.loading-dots span{width:6px;height:6px;background:#fff;animation:bounce 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.forgot-password-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.forgot-password-modal{position:relative;width:100%;max-width:400px;background:#1e1b4bf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:2rem;box-shadow:0 25px 50px -12px #00000080;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close-btn{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;color:#fff9;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.modal-close-btn:hover{background:#fff3;color:#fff}.modal-icon{width:64px;height:64px;background:linear-gradient(135deg,#8b5cf633,#6366f133);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#a78bfa}.modal-title{font-size:1.5rem;font-weight:700;color:#fff;text-align:center;margin:0 0 .5rem}.modal-subtitle{color:#fff9;text-align:center;font-size:.9375rem;margin-bottom:1.5rem;line-height:1.5}.reset-form{display:flex;flex-direction:column;gap:1rem}.reset-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem}.reset-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5}.reset-message.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#86efac}.back-to-login-btn{width:100%;margin-top:1rem;padding:.75rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffffb3;font-size:.9375rem;cursor:pointer;transition:all .2s}.back-to-login-btn:hover{background:#ffffff0d;border-color:#ffffff4d;color:#fff}.forgot-password-link{background:none;border:none;padding:0;color:#a78bfa;font-size:.875rem;cursor:pointer;transition:color .2s}.forgot-password-link:hover{color:#fff;text-decoration:underline}@media(max-width:480px){.login-container{padding:0 1rem}.card-content{padding:1.5rem}.app-title{font-size:2.5rem}.forgot-password-modal{width:calc(100% - 2rem);margin:1rem;padding:1.5rem}}.avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;text-transform:uppercase;-webkit-user-select:none;user-select:none;flex-shrink:0;transition:transform .2s ease,box-shadow .2s ease}.avatar:hover{transform:scale(1.05)}.avatar-xs{width:1.5rem;height:1.5rem;font-size:.625rem}.avatar-sm{width:2rem;height:2rem;font-size:.75rem}.avatar-md{width:2.5rem;height:2.5rem;font-size:.875rem}.avatar-lg{width:3.5rem;height:3.5rem;font-size:1.125rem}.avatar-xl{width:5rem;height:5rem;font-size:1.5rem}.avatar-bordered{border:2px solid white;box-shadow:0 2px 4px #0000001a}.avatar-group{display:flex}.avatar-group .avatar{margin-left:-.5rem;border:2px solid white}.avatar-group .avatar:first-child{margin-left:0}@media(max-width:640px){.avatar-xl{width:4rem;height:4rem;font-size:1.25rem}.avatar-lg{width:3rem;height:3rem;font-size:1rem}.avatar-md{width:2.25rem;height:2.25rem;font-size:.8125rem}}@media(max-width:375px){.avatar-xl{width:3.5rem;height:3.5rem;font-size:1.125rem}.avatar-lg{width:2.5rem;height:2.5rem;font-size:.875rem}}@media(max-width:640px){button,.btn,.icon-btn,a.nav-item,.tab-btn{min-height:44px;min-width:44px}input,textarea,select{min-height:48px;font-size:16px!important;padding:12px 16px}.main-content{padding:1rem}.btn-primary,.btn-secondary,.btn-danger{width:100%;justify-content:center}.app-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.page-title{font-size:1.5rem}.header-actions{width:100%;justify-content:space-between}.page-subtitle{font-size:.8125rem}.user-profile{padding-left:0;border-left:none;border-top:1px solid var(--border);padding-top:.75rem}.user-name{font-size:.875rem}.user-email{font-size:.75rem}}@media(max-width:768px){.sidebar{position:fixed;left:-100%;width:280px;z-index:1000;transition:left .3s ease;box-shadow:4px 0 20px #00000026}.sidebar.mobile-open{left:0}.sidebar-collapse-toggle{display:none!important}.mobile-menu-button{display:flex!important;position:fixed;top:1rem;left:1rem;z-index:999;width:44px;height:44px;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border);align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000001a}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-overlay.active{opacity:1;visibility:visible}.main-content{margin-left:0;width:100%;padding:4rem 1rem 1rem}}@media(min-width:769px){.mobile-menu-button{display:none!important}}@media(max-width:640px){.header{padding:.75rem 1rem;flex-wrap:wrap;gap:.75rem}.header-search-container{width:100%;order:3}.header-search-input{width:100%}.header-actions{gap:.5rem}.header-user-info{display:none}}@media(max-width:640px){.employees-container{padding:0}.employees-header{flex-direction:column;gap:1rem;padding:0 .5rem}.employees-search-wrapper,.employees-search-input{width:100%}.employees-header .flex{width:100%;justify-content:space-between}.employees-header .btn{flex:1}.employees-header .btn span{display:none}.employees-controls{flex-direction:column;gap:.75rem;padding:0 .5rem}.employees-results{padding:0 .5rem}.employees-grid{grid-template-columns:1fr!important;gap:.875rem;padding:0 .5rem}.employee-card{padding:1rem}.employee-card-header{flex-wrap:wrap;gap:.75rem}.employee-info{flex:1;min-width:0}.employee-avatar,.avatar-lg{width:48px!important;height:48px!important;font-size:1rem!important}.employee-details h3{font-size:1rem}.employee-details p{font-size:.8125rem}.employee-status-badge{font-size:.6875rem;padding:.25rem .5rem}.employee-meta{font-size:.8125rem}.employee-actions{flex-wrap:wrap;gap:.5rem}.employee-action-btn{flex:1;min-width:calc(50% - .25rem);font-size:.8125rem;padding:.5rem .75rem;justify-content:center}}@media(max-width:768px){.tasks-container{padding:.5rem}.tasks-header{flex-direction:column;gap:1rem;align-items:stretch}.tasks-header h1{font-size:1.5rem}.tasks-toolbar{flex-direction:column;gap:.75rem}.tasks-search{width:100%}.tasks-filters{width:100%;flex-wrap:wrap;gap:.5rem}.filter-group{flex:1;min-width:calc(50% - .25rem)}.filter-group select{width:100%}.view-toggle{width:100%;justify-content:center}.tasks-board{display:none!important}.tasks-list{display:block!important}.task-card{padding:.875rem}.card-title{font-size:.9375rem}.card-desc{font-size:.8125rem}.card-footer{font-size:.75rem}.card-assignee{width:28px;height:28px;font-size:.625rem}.tasks-stats{grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-card{padding:.75rem}.stat-card h3{font-size:1.25rem}.stat-card p{font-size:.6875rem}}@media(max-width:768px){.analytics-container{padding:.5rem}.analytics-header{flex-direction:column;gap:1rem}.analytics-grid{grid-template-columns:1fr;gap:1rem}.chart-container{min-height:250px;padding:.75rem}.metric-card{padding:1rem}.metric-value{font-size:1.5rem}.metric-label{font-size:.75rem}}@media(max-width:640px){.calendar-container{padding:.5rem}.calendar-header{flex-direction:column;align-items:stretch;gap:.75rem}.calendar-nav{width:100%;justify-content:space-between}.calendar-title{font-size:1.125rem}.calendar-view-toggle{width:100%}.calendar-grid{gap:1px}.calendar-day{padding:.25rem;font-size:.75rem;min-height:50px}.calendar-day-num{font-size:.75rem}.calendar-weekday{font-size:.625rem;padding:.375rem .25rem}.event-dot{width:4px;height:4px}}@media(max-width:768px){.reports-container{padding:.5rem}.reports-header{flex-direction:column;gap:1rem}.reports-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}.reports-filters{flex-direction:column;gap:.75rem}.reports-filter-group{width:100%}.reports-summary-grid{grid-template-columns:1fr;gap:.75rem}.reports-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.reports-table{font-size:.8125rem}.reports-table th,.reports-table td{padding:.625rem .5rem;white-space:nowrap}}@media(max-width:640px){.modal-overlay{padding:0;align-items:flex-end}.modal-content{position:fixed;left:0;right:0;bottom:0;top:auto;transform:none;max-width:100%;width:100%;min-height:80vh;max-height:95vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;overflow-y:auto}.modal-header{padding:1rem;position:sticky;top:0;background:var(--bg-surface);z-index:10;border-bottom:1px solid var(--border)}.modal-title{font-size:1.125rem}.modal-subtitle{font-size:.75rem}.modal-body{padding:1rem}.modal-footer{padding:1rem;position:sticky;bottom:0;background:var(--bg-surface);border-top:1px solid var(--border);flex-direction:column-reverse;gap:.75rem}.modal-footer .btn{width:100%}.avatar-preview-section{padding:1rem;margin-bottom:1rem}.avatar-preview-section .avatar-xl{width:4rem!important;height:4rem!important;font-size:1.25rem!important}}@media(max-width:640px){.form-grid{grid-template-columns:1fr;gap:1rem}.form-group{margin-bottom:0}.form-label{font-size:.875rem;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{font-size:16px!important;padding:.75rem;border-radius:var(--radius-md)}.form-actions{flex-direction:column-reverse;gap:.75rem}.form-actions .btn{width:100%}}@media(max-width:768px){.settings-layout{flex-direction:column}.settings-tabs{border-right:none;border-bottom:1px solid var(--border);flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.5rem}.settings-tab{flex-direction:row;padding:.75rem 1rem;white-space:nowrap}.settings-content{padding:1rem}.settings-section-grid{grid-template-columns:1fr}.settings-profile-header{flex-direction:column;text-align:center}}@media(max-width:640px){.toast{left:.5rem;right:.5rem;bottom:.5rem;width:auto}.toast-message{font-size:.875rem}}@media(max-width:768px){.leave-container{padding:.5rem}.leave-header{flex-direction:column;gap:1rem}.leave-stats{grid-template-columns:repeat(2,1fr);gap:.5rem}.leave-stat-card{padding:.75rem}.leave-requests-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:640px){.time-tracking-container{padding:.5rem}.time-tracking-header{flex-direction:column;gap:1rem}.time-clock-card{padding:1.5rem 1rem}.time-display{font-size:2.5rem}.time-entries-list{gap:.5rem}}@media(max-width:640px){.filter-panel{flex-direction:column;gap:.75rem}.filter-group,.filter-group select{width:100%}}@media(max-width:640px){.bulk-action-toolbar{flex-direction:column;gap:.75rem;padding:.75rem}.bulk-actions{width:100%;flex-wrap:wrap;gap:.5rem}.bulk-actions .btn{flex:1;min-width:calc(50% - .25rem)}}@media(max-width:640px){.mobile-only{display:block!important}.mobile-hidden,.desktop-only{display:none!important}.mobile-full-width{width:100%!important}.mobile-text-center{text-align:center!important}.mobile-stack{flex-direction:column!important}.mobile-gap-sm{gap:.5rem!important}.btn-icon-only span{display:none}}@media(min-width:641px){.mobile-only{display:none!important}.desktop-only{display:block!important}}@media(hover:none)and (pointer:coarse){.nav-item:active,.employee-card:active,.task-card:active{transform:scale(.98);opacity:.9}button:active,.btn:active,.employee-action-btn:active,.emp-detail__btn:active{transform:none;opacity:1}a{padding:.25rem;margin:-.25rem}.card:hover,.employee-card:hover,.stat-card:hover,.task-card:hover{transform:none}}@media(max-width:896px)and (orientation:landscape){.sidebar{max-height:100vh}.modal-content{max-height:90vh;min-height:auto}.tasks-stats{grid-template-columns:repeat(4,1fr)}}@supports (padding-top: env(safe-area-inset-top)){@media(max-width:768px){.app-container{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.sidebar.mobile-open{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.mobile-menu-button{top:calc(1rem + env(safe-area-inset-top));left:calc(1rem + env(safe-area-inset-left))}.modal-content{padding-bottom:env(safe-area-inset-bottom)}}}@media(max-width:375px){.main-content{padding:3.5rem .75rem .75rem}.page-title,h1{font-size:1.25rem!important}.employee-avatar,.avatar-lg{width:40px!important;height:40px!important;font-size:.875rem!important}.stat-card{padding:.625rem}.stat-card h3{font-size:1.125rem}.btn{padding:.5rem .75rem;font-size:.8125rem}.tasks-stats{grid-template-columns:1fr 1fr}}@media print{.mobile-menu-button,.sidebar-collapse-toggle,.sidebar,.header-actions,.employee-detail-actions,.copy-btn,.bulk-action-toolbar,.view-toggle{display:none!important}.main-content{padding:0;margin:0}.card{break-inside:avoid;page-break-inside:avoid}}