:root{--sidebar-width:240px;--sidebar-width-collapsed:78px;--sidebar-transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.sidebar{background:var(--color-bg-secondary);height:100%;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--sidebar-transition);width:240px;width:var(--sidebar-width);z-index:100}.sidebar.collapsed{width:78px;width:var(--sidebar-width-collapsed)}.sidebar-top{display:flex;flex:1 1;flex-direction:column;min-height:0;padding:20px 0 0}.sidebar-header{gap:12px;min-height:60px;padding:0 24px 28px}.sidebar.collapsed .sidebar-header{padding:0 0 28px}.sidebar-logo-icon{align-items:center;color:var(--color-accent);display:flex;justify-content:center}.sidebar-logo-text{font-size:22px;font-weight:700;letter-spacing:-.5px}.sidebar.collapsed .sidebar-logo-text{display:none}.nav-menu{display:flex;flex-direction:column;gap:4px;padding:0 12px}.nav-menu li{margin:0;padding:0}.nav-link{border-radius:10px;box-sizing:border-box;font-size:14px;font-weight:500;gap:12px;height:46px;padding:12px 16px;position:relative;transition:all .2s ease}.nav-link:hover{background:var(--color-hover)}.nav-link.active{background:linear-gradient(135deg,var(--color-accent) 0,#6366f1 100%);box-shadow:0 4px 12px #3b82f64d}.nav-icon{align-items:center;display:flex;justify-content:center;min-width:24px;transition:color .2s ease}.nav-link span{opacity:1;transition:opacity .2s ease;white-space:nowrap}.sidebar.collapsed .nav-link span{display:none}.nav-divider{background:var(--color-border);height:1px;margin:16px 20px}.sidebar.collapsed .nav-divider{margin:16px 12px}.nav-menu-footer{margin-top:16px;padding-bottom:8px}.sidebar-bottom{margin-top:auto;padding:12px}.sidebar.collapsed .sidebar-bottom{padding:12px 8px}.user-profile-button{background:#0000;border:1px solid #0000;border-radius:12px;color:var(--color-text-primary);gap:12px;padding:10px 12px;transition:all .2s ease;width:100%}.user-profile-button:hover{background:var(--color-hover);border-color:var(--color-border)}.sidebar.collapsed .user-profile-button{padding:10px}.user-avatar{background:linear-gradient(135deg,var(--color-accent) 0,#8b5cf6 100%);border-radius:12px;box-shadow:0 2px 8px #3b82f640;flex-shrink:0;font-size:16px}.sidebar.collapsed .user-info{display:none}.user-name{font-weight:600;overflow:hidden;text-overflow:ellipsis}.user-name,.user-role{white-space:nowrap}.profile-menu{animation:slideUpFade .2s ease-out;background:var(--color-bg-secondary);border-radius:16px;bottom:80px;box-shadow:0 12px 40px #00000040;left:250px;position:fixed;width:280px;z-index:9999}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-menu.collapsed-mode{left:88px}.menu-divider{background:var(--color-border);height:1px;margin:8px 0}.nav-link-button{border-radius:10px;gap:12px;padding:12px 14px;transition:all .2s ease}.nav-link-button:hover{background:var(--color-hover)}.nav-link-button .nav-icon{flex-shrink:0;font-size:18px}.nav-link-button span{flex:1 1}.nav-link-button .chevron-icon{color:var(--color-text-dim);font-size:14px;opacity:0;transition:all .2s ease}.nav-link-button:hover .chevron-icon{opacity:1;transform:translateX(4px)}.nav-link-button.logout-btn{color:#ef4444}.nav-link-button.logout-btn:hover{background:#ef44441a;color:#ef4444}.theme-switch-wrapper{color:var(--color-text-primary);padding:14px}.theme-label{align-items:center;display:flex;font-weight:500;gap:10px}.theme-icon{color:var(--color-accent);font-size:18px}.theme-switch{height:26px;width:48px}.slider{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:26px;transition:.3s ease}.slider:before{background:var(--color-accent);box-shadow:0 2px 4px #0003;height:18px;transition:.3s ease;width:18px}input:checked+.slider{background:linear-gradient(135deg,var(--color-accent) 0,#8b5cf6 100%);border-color:#0000}input:checked+.slider:before{background:#fff;transform:translateX(22px)}@media (max-width:1024px){.profile-menu{bottom:100px;left:20px;right:20px;width:auto}}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.mobile-open{transform:translateX(0)}}.client-overview{margin:0 auto;max-width:1400px;padding:32px}.overview-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.header-left h1{font-size:32px;letter-spacing:-.5px;margin:0 0 8px}.header-subtitle{color:var(--color-text-secondary);font-size:15px;margin:0}.date-display{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;font-size:14px;gap:8px;padding:10px 16px}.date-display,.overview-loading{align-items:center;color:var(--color-text-secondary);display:flex}.overview-loading{flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{margin-bottom:16px}.kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}@media (max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{align-items:flex-start;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;display:flex;gap:16px;padding:24px;transition:all .3s ease}.kpi-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.kpi-card.highlight{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none}.kpi-card.highlight .kpi-label,.kpi-card.highlight .kpi-trend,.kpi-card.highlight .kpi-value{color:#fff!important}.kpi-card.highlight .kpi-icon-wrapper{background:#fff3;color:#fff}.kpi-icon-wrapper{align-items:center;border-radius:14px;display:flex;flex-shrink:0;font-size:24px;height:52px;justify-content:center;width:52px}.kpi-icon-wrapper.revenue{background:#10b9811a;color:#10b981}.kpi-icon-wrapper.expenses{background:#ef44441a;color:#ef4444}.kpi-icon-wrapper.payroll{background:#f59e0b1a;color:#f59e0b}.kpi-icon-wrapper.profit{background:#3b82f61a;color:#3b82f6}.kpi-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.kpi-label{color:var(--color-text-secondary);font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.kpi-value{color:var(--color-text-primary);font-size:28px;font-weight:700;letter-spacing:-.5px}.kpi-trend{align-items:center;color:var(--color-text-dim);display:flex;font-size:13px;gap:4px;margin-top:4px}.kpi-trend.positive{color:#10b981}.kpi-trend.negative{color:#ef4444}.metrics-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}@media (max-width:1200px){.metrics-row{grid-template-columns:1fr 1fr}}@media (max-width:768px){.metrics-row{grid-template-columns:1fr}}.metric-card.highlight-subtle{background:linear-gradient(135deg,#3b82f60d 0,var(--color-bg-secondary) 100%);border:1px solid #3b82f64d}.metric-header{border-bottom:1px solid var(--color-border);padding:18px 20px}.metric-header h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:15px;font-weight:600;gap:10px;margin:0}.metric-header h3 svg{color:var(--color-accent)}.metric-body{padding:16px 20px}.stat-item{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:12px 0}.stat-item:last-child{border-bottom:none}.stat-label{font-size:14px}.stat-value{font-size:15px;font-weight:600}.stat-value.warning{color:#f59e0b}.calculation-row{align-items:center;display:flex;font-size:14px;justify-content:space-between;padding:10px 0}.calculation-row span:first-child{color:var(--color-text-secondary)}.calculation-row .positive{color:#10b981;font-weight:500}.calculation-row .negative{color:#ef4444;font-weight:500}.calculation-divider{background:var(--color-border);height:1px;margin:12px 0}.calculation-row.total{padding-top:12px}.calculation-row.total span:first-child{color:var(--color-text-primary);font-weight:600}.calculation-row.total span:last-child{font-size:18px;font-weight:700}.empty-state-mini{color:var(--color-text-dim);font-size:14px;padding:24px;text-align:center}.activity-section{margin-top:32px}.section-header h2{color:var(--color-text-primary);font-size:20px;font-weight:600;margin:0}.quick-actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.quick-actions-grid{grid-template-columns:1fr}}.quick-action-card{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:14px;display:flex;flex-direction:column;gap:12px;padding:24px;text-decoration:none;transition:all .3s ease}.quick-action-card:hover{border-color:var(--color-accent);box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.quick-action-card .action-icon{border-radius:12px;font-size:28px;padding:14px}.quick-action-card .action-icon.revenue{background:#10b9811a;color:#10b981}.quick-action-card .action-icon.expenses{background:#ef44441a;color:#ef4444}.quick-action-card .action-icon.payroll{background:#f59e0b1a;color:#f59e0b}.quick-action-card .action-icon.employees{background:#3b82f61a;color:#3b82f6}.quick-action-card span{color:var(--color-text-primary);font-size:14px;font-weight:500}.revenue-page{background-color:#f8fafc;background-color:var(--color-bg-primary,#f8fafc);display:flex;min-height:100vh;overflow:hidden;position:relative}.revenue-page.panel-open .revenue-main{margin-right:0}.notification-toast{animation:slideInRight .3s ease-out;background:#fff;box-shadow:0 10px 40px #00000026;z-index:10000}.notification-toast.success{border-left:4px solid #10b981}.notification-toast.error{border-left:4px solid #ef4444}.notification-toast svg{font-size:20px}.notification-toast span{color:#1e293b;color:var(--color-text-primary,#1e293b)}.notification-toast button{color:#94a3b8;color:var(--color-text-muted,#94a3b8)}.revenue-main{flex:1 1;overflow-y:auto;padding:32px;transition:margin-right .3s cubic-bezier(.4,0,.2,1)}.page-header{flex-wrap:wrap;gap:16px}.header-left h1{color:#1e293b;color:var(--color-text-primary,#1e293b)}.header-left h1 .header-icon{color:#063;color:var(--color-accent,#063);font-size:28px}.header-left p{color:#64748b;color:var(--color-text-muted,#64748b);font-size:14px}.btn-icon,.header-actions{align-items:center}.btn-icon{background:#fff;background:var(--color-bg-card,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:10px;color:#475569;color:var(--color-text-secondary,#475569);cursor:pointer;display:flex;height:42px;justify-content:center;transition:all .2s ease;width:42px}.btn-icon:hover{background:#f1f5f9;background:var(--color-bg-secondary,#f1f5f9);color:#063;color:var(--color-accent,#063)}.btn-primary{background:linear-gradient(135deg,#063,#004d26);background:linear-gradient(135deg,var(--color-accent,#063) 0,#004d26 100%);box-shadow:0 4px 12px #00663340}.btn-primary:hover{box-shadow:0 6px 20px #00663359;transform:translateY(-2px)}.btn-secondary{background:#fff;background:var(--color-bg-card,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);color:#1e293b;color:var(--color-text-primary,#1e293b);font-weight:600}.btn-secondary:hover{background:#f1f5f9;background:var(--color-bg-secondary,#f1f5f9);border-color:#063;border-color:var(--color-accent,#063)}.stat-card{background:#fff;background:var(--color-bg-card,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);box-shadow:0 2px 12px #0000000a}.stat-card:hover{box-shadow:0 8px 24px #00000014}.stat-icon{height:52px;width:52px}.stat-card.total .stat-icon{background:linear-gradient(135deg,#10b98126,#10b9810d);color:#10b981}.stat-card.count .stat-icon{background:linear-gradient(135deg,#3b82f626,#3b82f60d);color:#3b82f6}.stat-card.average .stat-icon{background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);color:#8b5cf6}.stat-card.recurring .stat-icon{background:linear-gradient(135deg,#ec489926,#ec48990d);color:#ec4899}.stat-value{color:#1e293b;color:var(--color-text-primary,#1e293b);font-size:24px}.stat-label{color:#64748b;color:var(--color-text-muted,#64748b);margin-top:2px}.filters-bar{align-items:center}.search-box .search-icon{color:#94a3b8;color:var(--color-text-muted,#94a3b8)}.search-box input{background:#fff;background:var(--color-bg-card,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:12px;color:#1e293b;color:var(--color-text-primary,#1e293b);padding:14px 16px 14px 48px}.search-box input:focus{border-color:#063;border-color:var(--color-accent,#063);box-shadow:0 0 0 4px #0066331a}.filter-group{background:#fff;background:var(--color-bg-card,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:12px;gap:10px;height:48px;padding:0 16px}.filter-group svg{color:#94a3b8;color:var(--color-text-muted,#94a3b8);font-size:18px}.filter-group select{background:#0000;border:none;color:#1e293b;color:var(--color-text-primary,#1e293b);padding-right:20px}.filter-group select:focus{outline:none}.table-container{background:#fff;background:var(--color-bg-card,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);box-shadow:0 2px 12px #0000000a}.table-container table{border-collapse:collapse;width:100%}.table-container th{background:#f8fafc;background:var(--color-bg-secondary,#f8fafc);color:#64748b;color:var(--color-text-muted,#64748b);font-size:12px;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.table-container td,.table-container th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border,#e2e8f0);padding:16px 20px}.table-container td{vertical-align:middle}.table-container tbody tr{transition:background-color .15s ease}.table-container tbody tr:hover{background-color:#00663305;background-color:var(--color-bg-hover,#00663305)}.table-container tbody tr:last-child td{border-bottom:none}.date-cell{gap:10px}.date-cell,.date-day{align-items:center;display:flex}.date-day{background:linear-gradient(135deg,#063,#004d26);background:linear-gradient(135deg,var(--color-accent,#063) 0,#004d26 100%);border-radius:10px;color:#fff;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.date-info{display:flex;flex-direction:column}.date-month{color:#1e293b;color:var(--color-text-primary,#1e293b);font-size:13px;font-weight:600}.date-year{color:#94a3b8;color:var(--color-text-muted,#94a3b8);font-size:11px}.description-cell{display:flex;flex-direction:column;gap:4px}.description-main{color:#1e293b;color:var(--color-text-primary,#1e293b);font-weight:500}.description-client,.description-sub{color:#94a3b8;color:var(--color-text-muted,#94a3b8);font-size:12px}.category-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px}.category-badge svg{font-size:12px}.amount-cell{display:flex;flex-direction:column;gap:4px}.amount-value{color:#10b981;font-size:15px;font-weight:700}.recurring-badge{align-items:center;background:#f1f5f9;background:var(--color-bg-secondary,#f1f5f9);border-radius:4px;color:#94a3b8;color:var(--color-text-muted,#94a3b8);display:inline-flex;font-size:11px;gap:4px;padding:3px 8px}.recurring-badge svg{font-size:10px}.payment-method{font-size:13px}.action-btn,.payment-method{color:#475569;color:var(--color-text-secondary,#475569)}.action-btn{background:#f1f5f9;background:var(--color-bg-secondary,#f1f5f9)}.action-btn:hover{transform:scale(1.1)}.action-btn.edit:hover{background:#3b82f626}.action-btn.duplicate:hover{background:#8b5cf626;color:#8b5cf6}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-top-color:#063;border:3px solid var(--color-border,#e2e8f0);border-top-color:var(--color-accent,#063);margin:0 auto 16px}.empty-state{gap:12px}.empty-icon{color:#94a3b8;color:var(--color-text-muted,#94a3b8);opacity:.5}.empty-state h3{color:#1e293b;color:var(--color-text-primary,#1e293b);font-size:18px;margin:0}.empty-state p{color:#64748b;color:var(--color-text-muted,#64748b);font-size:14px}.revenue-panel{background:#fff;background:var(--color-bg-card,#fff);box-shadow:-10px 0 50px #00000026;display:flex;flex-direction:column;height:100vh;position:fixed;right:-480px;top:0;transition:right .3s cubic-bezier(.4,0,.2,1);width:480px;z-index:1000}.revenue-panel.open{right:0}.panel-header{background:linear-gradient(135deg,#063,#004d26);background:linear-gradient(135deg,var(--color-accent,#063) 0,#004d26 100%);color:#fff;justify-content:space-between;padding:24px 28px}.panel-header,.panel-title{align-items:center;display:flex}.panel-title{gap:16px}.panel-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.panel-title h2{font-size:20px;font-weight:700;margin:0 0 4px}.panel-title p{font-size:13px;margin:0;opacity:.85}.panel-close{align-items:center;background:#ffffff26;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.panel-close:hover{background:#ffffff40;transform:rotate(90deg)}.panel-form{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.panel-body{flex:1 1;overflow-y:auto;padding:24px 28px}.quick-amounts{margin-bottom:24px}.quick-amounts label{color:#64748b;color:var(--color-text-muted,#64748b);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.quick-amount-btns{display:flex;flex-wrap:wrap;gap:8px}.quick-amt-btn{background:#f8fafc;background:var(--color-bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;color:#475569;color:var(--color-text-secondary,#475569);cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .2s ease}.quick-amt-btn:hover{color:#063;color:var(--color-accent,#063)}.quick-amt-btn.active,.quick-amt-btn:hover{border-color:#063;border-color:var(--color-accent,#063)}.quick-amt-btn.active{background:#063;background:var(--color-accent,#063);color:#fff}.form-group label{color:#1e293b;color:var(--color-text-primary,#1e293b);font-weight:600;gap:6px}.form-group label svg{color:#94a3b8;color:var(--color-text-muted,#94a3b8);font-size:14px}.required{color:#ef4444}.form-group input,.form-group select,.form-group textarea{background:#f8fafc;background:var(--color-bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);color:#1e293b;color:var(--color-text-primary,#1e293b);padding:12px 14px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#063;border-color:var(--color-accent,#063);box-shadow:0 0 0 4px #0066331a}.amount-group .amount-input-wrapper,.tax-input-wrapper{position:relative}.currency-symbol{color:#94a3b8;color:var(--color-text-muted,#94a3b8);font-size:18px;font-weight:600;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.amount-input,.tax-input-wrapper input{font-size:24px!important;font-weight:700!important;height:56px;padding-left:36px!important}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.recurring-options{display:flex;flex-wrap:wrap;gap:8px}.recurring-btn{background:#f8fafc;background:var(--color-bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;color:#475569;color:var(--color-text-secondary,#475569);cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:all .2s ease}.recurring-btn.active,.recurring-btn:hover{border-color:#063;border-color:var(--color-accent,#063);color:#063;color:var(--color-accent,#063)}.recurring-btn.active{background:#0066331a}.panel-footer{background:#f8fafc;background:var(--color-bg-secondary,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border,#e2e8f0);display:flex;gap:12px;padding:20px 28px}.panel-footer .btn-cancel{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:10px;color:#1e293b;color:var(--color-text-primary,#1e293b);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:14px 20px;transition:all .2s ease}.panel-footer .btn-cancel:hover{background:#f1f5f9;background:var(--color-bg-secondary,#f1f5f9)}.panel-footer .btn-submit{align-items:center;background:linear-gradient(135deg,#063,#004d26);background:linear-gradient(135deg,var(--color-accent,#063) 0,#004d26 100%);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:2 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s ease}.panel-footer .btn-submit:hover{box-shadow:0 6px 20px #00663359;transform:translateY(-2px)}.panel-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.modal-overlay{animation:fadeIn .2s ease-out;background:#0009;z-index:10001}.delete-modal{animation:modalSlideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 80px #00000040;max-width:400px;overflow:hidden;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.delete-modal-header{background:linear-gradient(135deg,#ef44441a,#ef44440d);padding:32px 28px 24px;text-align:center}.delete-icon{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;color:#fff;display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.delete-modal-header h3{color:#1e293b;color:var(--color-text-primary,#1e293b);font-size:20px;font-weight:700;margin:0 0 4px}.delete-modal-header p{color:#94a3b8;color:var(--color-text-muted,#94a3b8);font-size:13px;margin:0}.delete-modal-body{padding:24px 28px;text-align:center}.delete-modal-body p{color:#475569;color:var(--color-text-secondary,#475569);font-size:14px;margin:0 0 12px}.delete-amount{background:#ef44441a;border-radius:8px;color:#ef4444;display:inline-block;font-size:18px;font-weight:700;padding:8px 16px}.delete-modal-footer{display:flex;gap:12px;padding:20px 28px 28px}.delete-modal-footer .btn-cancel{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:10px;color:#1e293b;color:var(--color-text-primary,#1e293b);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:14px 20px;transition:all .2s ease}.delete-modal-footer .btn-cancel:hover{background:#f1f5f9;background:var(--color-bg-secondary,#f1f5f9)}.delete-modal-footer .btn-danger{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s ease}.delete-modal-footer .btn-danger:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.revenue-panel{max-width:420px;width:100%}.panel-overlay{display:block}}@media (max-width:768px){.revenue-main{padding:20px}.page-header{align-items:flex-start;flex-direction:column}.header-actions{justify-content:flex-end;width:100%}.stats-grid{grid-template-columns:1fr}.filters-bar{align-items:stretch;flex-direction:column}.search-box{min-width:0;min-width:auto}.form-row{grid-template-columns:1fr}.table-container{overflow-x:auto}.table-container table{min-width:700px}}@media (max-width:480px){.revenue-panel{max-width:100%}.panel-body{padding:20px}.panel-footer{flex-direction:column;padding:16px 20px}.panel-footer .btn-cancel,.panel-footer .btn-submit{flex:initial;width:100%}.quick-amt-btn{font-size:12px;padding:6px 10px}}.danger-button{background-color:#dc3545;color:#fff}.danger-button:hover{background-color:#c82333}.secondary-button{background-color:#6c757d;color:#fff;margin-right:10px}.client-expenses{margin:0 auto;max-width:1200px;padding:32px}.summary-banner.expense{background:linear-gradient(135deg,#ef44441a,#f973161a);border:1px solid #ef444433}.summary-icon.expense{background:linear-gradient(135deg,#ef4444,#dc2626)}.summary-value.expense{color:#ef4444}.category-breakdown{margin-bottom:24px}.category-breakdown h3{color:var(--color-text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.breakdown-pills{display:flex;flex-wrap:wrap;gap:10px}.breakdown-pill{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-left-width:3px;border-radius:10px;cursor:pointer;display:flex;gap:8px;padding:10px 14px;transition:all .2s ease}.breakdown-pill:hover{background:var(--color-hover);transform:translateY(-1px)}.pill-dot{border-radius:50%;height:8px;width:8px}.pill-label{color:var(--color-text-secondary);font-size:13px}.pill-amount{color:var(--color-text-primary);font-size:13px;font-weight:600}.vendor-text{color:var(--color-text-secondary);font-size:14px}.amount-negative{font-feature-settings:"tnum";color:#ef4444;font-variant-numeric:tabular-nums;font-weight:600}.category-badge{border-radius:6px;display:inline-block;font-size:13px;font-weight:500;padding:6px 12px}.expense-modal{max-width:560px}.expense-modal .form-group textarea{background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-family:inherit;font-size:14px;padding:12px 14px;resize:vertical;width:100%}@media (max-width:768px){.client-expenses{padding:20px}.page-header{flex-direction:column;gap:16px}.header-actions{width:100%}.header-actions .btn-primary,.header-actions .btn-secondary{flex:1 1;justify-content:center}.breakdown-pills{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.breakdown-pill{flex-shrink:0}}.profile-page{margin:0 auto;max-width:800px;padding:32px}.profile-page .page-header{margin-bottom:32px;text-align:center}.profile-page .page-header h1{color:var(--color-text-primary);font-size:28px;font-weight:700;margin:0 0 6px}.profile-page .page-header p{color:var(--color-text-secondary);font-size:15px;margin:0}.profile-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (max-width:600px){.profile-cards-grid{grid-template-columns:1fr}}.profile-quick-card{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .2s ease}.profile-quick-card:hover{background:var(--color-hover);border-color:var(--color-accent);box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.quick-card-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:22px;height:48px;justify-content:center;width:48px}.quick-card-icon.profile{background:linear-gradient(135deg,var(--color-accent) 0,#6366f1 100%);color:#fff}.quick-card-icon.security{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.quick-card-icon.appearance{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.quick-card-icon.info{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.quick-card-content{flex:1 1;min-width:0}.quick-card-content h3{color:var(--color-text-primary);font-size:15px;font-weight:600;margin:0 0 4px}.quick-card-content p{color:var(--color-text-secondary);font-size:13px;margin:0}.quick-card-arrow{color:var(--color-text-dim);flex-shrink:0;font-size:16px}.profile-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.profile-modal-container{animation:slideUp .3s ease;background:var(--color-bg-secondary);border-radius:20px;box-shadow:0 24px 48px #0000004d;max-width:440px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-modal-header{align-items:center;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);display:flex;gap:14px;padding:20px}.modal-header-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.modal-header-icon.profile{background:linear-gradient(135deg,var(--color-accent) 0,#6366f1 100%);color:#fff}.modal-header-icon.security{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.modal-header-icon.appearance{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.modal-header-icon.info{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.modal-header-text{flex:1 1}.modal-header-text h2{color:var(--color-text-primary);font-size:17px;font-weight:600;margin:0 0 2px}.modal-header-text p{color:var(--color-text-secondary);font-size:13px;margin:0}.modal-close-btn{font-size:18px}.profile-modal-body{padding:20px}.profile-modal-body .form-group{margin-bottom:16px}.profile-modal-body .form-group:last-of-type{margin-bottom:0}.profile-modal-body .form-group label{color:var(--color-text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:8px}.profile-modal-body .form-group input{background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);font-size:14px;padding:12px 14px;transition:all .2s ease;width:100%}.profile-modal-body .form-group input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f626;outline:none}.profile-modal-body .form-group input.disabled-input{background:var(--color-hover);color:var(--color-text-secondary);cursor:not-allowed}.input-with-badge{position:relative}.input-badge{align-items:center;border-radius:6px;display:flex;font-size:11px;gap:4px;padding:4px 8px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.input-badge.verified{background:#10b9811a;color:#10b981}.form-hint{color:var(--color-text-dim);display:block;font-size:12px;margin-top:6px}.profile-modal-footer{border-top:1px solid var(--color-border);display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:16px}.btn-cancel{background:var(--color-bg-tertiary);color:var(--color-text-secondary);padding:10px 18px}.btn-cancel:hover{color:var(--color-text-primary)}.profile-modal-footer .btn-primary{align-items:center;background:linear-gradient(135deg,var(--color-accent) 0,#6366f1 100%);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin:0;padding:10px 18px;transition:all .2s ease;width:auto}.profile-modal-footer .btn-primary:hover:not(:disabled){box-shadow:0 4px 16px #3b82f666;transform:translateY(-1px)}.profile-modal-footer .btn-primary:disabled{cursor:not-allowed;opacity:.6}.security-actions-list{display:flex;flex-direction:column;gap:10px}.security-action-item{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:12px;cursor:pointer;display:flex;gap:14px;padding:14px 16px;text-align:left;transition:all .2s ease;width:100%}.security-action-item:hover{background:var(--color-hover);border-color:var(--color-accent)}.security-action-item .action-icon{align-items:center;background:#3b82f61a;border-radius:10px;color:var(--color-accent);display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.security-action-item .action-content{flex:1 1}.security-action-item .action-title{color:var(--color-text-primary);display:block;font-size:14px;font-weight:500}.security-action-item .action-desc{color:var(--color-text-dim);display:block;font-size:12px;margin-top:2px}.error-message{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:#ef4444;display:flex;font-size:13px;gap:8px;margin-top:12px;padding:12px 14px}.theme-selector-popup{display:flex;gap:12px}.theme-option-btn{align-items:center;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:14px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:10px;padding:24px 16px;position:relative;transition:all .2s ease}.theme-option-btn:hover{border-color:var(--color-text-dim)}.theme-option-btn.active{background:#3b82f60d;border-color:var(--color-accent)}.theme-option-btn .theme-icon{align-items:center;background:var(--color-hover);border-radius:12px;color:var(--color-text-secondary);display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.theme-option-btn.active .theme-icon{background:#3b82f626;color:var(--color-accent)}.theme-option-btn .theme-label{color:var(--color-text-secondary);font-size:14px;font-weight:500}.theme-option-btn.active .theme-label{color:var(--color-accent)}.theme-option-btn .theme-check{align-items:center;background:var(--color-accent);border-radius:50%;color:#fff;display:flex;font-size:12px;height:22px;justify-content:center;position:absolute;right:10px;top:10px;width:22px}.account-info-list{display:flex;flex-direction:column;gap:14px}.info-row{align-items:center;background:var(--color-bg-tertiary);border-radius:10px;display:flex;justify-content:space-between;padding:12px 14px}.info-row .info-label{color:var(--color-text-secondary);font-size:13px;font-weight:500}.info-row .info-value{color:var(--color-text-primary);font-family:monospace;font-size:13px}.settings-page{margin:0 auto;max-width:1400px;padding:32px}.settings-page .page-header{margin-bottom:32px}.settings-page .page-header h1{color:var(--color-text-primary);font-size:28px;font-weight:700;margin:0 0 6px}.settings-page .page-header p{color:var(--color-text-secondary);font-size:15px;margin:0}.restricted-message{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:80px 40px;text-align:center}.restricted-icon{color:var(--color-text-dim);font-size:56px;margin-bottom:20px}.restricted-message h3{color:var(--color-text-primary);font-size:20px;margin:0 0 8px}.restricted-message p{color:var(--color-text-secondary);margin:0}.settings-layout{display:flex;gap:24px;min-height:600px}@media (max-width:900px){.settings-layout{flex-direction:column}}.settings-nav{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;display:flex;flex-direction:column;flex-shrink:0;gap:6px;height:-webkit-fit-content;height:fit-content;padding:12px;width:240px}@media (max-width:900px){.settings-nav{flex-direction:row;overflow-x:auto;padding:8px;width:100%}}.nav-item{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:14px 16px;text-align:left;transition:all .2s ease}.nav-item:hover{background:var(--color-hover);color:var(--color-text-primary)}.nav-item.active{background:linear-gradient(135deg,var(--color-accent) 0,#6366f1 100%);color:#fff}.nav-item svg{flex-shrink:0;font-size:18px}@media (max-width:900px){.nav-item{padding:12px 16px;white-space:nowrap}}.settings-content{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;flex:1 1;overflow:hidden}.settings-section{padding:28px}.settings-section h2{color:var(--color-text-primary);font-size:20px;font-weight:600;margin:0 0 6px}.settings-section>p{color:var(--color-text-secondary);font-size:14px;margin:0 0 28px}.notification-options{display:flex;flex-direction:column;gap:16px}.option-item{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:12px;display:flex;justify-content:space-between;padding:20px}.option-info{display:flex;flex-direction:column;gap:4px}.option-title{color:var(--color-text-primary);font-size:14px;font-weight:500}.option-desc{color:var(--color-text-dim);font-size:13px}.toggle-switch{display:inline-block;height:26px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--color-border);border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:20px;left:3px;position:absolute;transition:.3s;width:20px}input:checked+.toggle-slider{background:linear-gradient(135deg,var(--color-accent) 0,#6366f1 100%)}input:checked+.toggle-slider:before{transform:translateX(22px)}.permissions-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}@media (max-width:1100px){.permissions-info{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.permissions-info{grid-template-columns:1fr}}.permission-card{border:1px solid var(--color-border);border-radius:14px;padding:24px}.permission-card h4{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.permission-card>p{color:var(--color-text-secondary);font-size:13px;margin:0 0 16px}.permission-card ul{list-style:none;margin:0;padding-left:20px}.permission-card li{color:var(--color-text-secondary);font-size:13px;padding:6px 0;position:relative}.permission-card li:before{color:#10b981;content:"✓";font-weight:700;left:-20px;position:absolute}.manage-users{padding:0}.users-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:28px}@media (max-width:768px){.users-stats{grid-template-columns:1fr}}.users-stats .stat-card{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:14px;display:flex;gap:16px;padding:20px 24px;transition:all .2s ease}.users-stats .stat-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.users-stats .stat-icon{align-items:center;border-radius:12px;display:flex;font-size:22px;height:48px;justify-content:center;width:48px}.users-stats .stat-icon.total{background:linear-gradient(135deg,#6366f126,#8b5cf626);color:#6366f1}.users-stats .stat-icon.admin{background:linear-gradient(135deg,#3b82f626,#2563eb26);color:#3b82f6}.users-stats .stat-icon.user{background:linear-gradient(135deg,#10b98126,#05966926);color:#10b981}.users-stats .stat-info{display:flex;flex-direction:column}.users-stats .stat-value{color:var(--color-text-primary);font-size:24px;font-weight:700;line-height:1.2}.users-stats .stat-label{color:var(--color-text-secondary);font-size:13px}.users-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.role-filter{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);cursor:pointer;font-size:14px;padding:12px 16px;transition:all .2s ease}.role-filter:focus{border-color:var(--color-accent);outline:none}.users-table-container{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:14px;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:var(--color-bg-secondary)}.users-table th{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 20px;text-align:left;text-transform:uppercase}.users-table th.actions-col{text-align:right}.users-table tbody tr{transition:background .15s ease}.users-table tbody tr:hover{background:var(--color-hover)}.users-table td{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:14px;padding:16px 20px}.users-table tbody tr:last-child td{border-bottom:none}.user-avatar{background:linear-gradient(135deg,var(--color-accent) 0,#6366f1 100%);border-radius:10px;font-size:15px;height:38px;width:38px}.email-cell{color:var(--color-text-secondary)}.role-badge{font-weight:500;gap:6px;letter-spacing:.3px;text-transform:uppercase}.role-badge.admin{background:linear-gradient(135deg,#3b82f626,#2563eb26);color:#3b82f6}.role-badge.user{background:linear-gradient(135deg,#6b728026,#4b556326);color:var(--color-text-secondary)}.role-badge svg{font-size:12px}.action-btn{margin-left:4px}.action-btn:hover{color:var(--color-text-primary)}.action-btn.edit:hover{background:#3b82f61a;color:#3b82f6}.action-btn.reset:hover{background:#f59e0b1a;color:#f59e0b}.form-group:last-of-type{margin-bottom:0}.form-hint{background:#6366f11a;border:1px solid #6366f133;border-radius:10px;color:var(--color-accent);font-size:13px;margin-top:16px;padding:12px 16px}@media (max-width:640px){.users-toolbar{align-items:stretch}.toolbar-left,.users-toolbar{flex-direction:column}.search-box{max-width:none}.toolbar-right{justify-content:stretch}.toolbar-right button{flex:1 1;justify-content:center}.users-table td:nth-child(2),.users-table th:nth-child(2){display:none}}.manage-clients{padding:0}.clients-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:28px}@media (max-width:900px){.clients-stats{grid-template-columns:1fr}}.clients-stats .stat-card{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:14px;display:flex;gap:16px;padding:20px 24px;transition:all .2s ease}.clients-stats .stat-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.clients-stats .stat-card.packages{align-items:flex-start;flex-direction:column;padding:16px 24px}.clients-stats .stat-icon{align-items:center;border-radius:12px;display:flex;font-size:22px;height:48px;justify-content:center;width:48px}.clients-stats .stat-icon.total{background:linear-gradient(135deg,#6366f126,#8b5cf626);color:#6366f1}.clients-stats .stat-icon.revenue{background:linear-gradient(135deg,#10b98126,#05966926);color:#10b981}.clients-stats .stat-info{display:flex;flex-direction:column}.clients-stats .stat-value{color:var(--color-text-primary);font-size:24px;font-weight:700;line-height:1.2}.clients-stats .stat-label{color:var(--color-text-secondary);font-size:13px}.package-breakdown{display:flex;flex-wrap:wrap;gap:10px;width:100%}.package-item{gap:8px}.clients-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.toolbar-left{min-width:280px}.search-box{max-width:320px}.search-box input{background:var(--color-bg-tertiary)}.search-box input::placeholder{color:var(--color-text-dim)}.package-filter{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);cursor:pointer;font-size:14px;padding:12px 16px;transition:all .2s ease}.package-filter:focus{border-color:var(--color-accent);outline:none}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:var(--color-bg-tertiary)}.btn-danger{font-weight:500;padding:12px 20px}.btn-danger:hover{box-shadow:0 4px 12px #ef44444d}.btn-link:hover{color:#4f46e5}.clients-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}@media (max-width:600px){.clients-grid{grid-template-columns:1fr}}.client-card{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:16px;overflow:hidden;transition:all .2s ease}.client-card:hover{border-color:var(--color-accent);box-shadow:0 12px 32px #0000001a;transform:translateY(-4px)}.card-header{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-bottom:1px solid var(--color-border);gap:14px;padding:20px}.client-avatar{align-items:center;background:linear-gradient(135deg,var(--color-accent) 0,#8b5cf6 100%);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.client-info{flex:1 1;min-width:0}.client-info h3{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.client-email,.client-info h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-email{color:var(--color-text-secondary);display:block;font-size:13px}.package-badge{border-radius:8px;flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.card-details{gap:12px}.detail-icon{color:var(--color-text-dim);font-size:16px}.detail-label{color:var(--color-text-secondary);flex:1 1;font-size:13px}.detail-value.password{font-family:monospace;letter-spacing:2px}.card-actions{background:var(--color-bg-secondary)}.empty-state,.loading-state{background:var(--color-bg-tertiary)}.modal-content{animation:modalIn .2s ease}.modal-content.client-modal{max-width:520px}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content.delete-modal{max-width:420px}.modal-close-btn{transition:all .2s ease}.modal-close-btn:hover{background:var(--color-border)}.modal-body p{line-height:1.5}.form-row:last-of-type{margin-bottom:0}@media (max-width:480px){.form-row.two-col{grid-template-columns:1fr}}.form-group input,.form-group select{transition:all .2s ease}.form-group input::placeholder{color:var(--color-text-dim)}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:48px}.password-toggle{align-items:center;background:none;border:none;color:var(--color-text-dim);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:var(--color-text-secondary)}@media (max-width:640px){.clients-toolbar{align-items:stretch}.clients-toolbar,.toolbar-left{flex-direction:column}.search-box{max-width:none}.toolbar-right{justify-content:stretch}.toolbar-right button{flex:1 1;justify-content:center}}.admin-dashboard{margin:0 auto;max-width:1400px;padding:32px}.page-header{margin-bottom:32px}.header-date{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-secondary);display:flex;font-size:14px;gap:8px;padding:10px 16px}.header-date svg{color:var(--color-accent)}.loading-state{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:100px 20px}.loading-spinner{height:40px;width:40px}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}@media (max-width:1200px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.metrics-grid{grid-template-columns:1fr}}.metric-card{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;display:flex;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .2s ease}.metric-card:hover{box-shadow:0 12px 32px #0000001a;transform:translateY(-4px)}.metric-card:before{content:"";height:100%;left:0;position:absolute;top:0;width:4px}.metric-card.primary:before{background:linear-gradient(180deg,#6366f1,#8b5cf6)}.metric-card.success:before{background:linear-gradient(180deg,#10b981,#059669)}.metric-card.info:before{background:linear-gradient(180deg,#3b82f6,#2563eb)}.metric-card.warning:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.metric-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;font-size:24px;height:52px;justify-content:center;width:52px}.metric-card.primary .metric-icon{background:linear-gradient(135deg,#6366f126,#8b5cf626);color:#6366f1}.metric-card.success .metric-icon{background:linear-gradient(135deg,#10b98126,#05966926);color:#10b981}.metric-card.info .metric-icon{background:linear-gradient(135deg,#3b82f626,#2563eb26);color:#3b82f6}.metric-card.warning .metric-icon{background:linear-gradient(135deg,#f59e0b26,#d9770626);color:#f59e0b}.metric-content{display:flex;flex:1 1;flex-direction:column}.metric-value{color:var(--color-text-primary);font-size:28px;font-weight:700;line-height:1.2}.metric-label{color:var(--color-text-secondary);font-size:13px;margin-top:4px}.metric-trend{align-items:center;border-radius:8px;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 10px}.metric-trend.up{background:#10b9811a;color:#10b981}.metric-trend.down{background:#ef44441a;color:#ef4444}.secondary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:28px}@media (max-width:1200px){.secondary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.secondary-grid{grid-template-columns:1fr}}.info-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;padding:24px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.card-header h3{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0}.card-icon{color:var(--color-text-dim);font-size:20px}.users-breakdown{display:flex;flex-direction:column;gap:16px}.user-stat{align-items:center;display:flex;gap:14px}.user-stat .stat-icon{align-items:center;border-radius:10px;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.user-stat .stat-icon.admin{background:linear-gradient(135deg,#3b82f626,#2563eb26);color:#3b82f6}.user-stat .stat-icon.user{background:linear-gradient(135deg,#6b728026,#4b556326);color:#6b7280}.user-stat .stat-icon.client{background:linear-gradient(135deg,#8b5cf626,#7c3aed26);color:#8b5cf6}.stat-details{display:flex;flex-direction:column}.stat-details .stat-value{color:var(--color-text-primary);font-size:18px;font-weight:600}.stat-details .stat-label{color:var(--color-text-secondary);font-size:12px}.package-distribution{display:flex;flex-direction:column;gap:14px}.package-item{justify-content:space-between}.package-info,.package-item{align-items:center;display:flex}.package-info{gap:10px}.package-dot{border-radius:50%;height:10px;width:10px}.package-dot.basic{background:#6b7280}.package-dot.standard{background:#3b82f6}.package-dot.premium{background:#8b5cf6}.package-dot.enterprise{background:#f59e0b}.package-name{color:var(--color-text-primary);font-size:14px}.package-stats{align-items:center;display:flex;gap:10px}.package-count{color:var(--color-text-primary);font-size:14px;font-weight:600}.package-percent{color:var(--color-text-dim);font-size:12px}.payroll-summary{display:flex;flex-direction:column;gap:16px}.summary-item{align-items:center;display:flex;justify-content:space-between}.summary-label{color:var(--color-text-secondary);font-size:13px}.summary-value{color:var(--color-text-primary);font-size:16px;font-weight:600}.summary-value.highlight{color:#f59e0b}.activity-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;padding:24px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h3{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0}.view-all-btn{background:none;border:none;color:var(--color-accent);cursor:pointer;font-size:13px;font-weight:500}.view-all-btn:hover{text-decoration:underline}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:12px;gap:14px;padding:14px 16px}.activity-icon,.activity-item{align-items:center;display:flex}.activity-icon{border-radius:10px;font-size:16px;height:38px;justify-content:center;width:38px}.activity-icon.payroll{background:linear-gradient(135deg,#10b98126,#05966926);color:#10b981}.activity-icon.client{background:linear-gradient(135deg,#8b5cf626,#7c3aed26);color:#8b5cf6}.activity-icon.user{background:linear-gradient(135deg,#3b82f626,#2563eb26);color:#3b82f6}.activity-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.activity-message{color:var(--color-text-primary);font-size:14px}.activity-time{color:var(--color-text-dim);font-size:12px}.activity-amount{color:#10b981;font-size:14px;font-weight:600}.no-activity{align-items:center;color:var(--color-text-dim);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px}.no-activity svg{font-size:32px}@media (max-width:640px){.admin-dashboard{padding:20px}.page-header{flex-direction:column;gap:16px}.header-date{align-self:flex-start}.metric-card{padding:20px}.metric-value{font-size:24px}}.rdrCalendarWrapper{background:#fff;box-sizing:border-box;display:inline-flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateDisplay{display:flex;justify-content:space-between}.rdrDateDisplayItem{color:inherit;flex:1 1;text-align:center;width:0}.rdrDateDisplayItem+.rdrDateDisplayItem{margin-left:.833em}.rdrDateDisplayItem input{text-align:inherit}.rdrDateDisplayItem input:disabled{cursor:default}.rdrMonthAndYearWrapper{box-sizing:inherit;display:flex;justify-content:space-between}.rdrMonthAndYearPickers{align-items:center;display:flex;flex:1 1 auto;justify-content:center}.rdrNextPrevButton{box-sizing:inherit;cursor:pointer;outline:none}.rdrMonths{display:flex}.rdrMonthsVertical{flex-direction:column}.rdrMonthsHorizontal>div>div>div{display:flex;flex-direction:row}.rdrMonth{width:27.667em}.rdrWeekDays{display:flex}.rdrWeekDay{box-sizing:inherit;flex-basis:14.28571%;text-align:center}.rdrDays{display:flex;flex-wrap:wrap}.rdrInfiniteMonths{overflow:auto}.rdrDateRangeWrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateInput{position:relative}.rdrDateInput input{outline:none}.rdrDateInput .rdrWarning{color:red;font-size:1.6em;line-height:1.6em;position:absolute;right:.25em;top:0}.rdrDay{box-sizing:inherit;cursor:pointer;font:inherit;position:relative;width:14.28571%}.rdrDayNumber{display:block;position:relative}.rdrDayNumber span{color:#1d2429}.rdrDayDisabled{cursor:not-allowed}@supports (-ms-ime-align:auto){.rdrDay{flex-basis:14.285%!important}}.rdrEndEdge,.rdrInRange,.rdrSelected,.rdrStartEdge{pointer-events:none}.rdrDateRangePickerWrapper{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrStaticRanges{display:flex;flex-direction:column}.rdrStaticRange{font-size:inherit}.rdrInputRange{display:flex}.rdrCalendarWrapper{color:#000;font-size:12px}.rdrDateDisplayWrapper{background-color:#eff2f7}.rdrDateDisplay{margin:.833em}.rdrDateDisplayItem{background-color:#fff;border:1px solid #0000;border-radius:4px;box-shadow:0 1px 2px 0 #23394236}.rdrDateDisplayItem input{background:#0000;border:0;color:#849095;cursor:pointer;height:2.5em;line-height:2.5em;width:100%}.rdrDateDisplayItemActive{border-color:currentColor}.rdrDateDisplayItemActive input{color:#7d888d}.rdrMonthAndYearWrapper{align-items:center;height:60px;padding-top:10px}.rdrMonthAndYearPickers{font-weight:600}.rdrMonthAndYearPickers select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#0000;background:url("data:image/svg+xml;utf8,<svg width=%279px%27 height=%276px%27 viewBox=%270 0 9 6%27 version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27><g id=%27Artboard%27 stroke=%27none%27 stroke-width=%271%27 fill=%27none%27 fill-rule=%27evenodd%27 transform=%27translate%28-636.000000, -171.000000%29%27 fill-opacity=%270.368716033%27><g id=%27input%27 transform=%27translate%28172.000000, 37.000000%29%27 fill=%27%230E242F%27 fill-rule=%27nonzero%27><g id=%27Group-9%27 transform=%27translate%28323.000000, 127.000000%29%27><path d=%27M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z%27 id=%27arrow%27></path></g></g></g></svg>") no-repeat;background-position:right 8px center;border:0;border-radius:4px;color:#3e484f;cursor:pointer;outline:0;padding:10px 30px 10px 10px;text-align:center}.rdrMonthAndYearPickers select:hover{background-color:#00000012}.rdrMonthPicker,.rdrYearPicker{margin:0 5px}.rdrNextPrevButton{background:#eff2f7;border:0;border-radius:5px;display:block;height:24px;margin:0 .833em;padding:0;width:24px}.rdrNextPrevButton:hover{background:#e1e7f0}.rdrNextPrevButton i{border-style:solid;display:block;height:0;margin:auto;padding:0;text-align:center;transform:translate(-3px);width:0}.rdrPprevButton i{border-color:#0000 #34495e #0000 #0000;border-width:4px 6px 4px 4px;transform:translate(-3px)}.rdrNextButton i{border-color:#0000 #0000 #0000 #34495e;border-width:4px 4px 4px 6px;margin:0 0 0 7px;transform:translate(3px)}.rdrWeekDays{padding:0 .833em}.rdrMonth{padding:0 .833em 1.666em}.rdrMonth .rdrWeekDays{padding:0}.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{display:none}.rdrWeekDay{color:#849095;font-weight:400;line-height:2.667em}.rdrDay{background:#0000;border:0;color:#1d2429;height:3em;line-height:3em;padding:0;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDay:focus{outline:0}.rdrDayNumber{align-items:center;bottom:0;bottom:5px;display:flex;font-weight:300;justify-content:center;left:0;outline:0;position:absolute;right:0;top:0;top:5px}.rdrDayToday .rdrDayNumber span{font-weight:500}.rdrDayToday .rdrDayNumber span:after{background:#3d91ff;border-radius:2px;bottom:4px;content:"";height:2px;left:50%;position:absolute;transform:translate(-50%);width:18px}.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after{background:#fff}.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span{color:#ffffffd9}.rdrEndEdge,.rdrInRange,.rdrSelected,.rdrStartEdge{background:currentColor;bottom:5px;left:0;position:absolute;right:0;top:5px}.rdrSelected{left:2px;right:2px}.rdrStartEdge{border-bottom-left-radius:1.042em;border-top-left-radius:1.042em;left:2px}.rdrEndEdge{border-bottom-right-radius:1.042em;border-top-right-radius:1.042em;right:2px}.rdrSelected{border-radius:1.042em}.rdrDayStartOfMonth .rdrEndEdge,.rdrDayStartOfMonth .rdrInRange,.rdrDayStartOfWeek .rdrEndEdge,.rdrDayStartOfWeek .rdrInRange{border-bottom-left-radius:1.042em;border-top-left-radius:1.042em;left:2px}.rdrDayEndOfMonth .rdrInRange,.rdrDayEndOfMonth .rdrStartEdge,.rdrDayEndOfWeek .rdrInRange,.rdrDayEndOfWeek .rdrStartEdge{border-bottom-right-radius:1.042em;border-top-right-radius:1.042em;right:2px}.rdrDayStartOfMonth .rdrDayEndPreview,.rdrDayStartOfMonth .rdrDayInPreview,.rdrDayStartOfWeek .rdrDayEndPreview,.rdrDayStartOfWeek .rdrDayInPreview{border-bottom-left-radius:1.333em;border-left-width:1px;border-top-left-radius:1.333em;left:0}.rdrDayEndOfMonth .rdrDayInPreview,.rdrDayEndOfMonth .rdrDayStartPreview,.rdrDayEndOfWeek .rdrDayInPreview,.rdrDayEndOfWeek .rdrDayStartPreview{border-bottom-right-radius:1.333em;border-right-width:1px;border-top-right-radius:1.333em;right:0}.rdrDayEndPreview,.rdrDayInPreview,.rdrDayStartPreview{background:#ffffff17;border:0 solid;bottom:3px;left:0;pointer-events:none;position:absolute;right:0;top:3px;z-index:1}.rdrDayStartPreview{border-bottom-left-radius:1.333em;border-bottom-width:1px;border-left-width:1px;border-top-left-radius:1.333em;border-top-width:1px;left:0}.rdrDayInPreview{border-bottom-width:1px;border-top-width:1px}.rdrDayEndPreview{border-bottom-right-radius:1.333em;border-bottom-width:1px;border-right-width:1px;border-top-right-radius:1.333em;border-top-width:1px;right:2px;right:0}.rdrDefinedRangesWrapper{background:#fff;border-right:1px solid #eff2f7;font-size:12px;width:226px}.rdrDefinedRangesWrapper .rdrStaticRangeSelected{color:currentColor;font-weight:600}.rdrStaticRange{background:#fff;border:0;border-bottom:1px solid #eff2f7;cursor:pointer;display:block;outline:0;padding:0}.rdrStaticRange:focus .rdrStaticRangeLabel,.rdrStaticRange:hover .rdrStaticRangeLabel{background:#eff2f7}.rdrStaticRangeLabel{display:block;line-height:18px;outline:0;padding:10px 20px;text-align:left}.rdrInputRanges{padding:10px 0}.rdrInputRange{align-items:center;padding:5px 20px}.rdrInputRangeInput{border:1px solid #dee7eb;border-radius:4px;color:#6c767a;height:30px;line-height:30px;margin-right:10px;text-align:center;width:30px}.rdrInputRangeInput:focus,.rdrInputRangeInput:hover{border-color:#b4bfc4;color:#333;outline:0}.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{background:#0000;border:1px solid;border-radius:1.333em;bottom:-2px;content:"";left:0;position:absolute;right:0;top:-2px}.rdrDayPassive{pointer-events:none}.rdrDayPassive .rdrDayNumber span{color:#d5dce0}.rdrDayPassive .rdrDayEndPreview,.rdrDayPassive .rdrDayInPreview,.rdrDayPassive .rdrDayStartPreview,.rdrDayPassive .rdrEndEdge,.rdrDayPassive .rdrInRange,.rdrDayPassive .rdrSelected,.rdrDayPassive .rdrStartEdge{display:none}.rdrDayDisabled{background-color:#f8f8f8}.rdrDayDisabled .rdrDayNumber span{color:#aeb9bf}.rdrDayDisabled .rdrDayEndPreview,.rdrDayDisabled .rdrDayInPreview,.rdrDayDisabled .rdrDayStartPreview,.rdrDayDisabled .rdrEndEdge,.rdrDayDisabled .rdrInRange,.rdrDayDisabled .rdrSelected,.rdrDayDisabled .rdrStartEdge{filter:grayscale(100%) opacity(60%)}.rdrMonthName{color:#849095;font-weight:600;padding:.833em;text-align:left}.admin-payroll{margin:0 auto;max-width:1400px;padding:32px}.payroll-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}@media (max-width:1000px){.payroll-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.payroll-stats{grid-template-columns:1fr}}.payroll-stats .stat-card{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:14px;display:flex;gap:16px;padding:20px 24px;transition:all .2s ease}.payroll-stats .stat-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.payroll-stats .stat-icon{align-items:center;border-radius:12px;display:flex;font-size:22px;height:48px;justify-content:center;width:48px}.payroll-stats .stat-icon.total{background:linear-gradient(135deg,#10b98126,#05966926);color:#10b981}.payroll-stats .stat-icon.hours{background:linear-gradient(135deg,#3b82f626,#2563eb26);color:#3b82f6}.payroll-stats .stat-icon.processed{background:linear-gradient(135deg,#6366f126,#8b5cf626);color:#6366f1}.payroll-stats .stat-icon.pending{background:linear-gradient(135deg,#f59e0b26,#d9770626);color:#f59e0b}.payroll-stats .stat-info{display:flex;flex-direction:column}.payroll-stats .stat-value{color:var(--color-text-primary);font-size:24px;font-weight:700;line-height:1.2}.payroll-stats .stat-label{color:var(--color-text-secondary);font-size:13px}.payroll-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.search-box{min-width:200px}.date-picker-wrapper{position:relative}.date-picker-btn{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;transition:all .2s ease}.date-picker-btn:hover{border-color:var(--color-accent)}.date-picker-dropdown{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 16px 48px #00000026;margin-top:8px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.payroll-table-container{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:14px;overflow:hidden}.payroll-table{border-collapse:collapse;width:100%}.payroll-table thead{background:var(--color-bg-tertiary)}.payroll-table th{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 20px;text-align:left;text-transform:uppercase}.payroll-table th.actions-col{text-align:right}.payroll-table tbody tr{transition:background .15s ease}.payroll-table tbody tr:hover{background:var(--color-hover)}.payroll-table td{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:14px;padding:16px 20px}.payroll-table tbody tr:last-child td{border-bottom:none}.employee-cell{align-items:center;display:flex;gap:12px}.employee-avatar{background:linear-gradient(135deg,var(--color-accent) 0,#6366f1 100%);border-radius:10px;font-size:14px;font-weight:600;height:36px;width:36px}.period-text{color:var(--color-text-secondary);font-size:13px}.hours-cell{align-items:center;display:flex;gap:8px}.ot-badge{background:#f59e0b1a;border-radius:6px;color:#f59e0b;font-size:11px;font-weight:500;padding:3px 8px}.pay-amount{color:#10b981;font-weight:600}.status-badge{font-weight:500;gap:6px}.status-badge.processed{background:#10b9811a;color:#10b981}.status-badge.pending{background:#f59e0b1a;color:#f59e0b}.actions-cell{text-align:right}.action-btn{background:#0000;display:inline-flex;height:34px;width:34px}.action-btn:hover{background:var(--color-hover)}.action-btn.delete:hover{background:#ef44441a}.table-empty,.table-loading{color:var(--color-text-secondary);padding:60px 20px!important;text-align:center}.table-loading{align-items:center;display:flex;flex-direction:column;gap:12px}.loading-spinner{height:32px;width:32px}.table-empty{align-items:center;display:flex;flex-direction:column;gap:8px}.empty-icon{font-size:40px;margin-bottom:8px}.modal-content.payroll-modal{max-width:520px}.modal-icon{background:linear-gradient(135deg,#10b98126,#05966926);color:#10b981}.pay-summary{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;margin-top:20px;padding:16px}.pay-summary h4{color:var(--color-text-primary);font-size:14px;font-weight:600;margin:0 0 12px}.summary-row{color:var(--color-text-secondary);display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.summary-row.total{border-top:1px solid var(--color-border);color:var(--color-text-primary);font-weight:600;margin-top:8px;padding-top:12px}.summary-row.total span:last-child{color:#10b981;font-size:16px}@media (max-width:768px){.admin-payroll{padding:20px}.payroll-toolbar{align-items:stretch}.payroll-toolbar,.toolbar-left{flex-direction:column}.search-box{min-width:100%}.form-row.two-col{grid-template-columns:1fr}}.admin-employees{margin:0 auto;max-width:1400px;padding:32px}.header-content h1{color:var(--color-text-primary);font-size:28px;font-weight:700;margin:0 0 6px}.header-content p{color:var(--color-text-secondary);font-size:15px;margin:0}.employee-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}@media (max-width:1000px){.employee-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.employee-stats{grid-template-columns:1fr}}.employee-stats .stat-card{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:14px;display:flex;gap:16px;padding:20px 24px;transition:all .2s ease}.employee-stats .stat-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.employee-stats .stat-icon{align-items:center;border-radius:12px;display:flex;font-size:22px;height:48px;justify-content:center;width:48px}.employee-stats .stat-icon.total{background:linear-gradient(135deg,#6366f126,#8b5cf626);color:#6366f1}.employee-stats .stat-icon.rate{background:linear-gradient(135deg,#10b98126,#05966926);color:#10b981}.employee-stats .stat-icon.dept{background:linear-gradient(135deg,#3b82f626,#2563eb26);color:#3b82f6}.employee-stats .stat-icon.clients{background:linear-gradient(135deg,#f59e0b26,#d9770626);color:#f59e0b}.employee-stats .stat-info{display:flex;flex-direction:column}.employee-stats .stat-value{color:var(--color-text-primary);font-size:24px;font-weight:700;line-height:1.2}.employee-stats .stat-label{color:var(--color-text-secondary);font-size:13px}.employee-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.toolbar-left{display:flex;flex:1 1;flex-wrap:wrap;gap:12px}.toolbar-right{display:flex;gap:10px}.search-box{min-width:220px}.search-box .search-icon{font-size:16px;left:14px}.search-box input{padding:12px 14px 12px 42px}.search-box input:focus{box-shadow:0 0 0 3px #6366f11a}.filter-select{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);cursor:pointer;font-size:14px;padding:12px 16px}.filter-select:focus{border-color:var(--color-accent);outline:none}.btn-primary{font-weight:500}.btn-primary:hover{box-shadow:0 4px 12px #6366f14d}.btn-link{background:none;border:none;color:var(--color-accent);cursor:pointer;font-size:14px;text-decoration:underline}.employee-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.employee-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;overflow:hidden;transition:all .2s ease}.employee-card:hover{border-color:var(--color-accent);box-shadow:0 12px 32px #0000001a;transform:translateY(-4px)}.employee-card .card-header{align-items:center;background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-bottom:1px solid var(--color-border);display:flex;gap:14px;padding:20px}.employee-avatar{align-items:center;background:linear-gradient(135deg,var(--color-accent) 0,#8b5cf6 100%);border-radius:14px;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:50px;justify-content:center;width:50px}.employee-info h3{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.card-client,.employee-dept{color:var(--color-text-secondary);font-size:13px}.card-client{align-items:center;background:var(--color-bg-tertiary);display:flex;gap:8px;padding:12px 20px}.card-client svg{font-size:14px}.card-details{display:flex;flex-direction:column;gap:10px;padding:16px 20px}.detail-item{align-items:center;color:var(--color-text-primary);font-size:14px;gap:10px}.detail-item svg{color:var(--color-text-dim);flex-shrink:0;font-size:16px}.card-actions{background:var(--color-bg-tertiary);border-top:1px solid var(--color-border);display:flex;gap:10px;padding:16px 20px}.card-actions .action-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.card-actions .action-btn.edit{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.card-actions .action-btn.edit:hover{background:#3b82f633}.card-actions .action-btn.delete{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.card-actions .action-btn.delete:hover{background:#ef444433}.empty-state,.loading-state{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:12px;grid-column:1/-1;justify-content:center;padding:80px 20px}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-accent);height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.empty-icon{color:var(--color-text-dim);font-size:48px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.modal-content{background:var(--color-bg-primary);border-radius:16px;box-shadow:0 24px 48px #0003;max-width:480px}.modal-content.employee-modal{max-width:520px}.modal-header{padding:24px 24px 0}.modal-title-group{align-items:center;display:flex;gap:14px}.modal-icon{background:linear-gradient(135deg,#6366f126,#8b5cf626);color:#6366f1;font-size:20px;height:44px;width:44px}.modal-icon.edit{background:linear-gradient(135deg,#3b82f626,#2563eb26);color:#3b82f6}.modal-header h2{font-size:18px}.modal-close-btn{background:var(--color-hover);border-radius:10px;color:var(--color-text-secondary);height:36px;width:36px}.modal-body{padding:24px}.modal-body p{color:var(--color-text-secondary);margin:0}.modal-footer{padding:0 24px 24px}.form-group,.form-row{margin-bottom:20px}.form-row.two-col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group label{align-items:center;display:flex;gap:8px;margin-bottom:8px}.label-icon{color:var(--color-text-dim);font-size:14px}.form-group input,.form-group select{background:var(--color-bg-secondary);border-radius:10px;padding:14px 16px}.form-group input:focus,.form-group select:focus{box-shadow:0 0 0 3px #6366f11a}.form-error{background:#ef44441a;border:1px solid #ef444433;border-radius:10px;color:#ef4444;font-size:13px;margin-top:16px;padding:12px 16px}@media (max-width:768px){.admin-employees{padding:20px}.employee-toolbar{align-items:stretch}.employee-toolbar,.toolbar-left{flex-direction:column}.search-box{min-width:100%}.employee-grid,.form-row.two-col{grid-template-columns:1fr}}.user-management{margin:0 auto;max-width:1400px;padding:32px;position:relative}.notification-toast{align-items:center;animation:slideInRight .3s ease;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 8px 32px #0003;display:flex;gap:12px;padding:16px 20px;position:fixed;right:24px;top:24px;z-index:10001}.notification-toast.success{background:linear-gradient(135deg,#10b9811a 0,var(--color-bg-secondary) 100%);border-color:#10b981}.notification-toast.success svg{color:#10b981}.notification-toast.error{background:linear-gradient(135deg,#ef44441a 0,var(--color-bg-secondary) 100%);border-color:#ef4444}.notification-toast.error svg{color:#ef4444}.notification-toast span{color:var(--color-text-primary);font-size:14px;font-weight:500}.notification-toast button{background:none;border:none;color:var(--color-text-dim);cursor:pointer;display:flex;padding:4px}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:28px}.header-left h1{align-items:center;color:var(--color-text-primary);display:flex;font-size:28px;font-weight:700;gap:12px;margin:0 0 6px}.header-icon{color:var(--color-accent)}.header-left p{color:var(--color-text-secondary);font-size:15px;margin:0}.header-actions{gap:12px}.btn-primary{align-items:center;background:linear-gradient(135deg,var(--color-accent) 0,#6366f1 100%);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.btn-primary:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.btn-secondary{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.btn-secondary:hover{background:var(--color-hover);border-color:var(--color-accent)}.stats-grid{grid-template-columns:repeat(4,1fr);margin-bottom:28px}.stat-card{align-items:center;background:var(--color-bg-secondary);border-radius:16px;gap:16px;padding:24px;transition:all .2s ease}.stat-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:14px;display:flex;font-size:24px;height:56px;justify-content:center;width:56px}.stat-icon.users{background:linear-gradient(135deg,#3b82f626,#6366f126);color:#3b82f6}.stat-icon.active{background:linear-gradient(135deg,#10b98126,#05966926);color:#10b981}.stat-icon.admins{background:linear-gradient(135deg,#8b5cf626,#7c3aed26);color:#8b5cf6}.stat-icon.clients{background:linear-gradient(135deg,#f59e0b26,#d9770626);color:#f59e0b}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-value{color:var(--color-text-primary);font-size:28px;font-weight:700}.stat-label{color:var(--color-text-secondary);font-size:13px}.filters-bar{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.search-box{flex:1 1;min-width:280px;position:relative}.search-box .search-icon{color:var(--color-text-dim);font-size:18px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);font-size:14px;padding:12px 16px 12px 48px;transition:all .2s ease;width:100%}.search-box input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-group{align-items:center;display:flex;gap:8px}.filter-group select{-webkit-appearance:none;appearance:none;background:var(--color-bg-secondary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);cursor:pointer;font-size:14px;padding:12px 40px 12px 16px}.table-container{background:var(--color-bg-secondary);border-radius:16px}thead th{background:var(--color-bg-tertiary);font-weight:600;letter-spacing:.5px;text-align:left}tbody td,thead th{border-bottom:1px solid var(--color-border);padding:16px 20px}tbody td{vertical-align:middle}tbody tr.clickable-row{cursor:pointer;transition:background .15s ease}tbody tr.clickable-row:hover{background:var(--color-hover)}.user-cell{gap:12px}.user-avatar-small,.user-cell{align-items:center;display:flex}.user-avatar-small{border-radius:10px;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.user-details{display:flex;flex-direction:column;gap:2px}.user-details .user-name{color:var(--color-text-primary);font-size:14px;font-weight:600}.user-details .user-email{color:var(--color-text-secondary);font-size:13px}.role-badge-table{border-radius:8px;display:inline-flex;font-size:12px;font-weight:600;padding:6px 12px}.client-name{color:var(--color-text-secondary);font-size:14px}.permissions-preview{display:flex;flex-wrap:wrap;gap:6px}.permissions-preview .perm-tag{background:var(--color-bg-tertiary);border-radius:6px;color:var(--color-text-secondary);font-size:11px;font-weight:500;padding:4px 8px;text-transform:capitalize}.permissions-preview .perm-more{background:var(--color-accent);border-radius:6px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px}.status-badge-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;text-transform:capitalize;transition:all .2s ease}.status-badge-btn.active{background:#10b98126;color:#10b981}.status-badge-btn.inactive{background:#6b728026;color:#6b7280}.status-badge-btn:hover{transform:scale(1.05)}.action-btn{align-items:center;background:var(--color-bg-tertiary);border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.action-btn:hover{transform:translateY(-2px)}.action-btn.view:hover{background:#3b82f626;color:#3b82f6}.action-btn.permissions:hover{background:#8b5cf626;color:#8b5cf6}.action-btn.edit:hover{background:#f59e0b26;color:#f59e0b}.action-btn.delete:hover{background:#ef444426;color:#ef4444}.empty-cell,.loading-cell{padding:60px 20px!important;text-align:center}.loading-cell{color:var(--color-text-secondary);gap:12px}.empty-state,.loading-cell{align-items:center;display:flex;flex-direction:column}.empty-state{gap:16px}.empty-state .empty-icon{color:var(--color-text-dim);font-size:48px}.empty-state p{color:var(--color-text-secondary);margin:0}.modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;padding:20px;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{animation:modalSlideIn .3s ease;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:20px;box-shadow:0 24px 80px #0006;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-container.modal-small{max-width:440px;width:100%}.modal-container.modal-medium{max-width:560px;width:100%}.modal-container.modal-large{max-width:720px;width:100%}.modal-header{align-items:flex-start;padding:24px 28px}.modal-header.gradient-header{background:linear-gradient(135deg,#3b82f61a,#6366f11a);border-bottom:1px solid #3b82f633}.modal-header.gradient-header.purple{background:linear-gradient(135deg,#8b5cf61a,#7c3aed1a);border-bottom:1px solid #8b5cf633}.modal-header.danger-header{background:linear-gradient(135deg,#ef44441a,#dc26261a);border-bottom:1px solid #ef444433}.modal-header-content{align-items:flex-start;display:flex;gap:16px}.modal-icon{align-items:center;background:linear-gradient(135deg,var(--color-accent) 0,#6366f1 100%);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:22px;height:48px;justify-content:center;width:48px}.modal-icon.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.modal-header h2{color:var(--color-text-primary);font-weight:700;margin:0 0 4px}.modal-header p{font-size:14px;margin:0}.modal-close,.modal-header p{color:var(--color-text-secondary)}.modal-close{align-items:center;background:var(--color-bg-tertiary);border:none;border-radius:10px;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.modal-close:hover{background:#ef444426;color:#ef4444}.modal-body{flex:1 1;padding:24px 28px}.modal-footer{background:var(--color-bg-tertiary);padding:20px 28px}.btn-cancel{background:#0000;border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.btn-cancel:hover{background:var(--color-hover)}.btn-primary-gradient{align-items:center;background:linear-gradient(135deg,var(--color-accent) 0,#6366f1 100%);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-primary-gradient:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-1px)}.btn-primary-gradient.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.btn-primary-gradient.purple:hover{box-shadow:0 6px 20px #8b5cf666}.btn-danger{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-danger:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-1px)}.user-preview-section{align-items:center;background:var(--color-bg-tertiary);border-radius:14px;display:flex;gap:16px;margin-bottom:24px;padding:20px}.avatar-preview{align-items:center;border-radius:16px;display:flex;font-size:24px;font-weight:700;height:64px;justify-content:center;width:64px}.preview-info{display:flex;flex-direction:column;gap:4px}.preview-name{color:var(--color-text-primary);font-size:18px;font-weight:600}.preview-email{color:var(--color-text-secondary);font-size:14px}.form-section{margin-bottom:28px}.form-section h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:15px;font-weight:600;gap:10px;margin:0 0 16px}.form-section h3 svg{color:var(--color-accent)}.section-header-with-action{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-header-with-action h3{margin:0}.text-btn{background:none;border:none;color:var(--color-accent);cursor:pointer;font-size:13px;font-weight:500;padding:0}.text-btn:hover{text-decoration:underline}.form-grid{grid-template-columns:repeat(2,1fr)}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label .required{color:#ef4444}.form-group input,.form-group select,.form-group textarea{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);font-size:14px;padding:12px 16px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input:disabled{opacity:.6}.form-group textarea{min-height:80px;resize:vertical}.input-with-icon{position:relative}.input-with-icon .input-icon{color:var(--color-text-dim);font-size:16px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.input-with-icon input{padding-left:42px;width:100%}.role-selector{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.role-option{align-items:flex-start;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:14px;position:relative;transition:all .2s ease}.role-option.selected,.role-option:hover{background:var(--role-bg);border-color:var(--role-color)}.role-indicator{border:2px solid var(--color-border);border-radius:50%;flex-shrink:0;height:16px;margin-top:2px;transition:all .2s ease;width:16px}.role-option.selected .role-indicator{background:var(--role-color);border-color:var(--role-color);box-shadow:inset 0 0 0 3px var(--color-bg-secondary)}.role-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.role-label{color:var(--color-text-primary);font-size:14px;font-weight:600}.role-desc{color:var(--color-text-secondary);font-size:12px}.role-check{color:var(--role-color);font-size:18px;position:absolute;right:12px;top:12px}.status-toggle-group,.toggle-btn{display:flex;gap:8px}.toggle-btn{align-items:center;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:10px;color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;justify-content:center;padding:12px;transition:all .2s ease}.toggle-btn.active{background:#10b9811a;border-color:#10b981;color:#10b981}.toggle-btn.inactive.active{background:#6b72801a;border-color:#6b7280;color:#6b7280}.permissions-grid-compact{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.permission-card{align-items:center;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:14px 10px;text-align:center;transition:all .2s ease}.permission-card:hover{border-color:var(--color-accent)}.permission-card.enabled{background:#10b9811a;border-color:#10b981}.permission-card .perm-icon{color:var(--color-text-dim);font-size:20px}.permission-card.enabled .perm-icon{color:#10b981}.permission-card .perm-name{color:var(--color-text-secondary);font-size:12px;font-weight:500}.permission-card.enabled .perm-name{color:#10b981}.permission-card .perm-toggle{align-items:center;background:var(--color-bg-secondary);border-radius:50%;color:var(--color-text-dim);display:flex;font-size:12px;height:20px;justify-content:center;width:20px}.permission-card.enabled .perm-toggle{background:#10b981;color:#fff}.invite-option{background:linear-gradient(135deg,#3b82f61a,#6366f10d);border:1px solid #3b82f633;border-radius:12px;padding:16px}.checkbox-wrapper{align-items:center;cursor:pointer;display:flex;gap:12px}.checkbox-wrapper input{display:none}.checkmark-custom{align-items:center;border:2px solid var(--color-border);border-radius:6px;display:flex;flex-shrink:0;height:22px;justify-content:center;transition:all .2s ease;width:22px}.checkbox-wrapper input:checked+.checkmark-custom{background:var(--color-accent);border-color:var(--color-accent)}.checkbox-wrapper input:checked+.checkmark-custom:after{color:#fff;content:"✓";font-size:14px;font-weight:700}.checkbox-label{align-items:center;color:var(--color-text-primary);display:flex;font-size:14px;gap:10px}.checkbox-label svg{color:var(--color-accent)}.user-profile-card{align-items:center;background:var(--color-bg-tertiary);border-radius:16px;display:flex;flex-direction:column;margin-bottom:24px;padding:24px;text-align:center}.profile-avatar{align-items:center;border-radius:20px;display:flex;font-size:32px;font-weight:700;height:80px;justify-content:center;margin-bottom:16px;width:80px}.profile-info h3{color:var(--color-text-primary);font-size:20px;font-weight:700;margin:0 0 4px}.profile-email{color:var(--color-text-secondary);display:block;font-size:14px;margin-bottom:12px}.profile-badges{display:flex;gap:8px;justify-content:center}.role-badge,.status-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:12px;font-weight:600;padding:6px 12px}.status-badge{gap:4px;text-transform:capitalize}.status-badge.active{background:#10b98126;color:#10b981}.status-badge.inactive{background:#6b728026;color:#6b7280}.details-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{align-items:center;color:var(--color-text-dim);display:flex;font-size:12px;gap:6px}.detail-value{color:var(--color-text-primary);font-size:14px;font-weight:500}.view-permissions{margin-bottom:20px}.view-notes h4,.view-permissions h4{align-items:center;color:var(--color-text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.view-notes h4 svg,.view-permissions h4 svg{color:var(--color-accent)}.permissions-tags{display:flex;flex-wrap:wrap;gap:8px}.permissions-tags .perm-tag{align-items:center;background:var(--color-bg-tertiary);border-radius:8px;color:var(--color-text-secondary);display:inline-flex;font-size:13px;gap:6px;padding:8px 12px}.permissions-tags .perm-tag.enabled{background:#10b9811a;color:#10b981}.no-permissions{color:var(--color-text-dim);font-size:13px}.view-notes p{background:var(--color-bg-tertiary);border-radius:10px;color:var(--color-text-secondary);font-size:14px;line-height:1.6;margin:0;padding:12px}.user-banner{background:var(--color-bg-tertiary);gap:14px;margin-bottom:24px;padding:16px}.banner-avatar,.user-banner{align-items:center;border-radius:12px;display:flex}.banner-avatar{flex-shrink:0;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.banner-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.banner-name{color:var(--color-text-primary);font-size:16px;font-weight:600}.banner-role{font-size:13px;font-weight:500}.permissions-list-full{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.permission-row{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;transition:all .2s ease}.permission-row:hover{border-color:var(--color-accent)}.permission-row.enabled{background:#10b9810d;border-color:#10b98166}.perm-left{gap:14px}.perm-icon-wrap,.perm-left{align-items:center;display:flex}.perm-icon-wrap{background:var(--color-bg-secondary);border-radius:10px;color:var(--color-text-dim);font-size:18px;height:40px;justify-content:center;width:40px}.permission-row.enabled .perm-icon-wrap{background:#10b98126;color:#10b981}.perm-details{display:flex;flex-direction:column;gap:2px}.perm-title{color:var(--color-text-primary);font-size:14px;font-weight:600}.perm-desc{color:var(--color-text-secondary);font-size:12px}.perm-right{align-items:center;display:flex;gap:12px}.perm-status{border-radius:6px;font-size:12px;font-weight:600;padding:4px 10px}.perm-status.granted{background:#10b98126;color:#10b981}.perm-status.denied{background:#6b728026;color:#6b7280}.switch{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;height:24px;position:relative;transition:all .2s ease;width:44px}.switch.on{background:#10b981;border-color:#10b981}.switch-handle{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:18px;left:2px;position:absolute;top:2px;transition:all .2s ease;width:18px}.switch.on .switch-handle{left:22px}.permissions-summary{background:var(--color-bg-tertiary);border-radius:10px;color:var(--color-text-secondary);font-size:13px;gap:8px;justify-content:center;padding:12px}.delete-warning{margin-bottom:20px;padding:20px;text-align:center}.delete-warning .warning-icon{color:#ef4444;font-size:48px;margin-bottom:16px}.delete-warning p{color:var(--color-text-primary);font-size:16px;margin:0 0 8px}.delete-warning strong{color:#ef4444}.warning-email{color:var(--color-text-secondary);font-size:14px}.delete-consequences{background:#ef444414;border:1px solid #ef444433;border-radius:12px;padding:16px}.delete-consequences h4{color:var(--color-text-primary);font-size:13px;font-weight:600;margin:0 0 12px}.delete-consequences ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.delete-consequences li{align-items:center;color:var(--color-text-secondary);display:flex;font-size:13px;gap:8px}.delete-consequences li svg{color:#ef4444;font-size:14px}.modal-container.modal-xl{border-radius:20px;box-shadow:0 32px 100px #00000080;max-width:580px;width:100%}.modal-header-enhanced{border-radius:20px 20px 0 0;overflow:hidden;padding:0;position:relative}.modal-header-bg{background:linear-gradient(135deg,var(--color-accent) 0,#4f46e5 50%,#7c3aed 100%);height:70px}.header-pattern,.modal-header-bg{left:0;position:absolute;right:0;top:0}.header-pattern{background-image:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 30%);bottom:0}.modal-header-content-v2{align-items:center;display:flex;flex-direction:column;padding:14px 20px 16px;position:relative;text-align:center;z-index:1}.modal-close-float{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:36px}.modal-close-float:hover{background:#ffffff4d;transform:rotate(90deg)}.user-avatar-large{border:3px solid var(--color-bg-secondary);border-radius:14px;box-shadow:0 6px 20px #0003;font-size:22px;font-weight:700;height:56px;margin-bottom:10px;margin-top:10px;position:relative;width:56px}.avatar-badge,.user-avatar-large{align-items:center;color:#fff;display:flex;justify-content:center}.avatar-badge{border:2px solid var(--color-bg-secondary);border-radius:6px;bottom:-4px;font-size:11px;height:22px;position:absolute;right:-4px;width:22px}.user-header-info h2{color:var(--color-text-primary);font-size:16px;font-weight:700;margin:0 0 2px}.user-header-email{color:var(--color-text-secondary);font-size:12px;margin:0 0 8px}.user-header-badges{display:flex;gap:8px;justify-content:center}.role-badge-header,.status-badge-header{border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px}.status-badge-header{align-items:center;display:flex;gap:6px;text-transform:capitalize}.status-badge-header.active{background:#10b98126;color:#10b981}.status-badge-header.inactive{background:#6b728026;color:#6b7280}.status-badge-header svg{font-size:12px}.modal-body-enhanced{background:var(--color-bg-tertiary);max-height:calc(80vh - 220px);overflow-y:auto;padding:16px}.edit-modal-grid{margin-bottom:12px}.edit-column,.edit-modal-grid{display:flex;flex-direction:column;gap:12px}.form-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.form-card-header{align-items:center;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);display:flex;gap:8px;padding:10px 14px}.form-card-header svg{color:var(--color-accent);font-size:14px}.form-card-header h4{color:var(--color-text-primary);flex:1 1;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.header-action-btn{background:none;border:none;border-radius:6px;color:var(--color-accent);cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;transition:all .2s ease}.header-action-btn:hover{background:#3b82f61a}.form-card-body{padding:14px}.form-card-body .form-group{margin-bottom:12px}.form-card-body .form-group:last-child{margin-bottom:0}.form-row-inline{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.notes-card{margin-top:0}.input-enhanced{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.input-enhanced:focus{background:var(--color-bg-secondary);border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a;outline:none}.input-enhanced:disabled{background:var(--color-bg-tertiary);cursor:not-allowed;opacity:.6}.input-hint{color:var(--color-text-dim);display:block;font-size:11px;margin-top:6px}.input-with-icon-v2{position:relative}.input-with-icon-v2>svg{color:var(--color-text-dim);font-size:16px;left:14px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.input-with-icon-v2 input{padding-left:42px}.textarea-enhanced{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);font-family:inherit;font-size:14px;min-height:80px;padding:12px 16px;resize:vertical;transition:all .2s ease;width:100%}.textarea-enhanced:focus{background:var(--color-bg-secondary);border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a;outline:none}.select-enhanced-wrapper{position:relative}.select-enhanced-wrapper .select-icon{color:var(--color-text-dim);font-size:16px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.select-enhanced{-webkit-appearance:none;appearance:none;background:var(--color-bg-tertiary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px;border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);cursor:pointer;font-size:14px;padding:12px 16px 12px 42px;transition:all .2s ease;width:100%}.select-enhanced:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a;outline:none}.status-toggle-enhanced{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.status-btn{align-items:center;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:10px;cursor:pointer;display:flex;flex-direction:row;gap:6px;justify-content:center;padding:10px;transition:all .2s ease}.status-btn svg{color:var(--color-text-dim);font-size:14px}.status-btn span{color:var(--color-text-primary);font-size:12px;font-weight:600}.status-btn small{display:none}.status-btn.active-btn.selected,.status-btn.active-btn:hover{background:#10b9811a;border-color:#10b981}.status-btn.active-btn.selected span,.status-btn.active-btn.selected svg{color:#10b981}.status-btn.inactive-btn.selected,.status-btn.inactive-btn:hover{background:#6b72801a;border-color:#6b7280}.status-btn.inactive-btn.selected span,.status-btn.inactive-btn.selected svg{color:#6b7280}.role-grid-enhanced{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.role-card-v2{align-items:center;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:10px;cursor:pointer;display:flex;gap:8px;padding:10px 12px;transition:all .2s ease}.role-card-v2.selected,.role-card-v2:hover{border-color:var(--role-color)}.role-card-v2.selected{background:var(--role-bg)}.role-card-radio{flex-shrink:0}.radio-outer{align-items:center;border:2px solid var(--color-border);border-radius:50%;display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.role-card-v2.selected .radio-outer{border-color:var(--role-color)}.radio-inner{background:var(--role-color);border-radius:50%;height:10px;width:10px}.role-card-content{display:flex;flex-direction:column;gap:0}.role-card-label{color:var(--color-text-primary);font-size:12px;font-weight:600}.role-card-desc{color:var(--color-text-secondary);display:none;font-size:10px}.permissions-grid-v2{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr)}.permission-tile{align-items:center;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:10px 6px;text-align:center;transition:all .2s ease}.permission-tile:hover{border-color:var(--color-accent)}.permission-tile.enabled{background:#10b98114;border-color:#10b981}.permission-tile-icon{align-items:center;background:var(--color-bg-secondary);border-radius:8px;color:var(--color-text-dim);display:flex;flex-shrink:0;font-size:13px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.permission-tile.enabled .permission-tile-icon{background:#10b98126;color:#10b981}.permission-tile-label{color:var(--color-text-secondary);font-size:10px;font-weight:500;line-height:1.2}.permission-tile.enabled .permission-tile-label{color:#10b981}.permission-toggle-switch,.permission-toggle-switch .toggle-knob{display:none}.permissions-summary{align-items:center;background:#3b82f614;border:1px solid #3b82f633;border-radius:8px;display:flex;gap:6px;margin-top:10px;padding:8px 10px}.permissions-summary svg{color:var(--color-accent);font-size:12px}.permissions-summary span{color:var(--color-text-secondary);font-size:11px}.invite-option-enhanced{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;padding:16px 20px}.invite-checkbox{align-items:center;cursor:pointer;display:flex;gap:16px}.invite-checkbox input{display:none}.invite-checkmark{align-items:center;border:2px solid var(--color-border);border-radius:6px;color:#0000;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s ease;width:24px}.invite-checkbox input:checked+.invite-checkmark{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.invite-content{align-items:center;display:flex;gap:12px}.invite-icon{color:var(--color-accent);font-size:20px}.invite-content>div{display:flex;flex-direction:column;gap:2px}.invite-title{color:var(--color-text-primary);font-size:14px;font-weight:600}.invite-desc{color:var(--color-text-secondary);font-size:12px}.modal-footer-enhanced{align-items:center;background:var(--color-bg-secondary);border-radius:0 0 20px 20px;border-top:1px solid var(--color-border);display:flex;gap:10px;justify-content:flex-end;padding:14px 16px}.footer-left{display:none}.footer-left,.last-updated{align-items:center;display:flex}.last-updated{color:var(--color-text-dim);font-size:12px;gap:6px}.last-updated svg{font-size:14px}.footer-actions{display:flex;gap:12px}.btn-cancel-v2{background:#0000;border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.btn-cancel-v2:hover{background:var(--color-hover);border-color:var(--color-text-dim)}.btn-primary-v2{align-items:center;background:linear-gradient(135deg,var(--color-accent) 0,#4f46e5 100%);border:none;border-radius:10px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 28px;transition:all .2s ease}.btn-primary-v2:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.permissions-grid-compact{grid-template-columns:repeat(3,1fr)}.edit-modal-grid,.role-selector{grid-template-columns:1fr}.modal-container.modal-xl{max-width:600px}}@media (max-width:768px){.user-management{padding:20px}.page-header{flex-direction:column;gap:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.filters-bar{flex-direction:column}.search-box{min-width:100%}.modal-container.modal-large,.modal-container.modal-xl{max-width:100%}.form-grid{grid-template-columns:1fr}.permissions-grid-compact,.permissions-grid-v2{grid-template-columns:repeat(2,1fr)}.details-list{grid-template-columns:1fr}.table-actions{flex-wrap:wrap}.modal-body-enhanced{max-height:calc(90vh - 280px);padding:16px}.modal-header-bg{height:100px}.user-avatar-large{font-size:24px;height:64px;margin-top:16px;width:64px}.user-header-info h2{font-size:18px}.modal-footer-enhanced{flex-direction:column;gap:12px}.footer-left{order:2}.footer-actions{order:1;width:100%}.btn-cancel-v2,.btn-primary-v2{flex:1 1;justify-content:center}.status-toggle-enhanced{grid-template-columns:1fr}}@media (max-width:480px){.permissions-grid-compact,.permissions-grid-v2,.stats-grid{grid-template-columns:1fr}.status-toggle-group,.user-header-badges{flex-direction:column}.user-header-badges{gap:6px}.form-card-header{padding:12px 16px}.form-card-body{padding:16px}.permission-tile{padding:10px 12px}.permission-tile-icon{font-size:14px;height:32px;width:32px}}.dashboard-layout{background:var(--color-bg-primary)}.dashboard-main{display:flex;flex:1 1;flex-direction:column;margin-left:240px;min-width:0;transition:margin-left .3s ease}.dashboard-layout.sidebar-collapsed .dashboard-main{margin-left:78px}.dashboard-header{align-items:center;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);display:none;justify-content:space-between;min-height:60px;padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.header-left{gap:16px}.header-left,.mobile-menu-btn{align-items:center;display:flex}.mobile-menu-btn{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);cursor:pointer;height:40px;justify-content:center;transition:all .2s ease;width:40px}.mobile-menu-btn:hover{background:var(--color-hover)}.header-breadcrumb{color:var(--color-text-secondary);font-size:14px}.header-right{align-items:center;display:flex;gap:16px}.dashboard-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:0}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:199}@media (max-width:1024px){.dashboard-layout.sidebar-collapsed .dashboard-main,.dashboard-main{margin-left:0}.dashboard-header,.mobile-menu-btn{display:flex}.mobile-overlay{display:block}}@media (max-width:640px){.dashboard-header{min-height:56px;padding:12px 16px}.dashboard-content{padding:0}}.password-modal .modal-body{padding:22px 26px}.password-modal .form-group{margin-bottom:16px}.password-modal .form-group label{color:var(--color-text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}.password-modal .form-group input{background-color:var(--color-input-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:1rem;padding:.75rem 1rem;width:100%}.password-modal .form-group input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f633;outline:none}:root{--color-bg-primary-light:#f0f5fa;--color-bg-secondary-light:#fff;--color-bg-tertiary-light:#fff;--color-border-light:#e0e7ed;--color-text-primary-light:#2c3e50;--color-text-secondary-light:#607d8b;--color-text-dim-light:#90a4ae;--color-hover-light:#f5f9fc;--color-input-bg-light:#f8fbfd;--color-accent-light:#4a90e2;--color-accent-hover-light:#357abd}.dark-mode{--color-bg-primary:#121212;--color-bg-secondary:#1e1e1e;--color-bg-tertiary:#282828;--color-border:#3a3a3a;--color-text-primary:#e0e0e0;--color-text-secondary:#b0b0b0;--color-text-dim:#707070;--color-hover:#333;--color-input-bg:#1a1a1a;--color-accent:#3b82f6;--color-accent-hover:#2563eb}body:not(.dark-mode){--color-bg-primary:var(--color-bg-primary-light);--color-bg-secondary:var(--color-bg-secondary-light);--color-bg-tertiary:var(--color-bg-tertiary-light);--color-border:var(--color-border-light);--color-text-primary:var(--color-text-primary-light);--color-text-secondary:var(--color-text-secondary-light);--color-text-dim:var(--color-text-dim-light);--color-hover:var(--color-hover-light);--color-input-bg:var(--color-input-bg-light);--color-accent:var(--color-accent-light);--color-accent-hover:var(--color-accent-hover-light)}*,:after,:before{box-sizing:border-box}#root,body,html{height:100%;margin:0;min-height:100vh;min-height:100dvh;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;zoom:.9;background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dashboard-layout{display:flex;min-height:100vh;min-height:100dvh}.sidebar{background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);bottom:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;left:0;padding:20px 0;position:fixed;top:0;transition:width .3s ease-in-out,padding .3s ease-in-out;width:260px;z-index:500}.sidebar.collapsed{width:72px}.sidebar-header{align-items:center;display:flex;flex-shrink:0;margin-bottom:20px;padding:10px 15px}.sidebar.collapsed .sidebar-header{justify-content:center;padding:10px 0}.sidebar-logo-icon{color:var(--color-text-primary);flex-shrink:0;font-size:28px;margin-right:12px}.sidebar.collapsed .sidebar-logo-icon{margin-right:0}.sidebar-logo-text{color:var(--color-text-primary);font-size:20px;font-weight:600;opacity:1;overflow:hidden;transition:opacity .2s ease;white-space:nowrap}.sidebar.collapsed .sidebar-logo-text{opacity:0;width:0}.nav-menu{list-style:none;margin:0;padding:0;width:100%}.nav-link{align-items:center;border-radius:8px;color:var(--color-text-secondary);display:flex;font-size:15px;margin:0 10px 5px;overflow:hidden;padding:12px 18px;text-decoration:none;transition:background-color .2s,color .2s;white-space:nowrap}.sidebar.collapsed .nav-link{justify-content:center;padding:12px}.nav-link:hover{background-color:var(--color-hover);color:var(--color-text-primary)}.nav-link.active{background-color:var(--color-accent);color:#fff;font-weight:500}.nav-link.active .nav-icon{color:#fff}.nav-icon{color:var(--color-text-secondary);flex-shrink:0;font-size:20px;margin-right:18px;transition:color .2s}.sidebar.collapsed .nav-icon{margin-right:0}.sidebar.collapsed .nav-link span{opacity:0;width:0}.sidebar-bottom{border-top:1px solid var(--color-border);flex-shrink:0;padding-top:15px}.profile-menu-container{display:flex;justify-content:center;position:relative;width:100%}.user-profile-button{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;margin:0 10px;overflow:hidden;padding:10px 15px;text-align:left;transition:background-color .2s;white-space:nowrap;width:calc(100% - 20px)}.sidebar.collapsed .user-profile-button{justify-content:center;margin:0;padding:10px 0;width:40px}.user-profile-button:hover{background-color:var(--color-hover)}.user-avatar{align-items:center;background-color:var(--color-accent);border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:600;height:40px;justify-content:center;margin-right:10px;width:40px}.sidebar.collapsed .user-avatar{margin-right:0}.user-info{display:flex;flex-direction:column;opacity:1;overflow:hidden;transition:opacity .2s ease}.sidebar.collapsed .user-info{opacity:0;width:0}.user-name{color:var(--color-text-primary);font-size:14px;font-weight:500}.user-role{color:var(--color-text-dim);font-size:12px}.profile-menu{animation:fadeInScale .15s ease-out;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:12px;bottom:calc(100% + 10px);box-shadow:0 8px 24px #0000004d;left:10px;padding:8px;position:absolute;transform-origin:bottom left;width:240px;z-index:100}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.nav-link-button{align-items:center;background:none;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:14px;padding:10px 12px;text-align:left;transition:background-color .2s,color .2s;width:100%}.nav-link-button:hover{background-color:var(--color-hover);color:var(--color-text-primary)}.theme-switch-wrapper{align-items:center;color:var(--color-text-secondary);display:flex;font-size:14px;justify-content:space-between;margin-bottom:5px;padding:10px 12px}.theme-switch{display:inline-block;height:22px;position:relative;width:40px}.theme-switch input{display:none}.slider{background-color:#555;border-radius:22px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:16px;left:3px;width:16px}input:checked+.slider{background-color:var(--color-accent)}input:checked+.slider:before{transform:translateX(18px)}.main-content{background-color:var(--color-bg-primary);box-sizing:border-box;flex:1 1;height:100vh;margin-left:260px;overflow-y:auto;padding:30px 40px;transition:margin-left .3s ease-in-out}.main-content.collapsed{margin-left:72px}.content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.header-actions{display:flex;gap:10px}.content-page h1{color:var(--color-text-primary);font-size:28px;font-weight:700;margin:0}.content-page>p{color:var(--color-text-secondary);font-size:15px;margin-bottom:30px;margin-top:4px}.btn-primary,.primary-button{align-items:center;background:linear-gradient(135deg,var(--color-accent) 0,#6366f1 100%);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.btn-primary:hover,.primary-button:hover{box-shadow:0 4px 16px #3b82f666;transform:translateY(-1px)}.btn-primary:active,.primary-button:active{transform:translateY(0)}.btn-primary:disabled,.primary-button:disabled{background:#555;box-shadow:none;cursor:not-allowed;transform:none}.btn-danger,.danger-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger:hover,.danger-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 16px #ef444466}.btn-secondary,.secondary-button{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.btn-secondary:hover,.secondary-button:hover{background:var(--color-hover);border-color:var(--color-text-dim)}.table-container{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;overflow-x:auto}body:not(.dark-mode) .table-container{box-shadow:0 4px 12px #0000000d}.table-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:20px 25px}.table-header h3{color:var(--color-text-primary);font-size:18px;font-weight:600;margin:0}.table-header p{color:var(--color-text-secondary);font-size:14px;margin:0}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:14px;padding:15px 25px;text-align:left;white-space:nowrap}thead th{background-color:var(--color-bg-tertiary);color:var(--color-text-dim);font-size:12px;font-weight:500;text-transform:uppercase}tbody tr{transition:background-color .2s}tbody tr:hover{background-color:var(--color-hover)}tbody tr:last-child td{border-bottom:none}.table-actions{display:flex;gap:8px;justify-content:flex-end}.action-button{align-items:center;background:none;border:none;border-radius:6px;color:var(--color-text-dim);cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:6px;transition:background-color .2s,color .2s}.action-button:hover{background-color:var(--color-hover);color:var(--color-text-primary)}.action-button.delete:hover{color:#ef4444}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}body:not(.dark-mode) .modal-overlay{background-color:#ffffff80}.modal-content{animation:modalEnter .2s ease-out forwards;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:14px;box-shadow:0 16px 36px #00000073;color:var(--color-text-primary);margin:auto;max-width:460px;overflow:hidden;padding:0;transform:scale(.98) translateY(10px);width:100%}@keyframes modalEnter{to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:20px 24px;position:relative}.modal-header h2{font-size:20px;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-dim);cursor:pointer;display:flex;font-size:22px;height:32px;justify-content:center;transition:background-color .2s,color .2s;width:32px}.modal-close-btn:hover{background:var(--color-hover);color:var(--color-text-primary)}.modal-body{max-height:70vh;overflow-y:auto;padding:22px}.modal-footer{background-color:var(--color-bg-tertiary);border-top:1px solid var(--color-border);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.modal-body:has(>p:only-child){align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:22px 24px}.modal-body:has(>p:only-child) p{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin:10px 0 0;text-align:center}.modal-content:not(:has(.modal-header)) .modal-body:has(>p:only-child) h3{margin-bottom:12px;text-align:center;width:100%}.modal-content:has(.modal-body:has(>p:only-child)) .modal-footer{justify-content:center}.modal-content:has(.modal-body:has(>p:only-child)){max-width:400px}.modal-content.settings-modal{max-width:1120px}.settings-modal .modal-content{max-width:460px}.settings-modal .modal-body{display:flex;padding:0}.modal-sidebar{background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);flex-shrink:0;padding:18px;width:220px}.modal-sidebar-link{align-items:center;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:15px;margin-bottom:5px;padding:10px 15px;text-decoration:none;transition:background-color .2s,color .2s}.modal-sidebar-link.active{background-color:var(--color-accent);color:#fff;font-weight:500}.modal-main-content{flex:1 1;max-height:70vh;min-height:400px;overflow-y:auto;padding:28px}.settings-modal .table-container{overflow-x:auto}.settings-modal table{min-width:760px}.settings-modal td:last-child,.settings-modal th:last-child{width:140px}.modal-main-content h3{font-size:18px;font-weight:600;margin-top:0}.modal-main-content>p{color:var(--color-text-secondary);font-size:14px;margin-bottom:30px;margin-top:-10px}.form-grid{grid-gap:16px;display:grid;gap:16px}.col-1{grid-template-columns:1fr}.col-2{grid-template-columns:1fr 1fr}.col-3{grid-template-columns:1fr 1fr 1fr}.col-4{grid-template-columns:1fr 1fr 1fr 1fr}.payroll-grid-4{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr 1fr}.payroll-grid-3{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.form-group{margin-bottom:16px}.form-group.no-margin{margin-bottom:0}.form-group label{color:var(--color-text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.form-group input,.form-group select{-webkit-appearance:none;appearance:none;background-color:var(--color-input-bg);border:1px solid var(--color-border);border-radius:8px;box-sizing:border-box;color:var(--color-text-primary);font-size:14px;padding:12px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23707070' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.form-group input:disabled,.form-group select:disabled{background-color:var(--color-hover);opacity:.7}.form-group input:disabled{cursor:not-allowed}.form-group input:focus,.form-group select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f640;outline:none}.modal-form-centered .modal-body{align-items:flex-start;display:flex;flex-direction:column;gap:10px;padding:22px 30px}.modal-form-centered .modal-body .form-grid.col-1{gap:12px;margin:0;max-width:none;width:100%}.modal-form-centered .modal-footer{justify-content:flex-end;padding:18px 30px}.toast-notification{animation:fadeInOut 3s ease forwards;background-color:#333;border-radius:8px;bottom:20px;box-shadow:0 4px 12px #0003;color:#fff;font-size:14px;left:50%;padding:12px 20px;position:fixed;transform:translateX(-50%);z-index:2000}@keyframes fadeInOut{0%{opacity:0;transform:translateX(-50%) translateY(10px)}10%{opacity:1;transform:translateX(-50%) translateY(0)}90%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(10px)}}.payroll-header{justify-content:space-between;margin-bottom:20px}.employee-header,.payroll-header,.payroll-header-filters{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.employee-header{justify-content:space-between;margin-bottom:20px}.employee-header-filters{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.client-dropdown{-webkit-appearance:none;appearance:none;background-color:var(--color-bg-tertiary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23707070' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:14px;padding:11px 40px 11px 14px;transition:background-color .2s,border-color .2s}.client-dropdown:hover{background-color:var(--color-hover);border-color:#666}.date-picker-popup{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 8px 24px #0000004d;overflow:hidden;position:fixed;z-index:1001}.date-picker-container{position:relative}.date-picker-button,.date-picker-input{align-items:center;background-color:var(--color-input-bg);border:1px solid var(--color-border);border-radius:8px;box-sizing:border-box;color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:14px;padding:10px 15px;transition:background-color .2s,border-color .2s;width:100%}.date-picker-button:hover,.date-picker-input:hover{background-color:var(--color-hover);border-color:var(--color-text-secondary)}.rdrDateDisplayWrapper{display:none!important}.rdrMonthAndYearWrapper{background-color:var(--color-bg-secondary);height:50px;padding:10px 16px 0}.rdrMonthAndYearPickers select{background-color:var(--color-input-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);padding:4px}.rdrMonthAndYearPickers select:hover{background-color:var(--color-hover)}.rdrMonth{background-color:var(--color-bg-secondary);color:var(--color-text-primary);min-width:280px;padding:0 16px 16px;width:auto!important}.rdrWeekDay{color:var(--color-text-dim);font-size:.8rem}.rdrDayNumber,.rdrWeekDay{font-weight:500}.rdrDayNumber span{border-radius:50%;color:var(--color-text-primary)}.rdrDayNumber:hover span{background-color:var(--color-hover)}.rdrDayPassive .rdrDayNumber span{color:var(--color-text-dim);opacity:.6}.rdrDayPassive .rdrDayNumber:hover span{background-color:initial}.rdrDayToday .rdrDayNumber span:after{background-color:var(--color-accent);border-radius:50%;bottom:2px;height:4px;width:4px}.rdrDay:not(.rdrDayPassive) .rdrEndEdge,.rdrDay:not(.rdrDayPassive) .rdrInRange,.rdrDay:not(.rdrDayPassive) .rdrStartEdge{background-color:var(--color-accent)!important;color:inherit;opacity:.1!important}.rdrDay:not(.rdrDayPassive) .rdrEndEdge span,.rdrDay:not(.rdrDayPassive) .rdrInRange span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge span{color:inherit!important}.rdrDay:not(.rdrDayPassive) .rdrEndEdge span,.rdrDay:not(.rdrDayPassive) .rdrSelected span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge span{background-color:var(--color-accent)!important;border-radius:50%;color:#fff!important;opacity:1!important}.rdrNextPrevButton{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:6px}.rdrNextPrevButton:hover{background-color:var(--color-hover)}.rdrCalendarWrapper{background-color:var(--color-bg-secondary);font-size:13px;width:auto!important}.form-error-text{color:#ef4444;font-size:13px;font-weight:500;margin-bottom:-5px;margin-top:15px;text-align:center;width:100%}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:30px}.scorecard-card{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;justify-content:space-between;padding:20px 25px}body:not(.dark-mode) .scorecard-card{box-shadow:0 4px 12px #0000000d}.scorecard-card .title{color:var(--color-text-dim);font-size:13px;font-weight:500;margin-bottom:8px;text-transform:uppercase}.scorecard-card .value{color:var(--color-text-primary);font-size:28px;font-weight:700;margin-bottom:5px}.scorecard-card .change{align-items:center;color:var(--color-text-secondary);display:flex;font-size:13px}.scorecard-card .change.positive{color:#10b981}.scorecard-card .change.negative{color:#ef4444}.scorecard-card .change svg{margin-right:4px}.chart-card{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 12px #0000001a;grid-column:span 2;min-height:250px;padding:20px 25px}body:not(.dark-mode) .chart-card{box-shadow:0 4px 12px #0000000d}.modal-content.payroll-modal{max-width:900px}.modal-content.payroll-modal .modal-body{display:flex;max-height:75vh;overflow:hidden;padding:0}.payroll-modal-layout{display:flex;width:100%}.payroll-form-inputs{border-right:1px solid var(--color-border);flex:2 1;overflow-y:auto;padding:26px 30px}.payroll-summary-panel{background-color:var(--color-bg-secondary);flex:1 1;overflow-y:auto;padding:26px 30px}.payroll-summary-panel h3{color:var(--color-text-primary);font-size:18px;font-weight:600;margin-bottom:20px;margin-top:0}.payroll-summary-panel div{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:14px;gap:8px;justify-content:space-between;margin-bottom:12px}.payroll-summary-panel div strong{color:var(--color-text-primary);font-weight:500;margin-right:10px}.payroll-summary-panel div span{flex-shrink:0;text-align:right}.payroll-summary-panel hr{border:none;border-top:1px solid var(--color-border);margin:16px 0}.payroll-summary-panel .summary-total-pay{border-top:1px solid var(--color-border);margin-top:16px;padding-top:16px}.payroll-summary-panel .summary-total-pay strong{color:var(--color-text-primary);font-size:18px;font-weight:700}@media (max-width:900px){.modal-content.payroll-modal{max-width:95vw}.payroll-modal-layout{flex-direction:column}.payroll-form-inputs{border-bottom:1px solid var(--color-border);border-right:none}.modal-content.payroll-modal .modal-body{max-height:80vh;overflow-y:auto}.payroll-form-inputs,.payroll-summary-panel{flex:1 1 auto;overflow-y:visible}}@media (max-width:768px){.modal-content:has(.auto-calc-box-new) .form-grid.col-2,.modal-content:has(.auto-calc-box-new) .form-grid.col-3,.modal-content:has(.auto-calc-box-new) .form-grid.col-4{grid-template-columns:1fr}.payroll-grid-3,.payroll-grid-4{grid-template-columns:1fr 1fr}}@media (max-width:500px){.payroll-grid-3,.payroll-grid-4{grid-template-columns:1fr}}@media (max-width:768px){.sidebar{width:72px}.main-content{margin-left:72px;padding:20px}.modal-content{max-width:90%}.modal-content.settings-modal{max-width:95%}.settings-modal .modal-body{flex-direction:column}.modal-sidebar{border-bottom:1px solid var(--color-border);border-right:none;width:100%}.modal-main-content{padding:20px}.form-grid.col-2,.form-grid.col-3,.form-grid.col-4{grid-template-columns:1fr}.chart-card{grid-column:span 1}}.login-container{align-items:center;background-color:var(--color-bg-primary);display:flex;justify-content:center;min-height:100vh}.login-box,.login-container{box-sizing:border-box;width:100%}.login-box{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:14px;box-shadow:0 10px 25px #0000004d;max-width:380px;padding:35px 40px;text-align:center}.login-box h1{color:var(--color-text-primary);font-size:24px;font-weight:600;margin-bottom:30px}.login-box .form-group{margin-bottom:20px;text-align:left}.login-box .primary-button{font-size:15px;margin-top:10px;padding:12px;width:100%}.login-box .forgot-password-link{color:var(--color-text-secondary);display:block;font-size:13px;margin-top:15px;text-decoration:none;transition:color .2s}.login-box .forgot-password-link:hover{color:var(--color-text-primary)}.dark-mode{scrollbar-color:#444 var(--color-bg-secondary)}.dark-mode ::-webkit-scrollbar{height:12px;width:12px}.dark-mode ::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:10px}.dark-mode ::-webkit-scrollbar-thumb{background-color:#444;border:3px solid var(--color-bg-secondary);border-radius:10px}.dark-mode ::-webkit-scrollbar-thumb:hover{background-color:#555}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.modal-content.run-payroll-modal{max-width:1200px;width:95vw}.modal-content.run-payroll-modal .modal-body{display:flex;flex-direction:column;max-height:75vh;padding:26px 30px}.run-payroll-controls{grid-gap:16px;align-items:flex-end;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr;margin-bottom:20px}.run-payroll-controls .form-group{margin-bottom:0}.run-payroll-grid-container{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;flex:1 1;overflow-y:auto}.run-payroll-table{border-collapse:collapse;width:100%}.run-payroll-table td,.run-payroll-table th{border-bottom:1px solid var(--color-border);font-size:14px;padding:10px 12px}.run-payroll-table th{background-color:var(--color-bg-tertiary);color:var(--color-text-dim);font-size:12px;font-weight:500;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0}.run-payroll-table td:first-child{color:var(--color-text-primary);font-weight:500;white-space:nowrap}.run-payroll-table input{background-color:var(--color-input-bg);border:1px solid var(--color-border);border-radius:6px;box-sizing:border-box;color:var(--color-text-primary);font-size:14px;max-width:90px;padding:8px 10px;text-align:right;transition:border-color .2s,box-shadow .2s;width:100%}.run-payroll-table input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f640;outline:none}.run-payroll-table input:disabled{background-color:var(--color-hover);cursor:not-allowed;opacity:.7;text-align:right}.run-payroll-table td:nth-child(2) input{max-width:110px}@media (max-width:900px){.run-payroll-controls{grid-template-columns:1fr}}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;display:flex;flex-direction:column;padding:20px}.stat-card h3{color:var(--color-text-secondary);font-size:14px;font-weight:500;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.stat-card p{color:var(--color-text-primary);font-size:24px;font-weight:600;margin:0}
/*# sourceMappingURL=main.573a4117.css.map*/