*{box-sizing:border-box;margin:0;padding:0}:root{--primary-gradient:linear-gradient(135deg,#4f46e5,#7c3aed);--secondary-gradient:linear-gradient(135deg,#06b6d4,#3b82f6);--success-gradient:linear-gradient(135deg,#10b981,#059669);--warning-gradient:linear-gradient(135deg,#f59e0b,#d97706);--danger-gradient:linear-gradient(135deg,#ef4444,#dc2626);--glass-bg:#fffc;--glass-border:#ffffff4d;--glass-shadow:0 8px 32px 0 #0000001a;--light-bg:#f8fafc;--light-surface:#fff;--light-card:#fff;--light-text:#1e293b;--light-text-secondary:#64748b;--light-text-muted:#94a3b8;--accent-primary:#4f46e5;--accent-secondary:#06b6d4;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--font-family-base:"Raleway",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;--font-size-xs:0.625rem;--font-size-sm:0.75rem;--font-size-base:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000026}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background-attachment:fixed;color:#1e293b;color:var(--light-text);font-family:Raleway,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-base);font-size:.875rem;font-size:var(--font-size-base);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.5;line-height:var(--line-height-normal);min-height:100vh}*{font-family:Raleway,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-family:var(--font-family-base)!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace!important;font-family:var(--font-family-mono)!important}.App{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background-attachment:fixed}.App,.app-container{height:100vh;min-height:100vh;overflow:hidden}.app-container{display:flex}.main-content{background:#0000;flex:1 1;height:100vh;margin-left:280px;max-height:100vh;overflow:hidden;padding:0}.content-area,.main-content{display:flex;flex-direction:column;min-height:0}.content-area{box-sizing:border-box;flex:1 1;margin:0;max-height:100%;max-width:none;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-sm) var(--spacing-2xl) var(--spacing-lg) var(--spacing-2xl);width:100%}.content-area:has(.employee-management){display:flex;flex-direction:column;min-height:0;padding:var(--spacing-sm) var(--spacing-2xl) var(--spacing-lg) var(--spacing-2xl)}.dashboard-deployment{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;width:100%}.dashboard-deployment-controls{align-items:flex-end;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.dashboard-deployment-controls label{color:#4b5563;display:flex;flex-direction:column;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:2px}.dashboard-deployment-controls .forecast-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#111827;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);min-width:160px;padding:.4rem .6rem}.dashboard-deployment-tabs{border-bottom:2px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);overflow:hidden}.dashboard-deployment-tab{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:-2px;padding:.5rem 1rem;position:relative;transition:all .2s ease;white-space:nowrap}.dashboard-deployment-tab:hover{background:#4f46e50d;color:#374151}.dashboard-deployment-tab.active{border-bottom-color:#4f46e5;color:#4f46e5;font-weight:var(--font-weight-semibold)}.dashboard-deployment-tab-content{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.monthly-fte-by-tech{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);width:100%}.forecast-table-section{width:100%}.forecast-table-title{align-items:center;color:#1f2937;display:flex;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);gap:var(--spacing-sm);margin:0 0 var(--spacing-md) 0}.forecast-filter-label{background:#f4f5ff;border-radius:6px;color:#4f46e5;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);padding:4px 12px}.forecast-total-chart-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;display:flex;flex-direction:column;margin-bottom:0;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md) 0 var(--spacing-md);padding-bottom:0;position:relative}.forecast-total-chart-section h3{color:#4f46e5;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0}.chart-container-wrapper-full{align-items:stretch;background:#ffffff80;border-radius:12px;display:flex;height:200px;line-height:0;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.chart-container-wrapper-full>div{flex:1 1;height:100%!important;line-height:0!important;margin:0!important;min-height:200px!important;padding:0!important;width:100%!important}.chart-container-wrapper-full svg{display:block;height:100%;width:100%}.forecast-charts-section-wrapper{margin-top:var(--spacing-md)}.forecast-charts-header{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.forecast-charts-title{color:#4f46e5;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.charts-toggle-btn{align-items:center;background:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.charts-toggle-btn:hover{background:#4338ca;box-shadow:0 2px 4px #4f46e54d;transform:translateY(-1px)}.charts-toggle-btn:active{transform:translateY(0)}.forecast-charts-container{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);margin-top:var(--spacing-md)}@media (max-width:1400px){.forecast-charts-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:1000px){.forecast-charts-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.forecast-charts-container{grid-template-columns:1fr}}.forecast-chart-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;display:flex;flex-direction:column;margin-bottom:0;padding:var(--spacing-sm) var(--spacing-md) 0 var(--spacing-md);padding-bottom:0;position:relative}.forecast-chart-section h3{color:#4f46e5;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0}.chart-container-wrapper{align-items:stretch;display:flex;height:350px;line-height:0;margin:0;overflow:hidden;padding:0}.chart-container-wrapper>div{flex:1 1;height:100%!important;line-height:0!important;margin:0!important;min-height:350px!important;padding:0!important;width:100%!important}.chart-container-wrapper svg{display:block;height:100%;width:100%}.chart-modal-content{background:#fff;border-radius:12px}.chart-modal-header h2{color:#1f2937}.chart-modal-close{border-radius:8px;color:#6b7280}.chart-modal-close:hover{color:#1f2937}.project-distribution-table-container{margin-top:0;padding:0 var(--spacing-md) var(--spacing-md) var(--spacing-md)}.forecast-table-wrapper,.project-distribution-table-container{box-sizing:border-box;max-width:none;overflow-x:auto;width:100%}.distribution-table .forecast-table-wrapper{max-width:none;overflow-x:auto;width:100%}.distribution-table{background:#fff;border-collapse:initial;border-spacing:0;font-size:.75rem;min-width:100%;width:100%}.distribution-table,.distribution-table.forecast-table,.distribution-table.project-table{table-layout:fixed!important}.distribution-table .project-name-cell,.distribution-table .project-name-header{max-width:none!important;min-width:600px!important;overflow:visible!important;text-overflow:clip!important;width:auto!important}.distribution-table thead th{background:linear-gradient(135deg,#f4f5ff,#eef2ff);border-bottom:2px solid #e0e7ff;border-right:1px solid #ffffff4d;color:#4f46e5;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);max-width:35px!important;min-width:32px!important;padding:5px 1px;position:-webkit-sticky;position:sticky;text-align:center;text-transform:uppercase;top:0;white-space:nowrap;width:32px!important;z-index:10}.distribution-table thead th:not(.project-name-header):not(.total-cell){font-size:var(--font-size-xs);max-width:35px!important;min-width:32px!important;overflow:hidden;padding:6px 1px;text-overflow:ellipsis;width:32px!important}.distribution-table thead th.total-cell,.distribution-table thead th:last-child{border-right:none;max-width:45px;width:40px}.distribution-table tbody td.total-cell,.distribution-table tbody td:last-child{background:#4f46e50f!important;color:#312e81!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-semibold)!important;max-width:45px;width:40px}.distribution-table thead th.total-cell{background:#4f46e51f!important;color:#312e81!important;font-size:var(--font-size-xs)!important;font-weight:var(--font-weight-bold)!important}.distribution-table .project-name-header{font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-semibold)!important;max-width:none!important;min-width:600px!important;overflow:visible!important;padding:6px 12px!important;text-align:left!important;text-overflow:clip!important;width:600px!important}.distribution-table tbody td{border-bottom:1px solid #f3f4f6;border-right:1px solid #f9fafb;color:#4f46e5;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);max-width:35px!important;min-width:32px!important;padding:5px 1px;text-align:center;white-space:nowrap;width:32px!important}.distribution-table tbody tr:hover td{background:#f9fafb}.distribution-table tbody td:not(.project-name-cell):not(.total-cell):not(.fte-decrease):not(.fte-increase){background:#fff!important;color:#4f46e5!important;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)!important;max-width:35px!important;min-width:32px!important;overflow:hidden;padding:6px 1px;text-overflow:ellipsis;width:32px!important}.distribution-table tbody td:not(.project-name-cell):not(.total-cell).fte-decrease{background:#dc26261a!important;color:#dc2626!important}.distribution-table tbody td:not(.project-name-cell):not(.total-cell).fte-decrease,.distribution-table tbody td:not(.project-name-cell):not(.total-cell).fte-increase{font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-semibold)!important;max-width:35px!important;min-width:32px!important;overflow:hidden!important;padding:6px 1px!important;text-overflow:ellipsis!important;width:32px!important}.distribution-table tbody td:not(.project-name-cell):not(.total-cell).fte-increase{background:#0596691a!important;color:#059669!important}.distribution-table .project-name-cell{background:#f9fafb;color:#111827;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-semibold);max-width:none!important;min-width:600px!important;overflow:visible!important;padding:6px 12px!important;text-align:left!important;text-overflow:clip!important;white-space:nowrap!important;width:600px!important}.distribution-table tbody tr:hover{background:#4f46e50d}.distribution-table tbody tr:last-child td{border-bottom:none}.distribution-total-row{background:#4f46e514!important;font-weight:var(--font-weight-bold)!important}.distribution-total-row .project-name-cell{background:#4f46e51f!important}.distribution-total-row .project-name-cell,.distribution-total-row td{color:#312e81!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-bold)!important}.distribution-total-row td{background:#4f46e514!important;border-top:2px solid #4f46e5!important}.distribution-table tbody td:not(.project-name-cell):not(.total-cell).fte-decrease:hover{background:#dc262626!important}.distribution-table tbody td:not(.project-name-cell):not(.total-cell).fte-increase:hover{background:#05966926!important}.distribution-table tbody td.fte-decrease{background:#dc26261a!important;color:#dc2626!important;font-weight:600!important}.distribution-table tbody td.fte-increase{background:#0596691a!important;color:#059669!important;font-weight:600!important}.monthly-fte-by-tech .forecast-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;overflow-x:auto}.monthly-fte-by-tech .forecast-table{background:#fff;border-collapse:initial;border-spacing:0;width:100%}.monthly-fte-by-tech .forecast-table thead th{background:#f4f5ff;border-bottom:2px solid #e5e7eb;border-right:1px solid #ffffff4d;color:#4f46e5;font-weight:600;padding:12px;text-align:center}.monthly-fte-by-tech .forecast-table thead th:last-child{border-right:none}.monthly-fte-by-tech .forecast-table tbody td{border-bottom:1px solid #e5e7eb;border-right:1px solid #f3f4f6;color:#4f46e5;padding:12px;text-align:center}.monthly-fte-by-tech .forecast-table tbody td:last-child{border-right:none}.monthly-fte-by-tech .tech-name-cell{background:#f9fafb;color:#111827!important;font-weight:var(--font-weight-semibold);text-align:left}.monthly-fte-by-tech .total-cell{color:#4f46e5!important;font-weight:var(--font-weight-semibold)}.forecast-total-row{background:#f4f5ff;border-top:3px solid #4f46e5}.forecast-total-row .total-label{color:#1f2937;font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.forecast-total-row .grand-total,.forecast-total-row .monthly-total{color:#4f46e5;font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.forecast-total-row .grand-total{background:#e0e7ff}.content-header{align-items:flex-start;border-bottom:none;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.content-header h1{color:#1f2937;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);margin:0 0 8px}.content-header .header-subtitle{color:#6b7280;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);margin:0}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);gap:var(--spacing-sm);justify-content:center;letter-spacing:var(--letter-spacing-wide);overflow:hidden;padding:var(--spacing-md) var(--spacing-xl);position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#9333ea);box-shadow:0 4px 6px -1px #7c3aed4d,0 2px 4px -1px #7c3aed33;transform:translateY(-2px)}.btn-primary:disabled{background:#9ca3af;box-shadow:none;color:#6b7280;cursor:not-allowed;opacity:.6}.btn-secondary{background:var(--light-surface);border:1px solid #0003;color:var(--light-text)}.btn-secondary:hover{background:#4f46e50d;border-color:var(--accent-primary);transform:translateY(-2px)}.btn-danger{background:var(--danger-gradient);box-shadow:var(--shadow-md)}.btn-danger:hover{box-shadow:var(--shadow-lg)}.btn-success{background:var(--success-gradient);box-shadow:var(--shadow-md);color:#fff}.btn-success:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.employee-management{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0;overflow:hidden;width:100%}.employee-management>.employee-tabs-controls{flex-shrink:0;margin-bottom:var(--spacing-md)}.employee-management>.employee-list{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0}.employee-tabs-controls{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between}.employee-tabs-nav{margin-bottom:0}.employee-tabs-nav .project-tab{margin-bottom:-2px}@media (max-width:768px){.main-content{margin-left:0}.content-area{padding:var(--spacing-lg)}.content-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-lg)}.content-header h1{font-size:2rem}}.sidebar{border-right:1px solid #00000014;color:#374151;display:flex;flex-direction:column;height:100vh;overflow-y:visible;position:fixed;width:280px;z-index:1000}.sidebar,.sidebar-header{background:#fff;overflow-x:hidden}.sidebar-header{border-bottom:1px solid #00000014;box-sizing:border-box;padding:var(--spacing-xl) var(--spacing-lg)}.sidebar-header h2{color:#111827;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin:0}.sidebar-logo{display:block;max-height:46px;max-width:200px;object-fit:contain;width:auto}.sidebar-logo-fallback{color:#111827;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin:0}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-md) 0;scrollbar-color:#0000001a #0000;scrollbar-width:thin}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background-color:#0003}.nav-item{align-items:center;background:none;border:none;box-sizing:border-box;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;justify-content:space-between;max-width:100%;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .2s ease;width:100%}.nav-item:hover{background:#00000005;color:#374151}.nav-item.active{color:#374151;font-weight:600}.nav-label{flex:1 1;font-weight:inherit;letter-spacing:.01em;text-align:left}.nav-icons-right{align-items:center;display:flex;gap:8px}.nav-icon-right{align-items:center;color:#9ca3af;display:flex;justify-content:center;opacity:.7}.nav-icon-right svg{stroke:currentColor;height:18px;width:18px}.nav-item.has-submenu{justify-content:space-between}.submenu-arrow{color:#9ca3af;font-size:.7rem;opacity:.7;transition:transform .2s ease}.submenu-arrow.expanded{transform:rotate(180deg)}.submenu{animation:slideDown .2s ease-out;background:#0000;margin-left:var(--spacing-lg);overflow:hidden}.submenu-item{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg);position:relative;transition:all .2s ease;width:100%}.submenu-item:hover{background:#00000005;color:#374151}.submenu-item.active{color:#374151;font-weight:600}.submenu-arrow-icon{color:#9ca3af;font-size:.75rem;margin-right:var(--spacing-sm);opacity:.6;text-align:center;width:16px}.submenu-label{flex:1 1;font-weight:inherit;letter-spacing:.01em;text-align:left}.submenu-icon-right{color:#9ca3af;font-size:.875rem;opacity:.7}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sidebar-footer{background:#fff;border-top:1px solid #00000014;box-sizing:border-box;overflow-x:hidden;padding:var(--spacing-lg)}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:var(--primary-gradient);border:2px solid #fffc;border-radius:50%;box-shadow:var(--shadow-md);color:#fff;font-size:1.25rem;height:48px;justify-content:center;margin-right:var(--spacing-md);width:48px}.user-details{flex:1 1}.user-name{color:#111827;font-size:.875rem;font-weight:600}.user-role{color:#6b7280;font-size:.75rem;font-weight:500}@media (max-width:768px){.sidebar{height:auto;position:relative;width:100%}}.dashboard{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1)}.dashboard-header{margin-bottom:var(--spacing-2xl);text-align:center}.dashboard-header-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md)}@media (min-width:768px){.dashboard-header-content{align-items:flex-start;flex-direction:row;justify-content:space-between;text-align:left}.dashboard-header-content>div{flex:1 1}}.dashboard-header h1{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-4xl);font-weight:var(--font-weight-black);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--spacing-sm)}.dashboard-header p{align-items:center;color:var(--light-text-secondary);display:flex;flex-wrap:wrap;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);gap:8px;justify-content:center}.dashboard-logo-inline{background-color:initial;display:inline-block!important;height:1.2em;margin:0 4px;max-width:200px;min-height:20px;min-width:50px;object-fit:contain;opacity:1!important;vertical-align:middle;visibility:visible!important;width:auto}@media (min-width:768px){.dashboard-header p{justify-content:flex-start}}.stats-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--spacing-2xl)}.stat-card{align-items:center;background:var(--light-surface);border:1px solid #0000001a;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;overflow:hidden;padding:var(--spacing-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(135deg,#4f46e50d,#06b6d40d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.stat-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.stat-icon{color:var(--accent-primary);font-size:2.5rem;margin-right:var(--spacing-lg);opacity:.8}.stat-content{flex:1 1}.stat-value{color:var(--light-text);font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--spacing-xs)}.stat-label{color:var(--light-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide)}.dashboard-content{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr}.dashboard-section{background:var(--light-surface);border:1px solid #0000001a;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-xl);transition:all .3s ease}.dashboard-section:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.dashboard-section h3{color:var(--light-text);font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-lg)}.recent-items{display:flex;flex-direction:column;gap:var(--spacing-md)}.recent-item{align-items:center;background:#4f46e50d;border:1px solid #4f46e51a;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-md);transition:all .2s ease}.recent-item:hover{background:#4f46e51a;transform:translateX(4px)}.item-info{flex:1 1}.item-name{color:var(--light-text);font-size:.875rem;font-weight:700}.item-category{color:var(--light-text-secondary);font-size:.75rem;margin-top:2px}.item-amount{color:var(--accent-success);font-size:.875rem;font-weight:700;margin:0 var(--spacing-md)}.item-status{align-items:center;display:flex}.quick-stats{display:flex;flex-direction:column;gap:var(--spacing-md)}.quick-stat-item{align-items:center;background:#06b6d40d;border:1px solid #06b6d41a;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-md);transition:all .2s ease}.quick-stat-item:hover{background:#06b6d41a;transform:translateX(4px)}.quick-stat-label{color:var(--light-text);font-size:.875rem;font-weight:600}.quick-stat-value{color:var(--accent-primary);font-size:1rem;font-weight:700}.empty-state{color:var(--light-text-muted);padding:var(--spacing-xl)}.dashboard-loading{align-items:center;color:var(--light-text-secondary);display:flex;height:200px;justify-content:center}.dashboard-charts{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr);margin-top:var(--spacing-2xl)}.chart-section{background:linear-gradient(180deg,#fff,#f8f9ff);border:1px solid #4f46e51a;border-radius:20px;box-shadow:0 8px 24px #4f46e514,0 2px 8px #4f46e50a;display:flex;flex-direction:column;overflow:hidden;padding:var(--spacing-xl);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.chart-section:before{background:linear-gradient(90deg,#4f46e5,#7c3aed 50%,#a855f7);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.chart-section:hover{border-color:#4f46e54d;box-shadow:0 16px 40px #4f46e51f,0 4px 12px #4f46e514;transform:translateY(-4px)}.chart-section:hover:before{opacity:1}.chart-header{flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.chart-header,.chart-header-with-expand{align-items:center;display:flex;flex-shrink:0;justify-content:space-between}.chart-header-with-expand{height:auto;margin:0;min-height:auto;padding:var(--spacing-xs) 0}.chart-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin:0 0 var(--spacing-md) 0;padding:0;text-align:center}.chart-container-wrapper{background:#ffffff80;border-radius:12px;flex:0 0 500px;height:500px;padding:var(--spacing-sm);position:relative;width:100%}.chart-container-wrapper,.expand-chart-btn-absolute{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.expand-chart-btn-absolute{align-items:center;background:#fffffff2;border:1px solid #4f46e533;border-radius:10px;box-shadow:0 4px 12px #4f46e526;color:#4f46e5;cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;line-height:1;padding:var(--spacing-xs) var(--spacing-sm);position:absolute;right:16px;top:16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px;z-index:10}.expand-chart-btn-absolute:hover{background:#4f46e51a;border-color:#4f46e566;box-shadow:0 6px 16px #4f46e540;transform:scale(1.1)}.expand-chart-btn-bottom{align-items:center;align-self:center;background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;line-height:1;margin:var(--spacing-xs) auto 0 auto;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease;width:36px}.expand-chart-btn-bottom:hover{background:#6366f1;box-shadow:0 2px 8px #4f46e54d;transform:translateY(-1px)}.chart-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-xl);position:fixed;right:0;top:0;z-index:1000}.chart-modal-content{background:var(--light-surface);border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:90%}.chart-modal-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:var(--spacing-xl)}.chart-modal-header h2{color:var(--light-text);font-size:1.5rem;font-weight:700;margin:0}.chart-modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--light-text-secondary);cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.chart-modal-close:hover{background:#0000000d;color:var(--light-text)}.chart-modal-body{flex:1 1;min-height:600px;overflow:auto;padding:var(--spacing-xl)}.chart-pagination{align-items:center;display:flex;gap:var(--spacing-sm)}.pagination-btn{align-items:center;background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:36px;justify-content:center;min-width:40px;padding:var(--spacing-xs) var(--spacing-md)}.pagination-btn:hover:not(:disabled){background:#6366f1;box-shadow:0 2px 8px #4f46e54d}.pagination-btn:disabled{background:#d1d5db}.pagination-info{color:var(--light-text-secondary);font-size:.875rem;font-weight:600;white-space:nowrap}.chart-section>div{flex:0 0 500px;height:500px;margin:0;max-height:500px;padding:0}@media (max-width:1200px){.dashboard-charts{grid-template-columns:1fr}}.experience-role-section{background:var(--light-surface);border:1px solid #0000001a;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-top:var(--spacing-2xl);padding:var(--spacing-xl);transition:all .3s ease}.experience-role-section h3{color:var(--light-text);font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-lg);text-align:center}.experience-role-table-wrapper{border:1px solid #0000001a;border-radius:var(--radius-md);max-height:370px;overflow-x:auto;overflow-y:auto}.experience-role-table{background:#fff;border-collapse:collapse;font-size:.875rem;min-width:600px;width:100%}.experience-role-table thead{background:linear-gradient(135deg,#7c3aed,#a855f7);position:-webkit-sticky;position:sticky;top:0;z-index:20}.experience-role-table th{background:linear-gradient(135deg,#7c3aed,#a855f7);border:1px solid #fff3;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.05em;max-width:120px;overflow:hidden;padding:12px 8px;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.experience-role-table th.sticky-col{background:linear-gradient(135deg,#7c3aed,#a855f7);left:0;min-width:120px;padding-left:16px;position:-webkit-sticky;position:sticky;text-align:left;z-index:15}.experience-role-table th.total-col{background:linear-gradient(135deg,#7c3aed,#a855f7);font-weight:800}.experience-role-table tbody tr{border-bottom:1px solid #0000000d}.experience-role-table tbody tr:hover{background:#4f46e50d}.experience-role-table td{border:1px solid #0000000d;color:var(--light-text);padding:10px 8px;text-align:center;transition:all .2s ease}.experience-role-table td.sticky-col{background:#fff;font-weight:600;left:0;min-width:120px;padding-left:16px;position:-webkit-sticky;position:sticky;text-align:left;z-index:10}.experience-role-table tbody tr:hover td.sticky-col{background:#4f46e50d}.experience-role-table td.experience-label{color:var(--light-text);font-weight:600}.experience-role-table td.heatmap-cell{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.experience-role-table td.heatmap-cell:hover{box-shadow:0 2px 8px #4f46e54d;position:relative;transform:scale(1.1);z-index:5}.experience-role-table td.total-col{background:#4f46e51a;color:var(--accent-primary);font-weight:700}.experience-role-table tr.total-row{background:#4f46e50d;border-top:2px solid var(--accent-primary)}.experience-role-table tr.total-row td{background:#4f46e51a;font-weight:700}.experience-role-table tr.total-row td.sticky-col{background:#4f46e526}.experience-role-table tr.total-row td.grand-total{background:#4f46e533;color:var(--accent-primary);font-size:1rem}.non-billable-section{background:var(--light-surface);border:1px solid #0000001a;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-top:var(--spacing-2xl);padding:var(--spacing-xl);transition:all .3s ease}.non-billable-section:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.non-billable-section h3{color:var(--light-text);font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-lg);text-align:center}.filterable-header{position:relative}.header-content{gap:8px}.header-content span{flex:1 1}.header-actions{gap:4px}.search-icon{background:none;font-size:14px;opacity:.8;padding:4px}.search-icon:hover{background:#ffffff1a;border-radius:4px;opacity:1}.search-icon.active{background:#fff3;border-radius:4px;opacity:1}.search-tooltip{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;left:0;padding:8px}.search-tooltip,.tooltip-select{border:1px solid #d1d5db;border-radius:6px}.tooltip-select{background:#fff;color:var(--light-text);cursor:pointer;font-family:inherit;font-size:13px;padding:6px 10px;width:100%}.tooltip-select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.non-billable-section .table-container{border:1px solid #0000001a;border-radius:var(--radius-md);max-height:450px;overflow-y:auto}.non-billable-table{border-collapse:collapse;font-size:.875rem;width:100%}.non-billable-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.non-billable-table th,.non-billable-table thead{background:linear-gradient(135deg,#7c3aed,#a855f7)}.non-billable-table th{border-bottom:2px solid #fff3;color:#fff;font-size:.875rem;font-weight:700;letter-spacing:.05em;padding:12px;position:relative;text-align:left;text-transform:uppercase}.non-billable-table td{border-bottom:1px solid #0000001a;color:var(--light-text);padding:var(--spacing-md)}.non-billable-table tbody tr:hover{background:#4f46e50d}.non-billable-table tbody tr:last-child td{border-bottom:none}@media (max-width:768px){.dashboard-charts{grid-template-columns:1fr}.chart-section{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-xs) var(--spacing-md)}.chart-section>div{min-height:0}.non-billable-section{padding:var(--spacing-md)}.non-billable-table{font-size:.75rem}.non-billable-table td,.non-billable-table th{padding:var(--spacing-sm)}}.status-badge{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-md);text-transform:capitalize}.status-active{background-color:#10b9811a;color:#065f46}.status-pending{background-color:#f59e0b1a;color:#92400e}.status-completed{background-color:#3b82f61a;color:#1e40af}.status-inactive{background-color:#ef44441a;color:#991b1b}.tag-badge{border-radius:9999px;font-size:.75rem;padding:var(--spacing-xs) var(--spacing-md)}.tag-yes{background-color:#10b9811a}.tag-no{background-color:#6b72801a;color:#374151}.deployment-summary-section{border-top:1px solid #0000001a;margin-top:var(--spacing-2xl);padding-top:var(--spacing-2xl)}.deployment-summary-section h3{color:var(--light-text);font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-lg)}.deployment-tab-content{margin-top:var(--spacing-lg)}@media (max-width:768px){.dashboard-content,.stats-grid{grid-template-columns:1fr}.dashboard-header h1{font-size:2rem}}.employee-list{display:flex;flex:1 1;flex-direction:column;height:100%;margin-top:0;max-height:100%;min-height:0;overflow:hidden;padding-top:0;width:100%}.table-toolbar{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:8px;margin-top:0;min-height:-webkit-fit-content;min-height:fit-content}.toolbar-actions{align-items:center;display:flex;gap:8px}.toolbar-download-btn{align-items:center;background:#fff;border:1px solid #7c3aed;border-radius:8px;color:#7c3aed;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:4px;padding:8px 16px;transition:all .2s ease}.toolbar-download-btn:hover{background:#7c3aed;box-shadow:0 4px 6px -1px #7c3aed33;color:#fff;transform:translateY(-1px)}.toolbar-label{color:#7c3aed;font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.toolbar-count,.toolbar-label{font-size:var(--font-size-base)}.toolbar-count{color:#6b7280}.btn-clear-filters{background:#fff;border:1px solid #7c3aed;border-radius:8px;color:#7c3aed;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:8px 16px;transition:all .2s ease}.btn-clear-filters:hover{background:#7c3aed;box-shadow:0 4px 6px -1px #7c3aed33;color:#fff;transform:translateY(-1px)}.filter-input{background:#fff;border:1px solid #7c3aed33;border-radius:8px;font-family:inherit;font-size:13px;padding:8px 12px;transition:all .2s ease;width:100%}.filter-input::placeholder{color:#9ca3af;font-size:12px}.filter-input:focus{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed26;outline:none}.select-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='%237c3aed'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8.25 9.75 12 13.5l3.75-3.75'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.5rem}.table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;flex:1 1;height:100%;max-height:100%;max-width:100%;min-height:0;overflow-x:auto;overflow-y:auto;position:relative;width:100%}.employees-table{background:#fff;border-collapse:initial;border-spacing:0;width:100%}.employees-table thead{background:linear-gradient(135deg,#7c3aed,#a855f7);position:-webkit-sticky;position:sticky;top:0;z-index:100}.employees-table th{border-bottom:none;border-right:1px solid #ffffff4d;box-sizing:border-box;color:#fff;font-size:14px;font-weight:600;letter-spacing:.05em;line-height:1.3;overflow:visible;padding:6px 8px;position:relative;text-align:left;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.employees-table th:last-child{border-right:none}.employees-table td.employee-id,.employees-table th.col-id{max-width:100px;min-width:100px;padding:6px 10px;width:100px}.employees-table td.employee-name,.employees-table th:nth-child(2){max-width:200px;min-width:200px;padding:6px 12px;width:200px}.employees-table td.employee-email,.employees-table th:nth-child(3){max-width:180px;min-width:180px;padding:6px 12px;width:180px}.employees-table td.employee-delivery-unit,.employees-table td.employee-designation,.employees-table td.employee-doj,.employees-table th.col-delivery-unit,.employees-table th.col-designation,.employees-table th.col-doj{max-width:120px;min-width:120px;padding:6px 10px;width:120px}.employees-table td.employee-role,.employees-table th.col-role{max-width:200px;min-width:200px;padding:6px 12px;width:200px}.employees-table td.col-billable,.employees-table td.col-onsite,.employees-table th.col-billable,.employees-table th.col-onsite{min-width:80px;padding:6px 8px;text-align:center;width:80px}.employees-table td.employee-experience,.employees-table th:nth-child(9){max-width:80px;max-width:200px;min-width:80px;padding:6px 12px;text-align:center;width:80px}.employees-table td.employee-actions,.employees-table th.col-actions{min-width:95px;padding:6px 4px;text-align:center;width:95px}.employees-table td.employee-actions{box-sizing:border-box;display:table-cell;height:auto;line-height:1.3;vertical-align:middle}.employees-table td.col-clear-filters-cell,.employees-table th.col-clear-filters{min-width:50px;padding:6px 4px;text-align:center;width:50px}.btn-clear-filters-header{align-items:center;background:#fff3;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:16px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.btn-clear-filters-header:hover{background:#ffffff4d;box-shadow:0 2px 4px #0003;transform:translateY(-1px) scale(1.1)}.header-content{align-items:center;box-sizing:border-box;display:flex;gap:4px;min-width:0;overflow:visible;width:100%;z-index:1}.header-content span{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{align-items:center;display:flex;flex-shrink:0;gap:2px}.employees-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.employees-table th.sortable:hover{background:linear-gradient(135deg,#6d28d9,#9333ea)}.sort-icon{color:#fff9;display:inline-block;flex-shrink:0;font-size:14px;min-width:14px;text-align:center;transition:all .2s ease}.sort-icon.active{color:#fff;font-size:15px;font-weight:700}.search-icon{align-items:center;background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;height:20px;justify-content:center;min-width:20px;padding:2px 4px;transition:all .2s ease}.search-icon:hover{background:#ffffff4d;transform:scale(1.1)}.search-icon.active{background:#fff6;box-shadow:0 0 0 2px #ffffff80}.header-content{position:relative}.search-tooltip{animation:tooltipFadeIn .2s ease;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-sizing:border-box;max-width:300px;min-width:200px;padding:12px;position:absolute;right:0;top:calc(100% + 8px);white-space:nowrap;width:-webkit-max-content;width:max-content;z-index:1000}.search-tooltip:before{border:6px solid;border-color:#0000 #0000 #fff;right:12px}.search-tooltip:after,.search-tooltip:before{bottom:100%;content:"";pointer-events:none;position:absolute}.search-tooltip:after{border:7px solid;border-color:#0000 #0000 #e5e7eb;right:11px;z-index:-1}.tooltip-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-size:13px;padding:6px 10px;transition:all .2s ease;width:100%}.tooltip-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.tooltip-input::placeholder{color:#9ca3af}.employees-table th:first-child{border-top-left-radius:12px}.employees-table th:last-child{border-top-right-radius:12px}.employees-table td{background:#fff;border-bottom:1px solid #f3f4f6;color:#1f2937;display:table-cell;font-size:15px;line-height:1.3;padding:6px 12px;vertical-align:middle}.employees-table tbody tr{transition:all .2s ease}.employees-table tbody tr td{box-sizing:border-box;height:auto}.employees-table tbody tr:hover{background:#f9fafb}.employees-table tbody tr:last-child td{border-bottom:none}.employees-table tbody tr:last-child td:first-child{border-bottom-left-radius:12px}.employees-table tbody tr:last-child td:last-child{border-bottom-right-radius:12px}.employee-id{color:#7c3aed;font-family:Courier New,monospace;font-weight:400}.employee-name{color:#1f2937;font-weight:400}.employee-name-wrapper{gap:8px;line-height:1.3;white-space:nowrap}.employee-avatar,.employee-name-wrapper{align-items:center;display:flex;overflow:hidden}.employee-avatar{aspect-ratio:1/1;background:#ede9fe;border:1.5px solid #7c3aed33;border-radius:6px;box-shadow:0 1px 4px #7c3aed26;color:#5b21b6;flex-shrink:0;font-weight:700;height:28px;justify-content:center;letter-spacing:.02em;min-height:28px;min-width:28px;position:relative;text-transform:uppercase;width:28px}.employee-avatar img{contain:layout style paint;content-visibility:auto;display:block;height:100%;object-fit:cover;object-position:center;width:100%}.employee-avatar-placeholder{font-size:.75rem}.employee-avatar.has-photo .employee-avatar-placeholder{display:none}.employee-name-text{color:#111827;flex:1 1;font-size:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-email{color:#6b7280;font-size:14px}.employee-designation .truncated-text,.employee-email .truncated-text,.employee-role .truncated-text{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-designation,.employee-doj,.employee-role{color:#6b7280;font-size:15px}.employee-experience{color:#6b7280;font-size:14px;font-style:italic;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-badge{border-radius:20px;display:inline-block;font-size:14px;font-weight:600;letter-spacing:.025em;padding:4px 12px;text-transform:capitalize}.tag-yes{background-color:#d1fae5;color:#065f46}.tag-no{background-color:#f3f4f6;color:#6b7280}.employee-actions{display:flex;gap:4px;height:auto;min-height:0}.btn-icon,.employee-actions{align-items:center;justify-content:center;line-height:1;margin:0;padding:0}.btn-icon{background:#f3f4f6;border:none;border-radius:5px;box-sizing:border-box;color:#6b7280;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;height:22px;transition:all .2s ease;width:22px}.btn-icon:hover{background:#7c3aed;box-shadow:0 4px 6px -1px #7c3aed4d;color:#fff;transform:translateY(-2px)}.btn-view:hover{background:#10b981;box-shadow:0 4px 6px -1px #10b9814d}.btn-edit:hover{background:#3b82f6;box-shadow:0 4px 6px -1px #3b82f64d}.btn-release:hover{background:#f59e0b;box-shadow:0 4px 6px -1px #f59e0b4d}.btn-revert:hover{background:#8b5cf6;box-shadow:0 4px 6px -1px #8b5cf64d}.btn-delete:hover{background:#ef4444;box-shadow:0 4px 6px -1px #ef44444d}.empty-table{font-size:14px;padding:48px 24px!important;text-align:center}.empty-state,.empty-table{color:#9ca3af;font-style:italic}.empty-state{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:48px 24px}.empty-state p{font-size:16px;margin:0}.infinite-scroll-loader{align-items:center;background:#fff;border-radius:8px;display:flex;flex-shrink:0;justify-content:center;margin-top:12px;padding:16px}.loading-spinner{align-items:center;color:#7c3aed;display:flex;flex-direction:column;gap:12px}.spinner{animation:spin .8s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#7c3aed;height:32px;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner span{color:#6b7280;font-size:14px;font-weight:500}.infinite-scroll-sentinel{height:1px;margin-top:20px;position:relative;width:100%;z-index:1}.end-of-list{color:#6b7280;flex-shrink:0;font-size:14px;font-style:italic;margin-top:12px;padding:12px;text-align:center}.end-of-list p{margin:0}.pagination-container{align-items:center;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;display:flex;gap:8px;justify-content:center;margin-top:24px;padding:16px}.pagination-btn,.pagination-container{background:#fff;border:1px solid #e5e7eb}.pagination-btn{border-radius:8px;color:#7c3aed;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:8px 16px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#7c3aed;border-color:#7c3aed;box-shadow:0 4px 6px -1px #7c3aed33;color:#fff;transform:translateY(-1px)}.pagination-btn:disabled{color:#9ca3af;cursor:not-allowed;opacity:.5}.pagination-pages{align-items:center;display:flex;gap:4px}.pagination-page{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;min-width:36px;padding:0 12px;transition:all .2s ease}.pagination-page:hover{background:#f3f4f6;border-color:#7c3aed;color:#7c3aed}.pagination-page.active{background:linear-gradient(135deg,#7c3aed,#a855f7);border-color:#7c3aed;box-shadow:0 2px 4px -1px #7c3aed4d;color:#fff}.pagination-ellipsis{color:#9ca3af;font-size:14px;padding:0 8px;-webkit-user-select:none;user-select:none}@media (max-width:768px){.filters-grid{grid-template-columns:1fr}.employees-table{font-size:13px}.employees-table td,.employees-table th{padding:12px 16px}.employees-table th{font-size:11px}.table-container{border-radius:8px}.employees-table th:first-child{border-top-left-radius:8px}.employees-table th:last-child{border-top-right-radius:8px}.employees-table tbody tr:last-child td:first-child{border-bottom-left-radius:8px}.employees-table tbody tr:last-child td:last-child{border-bottom-right-radius:8px}.pagination-container{flex-wrap:wrap;padding:12px}.pagination-pages{flex-wrap:wrap;justify-content:center}.pagination-page{font-size:12px;height:32px;min-width:32px;padding:0 8px}.pagination-btn{font-size:12px;min-width:70px;padding:6px 12px}}.image-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.image-modal-content{align-items:center;animation:scaleIn .2s ease;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;position:relative}.image-modal-close{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#1f2937;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:36px;justify-content:center;line-height:1;position:absolute;right:0;top:-40px;transition:all .2s ease;width:36px;z-index:10001}.image-modal-close:hover{background:#fff;box-shadow:0 2px 8px #0000004d;transform:scale(1.1)}.image-modal-img{background:#fff;border-radius:8px;box-shadow:0 8px 32px #00000080;height:auto;max-height:85vh;max-width:100%;object-fit:contain;padding:4px;width:auto}.image-modal-name{color:#fff;font-size:18px;font-weight:600;margin-top:16px;text-align:center;text-shadow:0 2px 4px #00000080}.modal-overlay{align-items:center;animation:fadeIn .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:2000}.modal-dialog{animation:slideUp .3s ease;background:var(--light-surface);border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:95vh;max-width:1200px;overflow:hidden;position:relative;width:100%}.employee-form-container{background:#0000;border:none;margin:0;padding:0}.employee-form{background:var(--light-surface);border:none;border-radius:var(--radius-xl);box-shadow:none;flex:1 1;max-height:95vh;padding:0;position:relative;transition:all .3s ease}.employee-form,.employee-form form{display:flex;flex-direction:column;overflow:hidden}.employee-form form{flex:1 1}.form-content{-ms-overflow-style:none;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-lg);scrollbar-width:none}.employee-form::-webkit-scrollbar,.form-content::-webkit-scrollbar{display:none}.form-header{align-items:center;border-bottom:2px solid #4f46e533;display:flex;flex-shrink:0;justify-content:space-between;padding:var(--spacing-lg);padding-bottom:var(--spacing-md)}.btn-close-modal{border-radius:var(--radius-md);color:var(--light-text-secondary);font-weight:300;height:36px;width:36px}.btn-close-modal:hover{color:var(--light-text);transform:rotate(90deg)}.employee-form:before{background:linear-gradient(135deg,#4f46e505,#06b6d405);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.employee-form:hover:before{opacity:1}.form-title{border:none;color:var(--light-text);font-size:1.75rem;font-weight:800;margin:0;padding:0}.form-group{margin-bottom:var(--spacing-md)}.form-group label{color:var(--light-text);font-size:.8125rem;font-weight:700;letter-spacing:.025em;margin-bottom:var(--spacing-xs)}.form-group input,.form-group select{background:var(--light-surface);border:1px solid #0003;border-radius:var(--radius-md);color:var(--light-text);font-size:.875rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input::placeholder{color:var(--light-text-muted)}.form-group input:focus,.form-group select:focus{background:var(--light-surface);border-color:var(--accent-primary);box-shadow:0 0 0 3px #4f46e51a;transform:translateY(-1px)}.form-group select option{background:var(--light-surface);color:var(--light-text)}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:600;gap:var(--spacing-sm)}.checkbox-label input[type=checkbox]{accent-color:var(--accent-primary);cursor:pointer;height:18px;margin:0;width:auto;width:18px}.switch-label{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:0}.switch-label span{color:var(--light-text);font-size:.875rem;font-weight:700;letter-spacing:.025em}.switch{display:inline-block;height:26px;margin:0;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#cbd5e1;border-radius:26px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:20px;left:3px;width:20px}.switch input:checked+.slider{background:linear-gradient(135deg,#7c3aed,#a855f7)}.switch input:checked+.slider:before{transform:translateX(24px)}.switch input:focus+.slider{box-shadow:0 0 0 3px #7c3aed33}.switch:hover .slider{box-shadow:0 0 0 3px #7c3aed1a}.form-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.form-actions{background:var(--light-surface);border-top:1px solid #0000001a;flex-shrink:0;gap:var(--spacing-md);margin-top:auto;padding:var(--spacing-md) var(--spacing-lg)}@media (max-width:768px){.modal-overlay{padding:var(--spacing-md)}.modal-dialog{border-radius:var(--radius-lg);max-height:95vh;max-width:100%}.employee-form{padding:var(--spacing-lg)}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}.form-title{font-size:1.5rem}}.employee-form-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:10000}.employee-form-modal-content{animation:scaleIn .2s ease;margin:auto;max-height:95vh;max-width:900px;width:100%}.employee-form-modal-content .employee-form-container{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;overflow-y:auto}@media (max-width:768px){.employee-form-modal-content{max-width:95vw}}.toast{align-items:center;animation:slideInRight .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;justify-content:space-between;margin-bottom:12px;max-width:500px;min-width:300px;padding:14px 18px;position:relative;z-index:10000}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-content{align-items:center;display:flex;flex:1 1;gap:12px}.toast-icon{flex-shrink:0;font-size:1.2rem}.toast-message{color:#111827;font-size:.875rem;font-weight:500;line-height:1.4}.toast-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:24px;justify-content:center;margin-left:12px;padding:0;transition:all .2s;width:24px}.toast-close:hover{background:#0000001a;color:#111827}.toast-error{background:#fee2e2;border-left:4px solid #ef4444}.toast-success{background:#d1fae5;border-left:4px solid #10b981}.toast-info{background:#dbeafe;border-left:4px solid #3b82f6}.toast-warning{background:#fef3c7;border-left:4px solid #f59e0b}.toast-container{display:flex;flex-direction:column;pointer-events:none;position:fixed;right:20px;top:20px;z-index:10000}.toast-container>*{pointer-events:auto}@media (max-width:768px){.toast{max-width:calc(100vw - 40px);min-width:280px}.toast-container{left:10px;right:10px;top:10px}}.view-dialog-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.view-dialog{animation:scaleIn .2s ease;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;height:85vh;max-height:85vh;max-width:1200px;min-width:600px;overflow:hidden;width:100%}@media (max-width:768px){.view-dialog{height:90vh;max-height:90vh;min-width:90vw}.view-dialog-content{grid-template-columns:1fr}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.view-dialog-header{align-items:flex-start;border-bottom:1px solid #00000014;display:flex;flex-shrink:0;gap:16px;justify-content:space-between;padding:16px 20px}.view-dialog-tabs{border-bottom:1px solid #0000001a;display:flex;flex-shrink:0;gap:0;padding:0 20px}.view-tab-button{background:#0000;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:600;margin-bottom:-1px;padding:12px 24px;position:relative;transition:all .2s ease}.view-tab-button:hover{background:#4f46e50d;color:#111827}.view-tab-button.active{background:#0000;border-bottom-color:#4f46e5;color:#4f46e5}.view-dialog-header h2{color:#111827;font-size:1.25rem;font-weight:700;margin:0}.view-subtitle{color:#6b7280;font-size:.85rem;margin:2px 0 0}.view-dialog-content{grid-gap:12px;-ms-overflow-style:none;align-content:start;display:grid;flex:1 1;gap:12px;grid-template-columns:1fr 1fr;min-height:0;overflow-x:hidden;overflow-y:auto;padding:16px 20px;scrollbar-width:none}.view-dialog-content::-webkit-scrollbar{display:none}.view-info-row{background:#f9fafb;border:1px solid #0000000f;border-radius:8px;display:flex;flex-direction:column;gap:4px;height:70px;justify-content:center;min-height:70px;padding:12px}.view-info-label{color:#9ca3af;font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.view-info-value{color:#111827;font-size:.875rem;font-weight:600}.view-dialog-actions{border-top:1px solid #00000014;display:flex;flex-shrink:0;justify-content:flex-end;padding:12px 20px}.view-dialog-actions .btn{min-width:120px}.btn-close-modal{background:#0000;border-radius:4px;font-size:28px;line-height:1;padding:4px 8px;transition:all .2s ease}.settings{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1)}.settings-header{margin-bottom:var(--spacing-2xl);text-align:center}.settings-header h1{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:900;letter-spacing:-.025em;margin-bottom:var(--spacing-sm)}.settings-header p{color:var(--light-text-secondary);font-size:1.125rem;font-weight:500}.settings-content{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:var(--spacing-2xl)}.settings-section{background:var(--light-surface);border:1px solid #0000001a;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-xl);transition:all .3s ease}.settings-section:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.settings-section-header{margin-bottom:var(--spacing-lg)}.settings-section-header h3{color:var(--light-text);font-size:14px;font-weight:700;margin-bottom:var(--spacing-sm)}.settings-section-header p{color:var(--light-text-secondary);font-size:15px}.config-list{background:#00000005;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);max-height:300px;overflow-y:auto;padding:var(--spacing-sm)}.config-item,.config-list{border-radius:var(--radius-md);display:flex}.config-item{align-items:center;background:var(--light-surface);border:1px solid #0000001a;justify-content:space-between;padding:var(--spacing-md);transition:all .2s ease}.config-item:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-sm)}.config-item span{color:var(--light-text);flex:1 1;font-size:15px;font-weight:500}.financial-year-item{align-items:center}.financial-year-item input[type=radio]{height:18px;width:18px}.btn-remove{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:#ef4444;cursor:pointer;display:flex;font-size:1.5rem;font-weight:300;height:28px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:28px}.btn-remove:hover{background:#ef44441a;transform:scale(1.1)}.config-add{display:flex;gap:var(--spacing-sm)}.config-input{border:1px solid #0003;border-radius:var(--radius-md);color:var(--light-text);flex:1 1;font-size:15px;padding:var(--spacing-md);transition:all .3s ease}.config-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #4f46e51a;outline:none}.btn-add{background:var(--accent-primary);font-size:15px}.btn-add:hover{background:#4338ca;box-shadow:var(--shadow-md)}.settings-actions{border-top:1px solid #0000001a;display:flex;justify-content:center;padding-top:var(--spacing-xl)}.settings-loading{color:var(--light-text-secondary);padding:var(--spacing-2xl);text-align:center}@media (max-width:768px){.settings-grid{grid-template-columns:1fr}.settings-header h1{font-size:2rem}}.seating-container{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1);box-sizing:border-box;max-width:100%;padding:var(--spacing-lg)}.seating-header{margin-bottom:var(--spacing-xl)}.seating-header h1{color:var(--light-text);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.seating-header p{color:var(--light-text-secondary);font-size:var(--font-size-base)}.seating-tabs{border-bottom:2px solid #7c3aed33;display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);overflow:hidden}.seating-tab{background:none;border:none;border-bottom:3px solid #0000;color:var(--light-text-secondary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .2s ease}.seating-tab:hover{background:#7c3aed0d;color:var(--accent-primary)}.seating-tab.active{border-bottom-color:var(--accent-primary);color:var(--accent-primary);font-weight:var(--font-weight-semibold)}.seating-tab-panel{color:var(--light-text-secondary);padding:var(--spacing-xl);text-align:center}.seating-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg)}.seating-search{flex:1 1;min-width:300px}.seating-search-input{border:1px solid #7c3aed33;border-radius:var(--radius-md);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease;width:100%}.seating-search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #7c3aed1a;outline:none}.seating-table-container{background:var(--light-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow-x:auto;padding:var(--spacing-md)}.seating-table{border-collapse:collapse;min-width:800px;width:100%}.seating-table thead{background:linear-gradient(135deg,#7c3aed,#a855f7)}.seating-table th{color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.05em;padding:var(--spacing-md);text-align:left;text-transform:uppercase}.seating-table th.sortable{cursor:pointer;transition:background .2s ease;-webkit-user-select:none;user-select:none}.seating-table th.sortable:hover{background:linear-gradient(135deg,#6d28d9,#9333ea)}.seating-table .header-content{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between}.seating-table .sort-icon{font-size:12px;opacity:.7}.seating-table tbody tr{border-bottom:1px solid #0000000d;transition:background .2s ease}.seating-table tbody tr:hover{background:#7c3aed0d}.seating-table tbody tr:nth-child(2n){background:#fffef0}.seating-table tbody tr:nth-child(2n):hover{background:#7c3aed14}.seating-table td{color:var(--light-text);font-size:var(--font-size-base);padding:var(--spacing-md)}.seating-location-input{border:1px solid #7c3aed33;border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease;width:100%}.seating-location-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #7c3aed26;outline:none}.empty-state-cell{font-style:italic;padding:var(--spacing-2xl)!important}.empty-state-cell,.seating-footer{color:var(--light-text-secondary);text-align:center}.seating-footer{font-size:var(--font-size-sm);margin-top:var(--spacing-lg)}.seating-loading{align-items:center;color:var(--light-text-secondary);display:flex;font-size:var(--font-size-lg);height:400px;justify-content:center}.seating-layout-tab{padding:var(--spacing-md)}.seating-controls-bar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.seating-zoom-controls{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);gap:var(--spacing-sm);padding:var(--spacing-sm);width:-webkit-fit-content;width:fit-content}.format-painter-btn,.seating-zoom-controls{align-items:center;background:var(--light-surface);display:flex}.format-painter-btn{border:2px solid var(--accent-primary);border-radius:var(--radius-md);color:var(--light-text);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.format-painter-btn:hover{background:#7c3aed1a;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.format-painter-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.format-painter-btn.active:hover{background:var(--accent-primary-dark)}.zoom-btn{align-items:center;background:var(--accent-primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:36px;justify-content:center;min-width:36px;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.zoom-btn:hover{background:var(--accent-primary-dark);transform:scale(1.05)}.zoom-btn.zoom-reset{font-size:12px;min-width:auto;padding:var(--spacing-xs) var(--spacing-md)}.zoom-slider{-webkit-appearance:none;background:#7c3aed33;border-radius:3px;flex:1 1;height:6px;max-width:250px;min-width:150px;outline:none}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent-primary);border-radius:50%;cursor:pointer;height:18px;-webkit-transition:all .2s ease;transition:all .2s ease;width:18px}.zoom-slider::-webkit-slider-thumb:hover{background:var(--accent-primary-dark);transform:scale(1.1)}.zoom-slider::-moz-range-thumb{background:var(--accent-primary);border:none;border-radius:50%;cursor:pointer;height:18px;-moz-transition:all .2s ease;transition:all .2s ease;width:18px}.zoom-slider::-moz-range-thumb:hover{background:var(--accent-primary-dark);transform:scale(1.1)}.zoom-level{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);min-width:50px;text-align:center}.seating-canvas-container{background:var(--light-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-md);min-height:600px;overflow:auto;padding:var(--spacing-lg)}.seating-canvas{min-height:600px;position:relative;width:100%}.seat-display-item{align-items:center;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:11px;font-weight:600;justify-content:center;padding:2px;position:absolute;text-align:center;transition:all .2s ease}.seat-display-item:hover{box-shadow:var(--shadow-md);transform:scale(1.05);z-index:10}.seat-label-display{font-size:14px;font-weight:700;margin-bottom:2px;text-shadow:0 1px 2px #0000004d}.seat-employee-name{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:10px;line-height:1.2;margin-top:2px;max-width:100%;overflow:hidden;padding:0 2px;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 2px #0000004d;white-space:normal}.seat-display-item.unavailable{filter:grayscale(.8)}.seat-unavailable-label{color:#fff;font-size:9px;font-weight:600;margin-top:2px;padding:0 2px;text-align:center;text-shadow:0 1px 2px #00000080}.block-display-item{align-items:center;border:2px solid #0003;border-radius:var(--radius-sm);display:flex;justify-content:center;opacity:.7;position:absolute}.block-label-display{color:#fff;font-size:11px;font-weight:var(--font-weight-semibold);padding:2px;text-align:center;text-shadow:1px 1px 2px #00000080}.separator-display-item{background:linear-gradient(135deg,#6b7280,#4b5563);border:2px solid #6b7280;position:absolute}.seating-instructions{background:#7c3aed0d;border-left:4px solid var(--accent-primary);border-radius:var(--radius-md);padding:var(--spacing-md)}.seating-instructions p{color:var(--light-text-secondary);font-size:var(--font-size-sm);margin:0}.seating-instructions strong{color:var(--light-text)}.seating-list-tab{padding:var(--spacing-md)}.seating-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg)}.seating-list-header h3{color:var(--light-text);font-size:var(--font-size-xl);margin:0}.seating-stats{color:var(--light-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-lg)}.free-seats-count{color:#ef4444;font-weight:var(--font-weight-semibold)}.seating-list-container{background:var(--light-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow-x:auto;padding:var(--spacing-md)}.seating-list-table{border-collapse:collapse;min-width:600px;width:100%}.seating-list-table thead{background:linear-gradient(135deg,#7c3aed,#a855f7)}.seating-list-table th{color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.05em;padding:var(--spacing-md);text-align:left;text-transform:uppercase}.seating-list-table tbody tr{border-bottom:1px solid #0000000d;transition:background .2s ease}.seating-list-table tbody tr:hover{background:#7c3aed0d}.seating-list-table tbody tr.free-seat-row{background:#ef44441a}.seating-list-table tbody tr.free-seat-row:hover{background:#ef444426}.seating-list-table td{color:var(--light-text);font-size:var(--font-size-base);padding:var(--spacing-md)}.seat-status{border-radius:var(--radius-sm);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:4px 12px;text-transform:uppercase}.seat-status.free{background:#ef444433;color:#dc2626}.seat-status.assigned{background:#10b98133;color:#059669}.seating-dialog-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.seating-dialog-content{animation:slideUp .3s ease;background:var(--light-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;padding:var(--spacing-xl);width:90%}.seating-dialog-content h3{color:var(--light-text);font-size:var(--font-size-xl);margin:0 0 var(--spacing-lg) 0}.seating-dialog-field{margin-bottom:var(--spacing-lg)}.seating-dialog-field label{color:var(--light-text);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.employee-dropdown-container{position:relative;width:100%}.employee-dropdown-input{align-items:center;background:#fff;border:1px solid #7c3aed33;border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-base);justify-content:space-between;min-height:40px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease;width:100%}.employee-dropdown-input:hover{border-color:var(--accent-primary)}.employee-dropdown-input:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #7c3aed1a;outline:none}.dropdown-arrow,.employee-dropdown-input .placeholder-text{color:var(--light-text-secondary)}.dropdown-arrow{font-size:10px;transition:transform .2s ease}.employee-dropdown-list{background:#fff;border:1px solid #7c3aed33;border-radius:var(--radius-md);box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;left:0;margin-top:4px;max-height:300px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.employee-search-input{border:none;border-bottom:1px solid #7c3aed33;border-radius:var(--radius-md) var(--radius-md) 0 0;font-family:inherit;font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease;width:100%}.employee-search-input:focus{border-bottom-color:var(--accent-primary);outline:none}.employee-dropdown-options{max-height:250px;overflow-y:auto;padding:var(--spacing-xs) 0}.employee-dropdown-option{color:var(--light-text);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);transition:background .2s ease}.employee-dropdown-option:hover{background:#7c3aed1a}.employee-dropdown-option.selected{background:#7c3aed26;font-weight:var(--font-weight-medium)}.employee-dropdown-no-results{color:var(--light-text-secondary);font-style:italic;padding:var(--spacing-md);text-align:center}.seating-color-picker{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.color-option{border:3px solid #0000;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;height:40px;transition:all .2s ease;width:40px}.color-option:hover{box-shadow:var(--shadow-md);transform:scale(1.1)}.color-option.selected{border-color:var(--light-text);box-shadow:0 0 0 2px var(--accent-primary)}.color-input{border:2px solid #7c3aed33;border-radius:var(--radius-md);height:40px;padding:0}.seating-dialog-actions{border-top:1px solid #0000001a;display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.layout-settings-container{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1);box-sizing:border-box;max-width:100%;padding:var(--spacing-lg)}.layout-settings-header{margin-bottom:var(--spacing-xl)}.layout-settings-header h1{color:#1f2937;color:var(--light-text,#1f2937);font-size:2rem;font-weight:700;margin-bottom:.5rem;margin-bottom:var(--spacing-sm,.5rem);margin-top:0}.layout-settings-header p{color:#6b7280;color:var(--light-text-secondary,#6b7280);font-size:1rem;margin:0}.layout-settings-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--light-surface);background:#fffffff2;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-wrap:nowrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);overflow-x:auto;padding:var(--spacing-md);position:-webkit-sticky;position:sticky;top:0;z-index:100}.toolbar-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:.5rem;color:#fff;cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.toolbar-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.toolbar-btn.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626)}.toolbar-btn.save-btn{background:linear-gradient(135deg,#10b981,#059669);margin-left:auto}.toolbar-btn.save-btn:hover{background:linear-gradient(135deg,#059669,#047857)}.toolbar-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.layout-canvas-container{border:2px solid var(--light-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-height:calc(100vh - 300px);overflow:auto}.layout-canvas,.layout-canvas-container{background:var(--light-surface);position:relative}.layout-canvas{height:-webkit-max-content;height:max-content;min-height:800px;min-width:1200px;width:-webkit-max-content;width:max-content}.seat-item{align-items:center;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:2px solid #818cf8;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:move;display:flex;justify-content:center;position:absolute;transition:all .2s ease}.seat-item:hover{box-shadow:var(--shadow-md);transform:scale(1.05);z-index:10}.seat-item.selected{border:3px solid #fbbf24;box-shadow:0 0 0 3px #fbbf244d;z-index:20}.seat-label{font-weight:var(--font-weight-semibold);pointer-events:none}.seat-label,.seat-label-input{color:#1f2937;font-size:12px;text-align:center}.seat-label-input{background:#0000;border:none;box-sizing:border-box;cursor:text;font-weight:600;height:100%;outline:none;padding:2px;width:100%}.seat-label-input:focus{background:#0000000d;border-radius:4px}.seat-actions{display:flex;gap:4px;left:50%;position:absolute;top:-30px;transform:translateX(-50%);z-index:30}.seat-action-btn{align-items:center;background:#4f46e5;border:none;border-radius:4px;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.seat-action-btn:hover{background:#6366f1;transform:scale(1.1)}.seat-item.unavailable{cursor:not-allowed;filter:grayscale(.8);opacity:.5}.seat-item.unavailable:hover{transform:none}.block-item{align-items:center;background:#6b7280;border:2px solid #4b5563;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:move;display:flex;justify-content:center;position:absolute;transition:all .2s ease}.block-item:hover{box-shadow:var(--shadow-md);transform:scale(1.02);z-index:10}.block-item.selected{border:3px solid #fbbf24;box-shadow:0 0 0 3px #fbbf244d;z-index:20}.block-label-input{background:#0000;border:none;box-sizing:border-box;color:#fff;cursor:text;font-size:12px;font-weight:600;height:100%;outline:none;padding:2px;text-align:center;width:100%}.block-label-input:focus{background:#fff3;border-radius:4px}.block-color-picker{align-items:center;display:flex;gap:.5rem}.color-picker-label{color:var(--light-text);font-size:.9rem;font-weight:500}.color-input{border:2px solid var(--light-border);border-radius:4px;cursor:pointer;height:30px;width:40px}.separator-item{background:#9ca3af;border:1px solid #6b7280;box-shadow:var(--shadow-sm);cursor:move;position:absolute;transition:all .2s ease}.separator-item:hover{box-shadow:var(--shadow-md);z-index:10}.separator-item.selected{border:2px solid #fbbf24;box-shadow:0 0 0 2px #fbbf244d;z-index:20}.resize-handle{background:#fbbf24;border:2px solid #fff;border-radius:50%;box-shadow:var(--shadow-sm);cursor:pointer;height:12px;position:absolute;width:12px;z-index:30}.resize-handle:hover{background:#f59e0b;transform:scale(1.2)}.resize-n{cursor:n-resize;top:-6px}.resize-n,.resize-s{left:50%;transform:translateX(-50%)}.resize-s{bottom:-6px;cursor:s-resize}.resize-e{cursor:e-resize;right:-6px}.resize-e,.resize-w{top:50%;transform:translateY(-50%)}.resize-w{cursor:w-resize;left:-6px}.resize-ne{cursor:ne-resize;right:-6px;top:-6px}.resize-nw{cursor:nw-resize;left:-6px;top:-6px}.resize-se{bottom:-6px;cursor:se-resize;right:-6px}.resize-sw{bottom:-6px;cursor:sw-resize;left:-6px}.layout-settings-info{background:var(--light-surface);border-left:4px solid var(--accent-primary);border-radius:var(--radius-lg);margin-top:var(--spacing-lg);padding:var(--spacing-md)}.layout-settings-info p{color:var(--light-text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin:0}.layout-settings-info strong{color:var(--light-text)}.delete-confirm-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-confirm-dialog{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:400px;padding:2rem;width:90%}.delete-confirm-dialog h3{color:#1f2937;font-size:1.25rem;margin:0 0 1rem}.delete-confirm-dialog p{color:#6b7280;margin:0 0 1.5rem}.delete-confirm-buttons{display:flex;gap:.75rem;justify-content:flex-end}.toolbar-btn.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 0 2px #10b9814d}.toolbar-btn.active:hover{background:linear-gradient(135deg,#059669,#047857)}.toolbar-checkbox-group{align-items:center;display:flex;gap:.5rem}.availability-label,.toolbar-checkbox-label{align-items:center;color:var(--light-text);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.availability-checkbox{cursor:pointer;height:18px;width:18px}.block-action-btn{background:#6b7280;border-radius:4px;color:#fff;font-size:14px;padding:2px 6px}.project-list{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1)}.project-list-header{margin-bottom:var(--spacing-xl)}.project-list-header h1{color:#111827;font-size:2rem;font-weight:700;letter-spacing:-.025em;margin:0}.project-list-header-row{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.project-tabs-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between}.project-tabs{border-bottom:2px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:0;overflow:hidden}.project-tab{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;margin-bottom:-2px;padding:var(--spacing-md) var(--spacing-xl);position:relative;transition:all .2s ease;white-space:nowrap}.project-tab:hover{background:#4f46e50d;color:#374151}.project-tab.active{border-bottom-color:#4f46e5;color:#4f46e5;font-weight:600}.project-content{min-height:400px}.project-tab-content{margin-top:0;padding:var(--spacing-md) 0 0}.project-placeholder{background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;color:#6b7280;font-size:1rem;padding:var(--spacing-2xl);text-align:center}.project-placeholder p{margin:0}.project-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f}.project-table{background:#fff;border-collapse:initial;border-spacing:0;font-size:.9rem;width:100%}.project-table thead{background:linear-gradient(135deg,#7c3aed,#a855f7)}.project-table th{border-bottom:none;border-right:1px solid #ffffff4d;box-sizing:border-box;color:#fff;font-size:14px;font-weight:600;letter-spacing:.05em;line-height:1.3;overflow:hidden;padding:6px 8px;position:relative;text-align:left;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.project-table th:last-child{border-right:none}.project-table th:first-child{border-top-left-radius:12px}.project-table th:last-child{border-top-right-radius:12px}.project-table td{background:#fff;border-bottom:1px solid #f3f4f6;box-sizing:border-box;color:#1f2937;display:table-cell;font-size:15px;line-height:1.3;padding:6px 12px;vertical-align:middle}.project-table tbody tr{transition:all .2s ease}.project-table tbody tr:hover{background:#f9fafb}.project-table tbody tr:last-child td{border-bottom:none}.project-table tbody tr:last-child td:first-child{border-bottom-left-radius:12px}.project-table tbody tr:last-child td:last-child{border-bottom-right-radius:12px}.project-table td .truncated-text{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-table td:nth-child(10),.project-table td:nth-child(11),.project-table td:nth-child(7),.project-table td:nth-child(8),.project-table td:nth-child(9){color:#6b7280}.project-table td:first-child{color:#7c3aed;font-family:Courier New,monospace;font-weight:400;min-width:60px;text-align:center;width:60px}.project-table td.project-name-cell{color:#1f2937;font-size:15px;font-weight:400}.project-table td:nth-child(10),.project-table td:nth-child(11),.project-table td:nth-child(7),.project-table td:nth-child(8),.project-table td:nth-child(9),.project-table th:nth-child(10),.project-table th:nth-child(11),.project-table th:nth-child(7),.project-table th:nth-child(8),.project-table th:nth-child(9){max-width:120px;min-width:120px;padding:6px 10px;width:120px}.project-table td:last-child,.project-table th:last-child{min-width:95px;width:95px}.project-table td:last-child{box-sizing:border-box;display:table-cell;height:auto;line-height:1.3;padding:6px 4px;text-align:center;vertical-align:middle}.project-table th.project-actions-header{min-width:95px;padding:6px 4px;text-align:center;width:95px}.project-actions{display:flex;gap:4px;height:auto;min-height:0}.project-action-btn,.project-actions{justify-content:center;line-height:1;margin:0;padding:0}.project-action-btn{align-items:center;background:#f3f4f6;border:none;border-radius:5px;box-sizing:border-box;color:#6b7280;cursor:pointer;display:inline-flex;font-size:14px;height:22px;transition:all .2s ease;width:22px}.project-action-btn:hover{background:#7c3aed;box-shadow:0 4px 6px -1px #7c3aed4d;color:#fff;transform:translateY(-2px)}.project-action-btn.project-action-delete{color:#dc2626}.project-action-btn.project-action-delete:hover{background:#dc2626;box-shadow:0 4px 6px -1px #dc26264d;color:#fff}.project-delete-dialog{max-width:420px}.project-new-modal{max-width:720px}.project-new-form{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl)}.project-new-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.project-new-grid label{color:#4b5563;display:flex;flex-direction:column;font-size:.85rem;gap:6px}.project-new-grid span{font-weight:600}.project-new-grid input,.project-new-grid select{border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease}.project-new-grid input:focus,.project-new-grid select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f;outline:none}.project-new-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.project-settings{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1)}.project-settings-loading{color:#6b7280;padding:var(--spacing-2xl);text-align:center}.project-settings-content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.project-settings-grid{grid-gap:var(--spacing-xl);align-items:stretch;display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.project-settings-grid:has(>:only-child){grid-template-columns:minmax(360px,400px)}.project-settings-section{background:var(--light-surface);border:1px solid #0000001a;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);max-width:100%;min-width:360px;padding:var(--spacing-xl);width:100%}.project-settings-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.project-settings-tab{background:#fff;border:1px solid #d1d5db;border-radius:999px;color:#6b7280;cursor:pointer;font-weight:600;padding:var(--spacing-sm) var(--spacing-xl);transition:all .2s ease}.project-settings-tab.active{background:#4f46e5;border-color:#4f46e5;box-shadow:0 6px 18px #4f46e540;color:#fff}.project-settings-tab:not(.active):hover{background:#4f46e50d;color:#4f46e5}.project-settings-section-header{margin-bottom:var(--spacing-lg)}.project-settings-section-header h3{color:var(--light-text);font-size:14px;font-weight:700;margin:0 0 var(--spacing-xs) 0}.project-settings-section-header p{color:var(--light-text-secondary);font-size:15px;margin:0}.project-settings-select{background:#fff;border:1px solid #0003;border-radius:var(--radius-md);color:#111827;cursor:pointer;font-size:15px;padding:var(--spacing-md);transition:all .2s ease;width:100%}.project-settings-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #4f46e51a;outline:none}.project-settings-add-btn{margin-bottom:var(--spacing-md)}.project-settings-selected-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.project-settings-selected-item{align-items:center;background:#4f46e51a;border:1px solid #4f46e533;border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.technology-draggable{cursor:grab}.technology-draggable.dragging{cursor:grabbing;opacity:.6}.project-settings-selected-item span{color:#111827;font-size:15px;font-weight:500}.financial-year-option{align-items:center;display:flex;gap:var(--spacing-md)}.financial-year-option input[type=radio]{height:18px;width:18px}.project-settings-remove-btn{align-items:center;background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.project-settings-remove-btn:hover{background:#ef44441a;color:#dc2626}.project-settings-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:2000}.project-settings-modal-content{background:#fff;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.project-settings-modal-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:var(--spacing-lg)}.project-settings-modal-header h3{color:#111827;font-size:14px;font-weight:700;margin:0}.project-settings-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.project-settings-modal-close:hover{background:#0000000d;color:#111827}.project-settings-modal-body{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md);overflow-y:auto;padding:var(--spacing-lg)}.project-settings-modal-search{margin-bottom:var(--spacing-sm)}.project-settings-search-input{background:#fff;border:1px solid #0003;border-radius:var(--radius-md);color:#111827;font-size:15px;padding:var(--spacing-md);transition:all .2s ease;width:100%}.project-settings-search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #4f46e51a;outline:none}.project-settings-modal-list{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-sm);max-height:400px;overflow-y:auto}.project-settings-modal-no-results{color:#6b7280;font-size:15px;font-style:italic;padding:var(--spacing-xl);text-align:center}.project-settings-modal-item{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.project-settings-modal-item:hover{background:#4f46e50d}.project-settings-modal-item input[type=checkbox]{accent-color:var(--accent-primary);cursor:pointer;height:18px;width:18px}.project-settings-modal-item span{color:#111827;font-size:15px}.project-settings-modal-footer{border-top:1px solid #0000001a;display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-lg)}.project-settings-confirm-dialog{background:#fff;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;overflow:hidden;width:100%}.project-settings-confirm-header{border-bottom:1px solid #0000001a;padding:var(--spacing-lg)}.project-settings-confirm-header h3{color:#111827;font-size:14px;font-weight:700;margin:0}.project-settings-confirm-body{padding:var(--spacing-lg)}.project-settings-confirm-body p{color:#374151;font-size:15px;margin:0 0 var(--spacing-md) 0}.project-settings-confirm-employee{background:#4f46e51a;border-radius:var(--radius-sm);color:#111827!important;font-weight:600;padding:var(--spacing-sm) var(--spacing-md)}.project-settings-confirm-footer{border-top:1px solid #0000001a;display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-lg)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 6px -1px #ef44444d;transform:translateY(-2px)}.selected-value,.selected-values{background:#4f46e51a;border-radius:var(--radius-sm);color:#4f46e5;font-size:15px;font-weight:500;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.project-settings-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.project-settings-free-text-add{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.project-settings-free-text-input{background:#fff;border:1px solid #0003;border-radius:var(--radius-md);color:#111827;flex:1 1;font-size:15px;padding:var(--spacing-md);transition:all .2s ease}.project-settings-free-text-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a;outline:none}.project-settings-free-text-btn{padding:var(--spacing-md) var(--spacing-lg);white-space:nowrap}.deployment-settings{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1)}.deployment-settings-loading{color:var(--light-text-secondary);padding:var(--spacing-2xl);text-align:center}.deployment-settings-grid{grid-gap:var(--spacing-xl);align-items:stretch;display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(360px,400px))}.deployment-settings-section{background:var(--light-surface);border:1px solid #0000001a;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);max-width:400px;min-width:360px;padding:var(--spacing-xl);transition:all .3s ease;width:100%}.deployment-settings-section:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.deployment-settings-section-header{border-bottom:2px solid #4f46e51a;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.deployment-settings-section-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;color:var(--light-text);font-size:1.25rem;font-weight:700;margin:0 0 var(--spacing-xs) 0}.deployment-settings-section-header p{color:var(--light-text-secondary);font-size:.875rem;margin:0}.deployment-settings-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.deployment-settings-input-group{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.deployment-settings-free-text-input{border:1px solid #0003;border-radius:var(--radius-md);flex:1 1;font-size:.875rem;padding:var(--spacing-md);transition:all .2s ease}.deployment-settings-free-text-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #4f46e51a;outline:none}.btn-add{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease}.btn-add:hover{box-shadow:0 4px 12px #4f46e54d;transform:translateY(-1px)}.deployment-settings-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.deployment-settings-item{align-items:center;background:#4f46e50d;border:1px solid #4f46e51a;border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);transition:all .2s ease}.deployment-settings-item:hover{background:#4f46e51a;border-color:#4f46e533}.deployment-settings-radio-label{align-items:center;color:var(--light-text);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;gap:var(--spacing-sm)}.deployment-settings-radio-label input[type=radio]{cursor:pointer}.deployment-settings-current-badge{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;margin-left:auto;padding:2px 8px}.technology-draggable{cursor:move;-webkit-user-select:none;user-select:none}.technology-draggable:active{opacity:.6}.deployment-settings-drag-handle{color:var(--light-text-muted);cursor:grab;font-size:1.2rem}.deployment-settings-drag-handle:active{cursor:grabbing}.deployment-settings-remove-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;margin-left:auto;padding:0;transition:all .2s ease;width:24px}.deployment-settings-remove-btn:hover{background:#ef44441a;transform:scale(1.1)}.confirmation-dialog-overlay{align-items:center;animation:fadeIn .2s ease-in;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.confirmation-dialog-content{animation:slideUp .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:90vh;max-width:500px;overflow:auto;width:90%}.confirmation-dialog-header{border-bottom:1px solid #e0e0e0;padding:20px 24px}.confirmation-dialog-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.confirmation-dialog-body{color:#555;line-height:1.6;padding:24px;white-space:pre-line}.confirmation-dialog-body p{font-size:15px;margin:0}.confirmation-dialog-footer{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.confirmation-dialog-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:10px 20px;transition:all .2s ease}.confirmation-dialog-btn:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.confirmation-dialog-btn:active{transform:translateY(0)}.confirm-btn-primary{background-color:#007bff;color:#fff}.confirm-btn-primary:hover{background-color:#0056b3}.confirm-btn-danger{background-color:#dc3545;color:#fff}.confirm-btn-danger:hover{background-color:#c82333}.cancel-btn-secondary{background-color:#f8f9fa;border:1px solid #dee2e6;color:#333}.cancel-btn-secondary:hover{background-color:#e9ecef;border-color:#adb5bd}.project-forecast{animation:fadeInUp .4s ease;display:flex;flex-direction:column;gap:var(--spacing-lg)}.forecast-header{background:linear-gradient(135deg,#4f46e5,#8b5cf6);border-radius:32px;box-shadow:0 20px 35px #4f46e540;color:#fff;padding:2.5rem}.forecast-header h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);margin:0 0 .25rem}.forecast-header p{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);margin:0;opacity:.95}.forecast-placeholder{border:1px dashed #d1d5db;border-radius:var(--radius-xl);color:#6b7280;font-size:1rem;padding:var(--spacing-2xl);text-align:center}.forecast-placeholder.error{border-color:#fca5a5;color:#b91c1c}.forecast-controls{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.forecast-month-header{align-items:center;display:flex;font-size:.75rem;gap:.2rem;justify-content:center;position:relative}.forecast-copy-icon{background:none;border:none;border-radius:4px;color:#4f46e5;cursor:pointer;font-size:1rem;line-height:1;opacity:.6;padding:2px 4px;transition:all .2s ease}.forecast-copy-icon:hover{background:#4f46e51a;opacity:1;transform:translateX(2px)}.forecast-copy-icon:active{transform:translateX(4px)}.forecast-tabs{border-bottom:2px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);overflow:hidden}.forecast-tab{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:-2px;padding:.5rem 1rem;position:relative;transition:all .2s ease;white-space:nowrap}.forecast-tab:hover{background:#4f46e50d;color:#374151}.forecast-tab.active{border-bottom-color:#4f46e5;color:#4f46e5;font-weight:var(--font-weight-semibold)}.forecast-tab-content{margin-top:0;padding:var(--spacing-sm) 0 0}.forecast-tab-content:has(.project-distribution-table-container){padding-top:0}.forecast-fte-cell{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:.25rem;justify-content:center;line-height:1.2;min-height:auto;padding:.25rem .2rem;transition:background-color .2s}.forecast-fte-cell:hover{background-color:#4f46e51a}.forecast-buffer-indicator{background:#0596691a;border-radius:3px;color:#059669;font-size:.75rem;font-weight:600;padding:.15rem .4rem}.forecast-trainees-diff{color:#10b981!important;font-weight:var(--font-weight-semibold);margin-left:4px}.forecast-buffer-diff{color:#dc2626;font-size:.85rem;font-weight:600;margin-left:.25rem}.buffer-modal-overlay{align-items:center;animation:fadeIn .2s;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.buffer-modal-content{animation:slideUp .3s;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%}.buffer-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.buffer-modal-header h3{color:#111827;font-size:1.25rem;margin:0}.buffer-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.buffer-modal-close:hover{background-color:#f3f4f6;color:#111827}.buffer-modal-body{padding:1.5rem}.buffer-modal-info{margin-bottom:1.5rem}.buffer-modal-info p{color:#4b5563;font-size:.95rem;margin:.5rem 0}.buffer-modal-info strong{color:#111827;display:inline-block;min-width:100px}.buffer-modal-input{margin-bottom:1.5rem}.buffer-modal-input label{color:#374151;display:flex;flex-direction:column;font-size:.95rem;font-weight:500;gap:.5rem}.buffer-modal-input input{border:1px solid #d1d5db;border-radius:6px;font-size:1rem;padding:.75rem;width:100%}.buffer-modal-input input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.buffer-modal-actions{display:flex;gap:.75rem;justify-content:flex-end}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.forecast-controls label{color:#4b5563;display:flex;flex-direction:column;font-size:.8rem;gap:2px}.forecast-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-size:.85rem;min-width:160px;padding:.4rem .6rem}.forecast-warning{background:#fbbf2426;border:1px solid #fbbf2466;border-radius:12px;color:#92400e;font-size:.95rem;padding:.75rem 1rem}.forecast-projects{display:flex;flex-direction:column;gap:var(--spacing-md)}.forecast-project-card{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 12px #0f172a0a;display:flex;flex-direction:column;gap:var(--spacing-sm);overflow:hidden;padding:var(--spacing-md);position:relative}.forecast-project-card:after{border:1px solid #4f46e50d;border-radius:18px;content:"";inset:0;pointer-events:none;position:absolute}.forecast-project-header{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.forecast-project-header h3{color:#111827;font-size:.95rem;font-weight:600;margin:0}.forecast-save-btn{background:#e5e7eb;border:none;border-radius:8px;color:#6b7280;cursor:not-allowed;font-size:.875rem;font-weight:600;padding:.5rem 1.25rem;transition:all .2s ease;white-space:nowrap}.forecast-save-btn.has-changes{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer}.forecast-save-btn.has-changes:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.forecast-save-btn.has-changes:active:not(:disabled){transform:translateY(0)}.forecast-save-btn.saving{background:#9ca3af;cursor:wait;opacity:.8}.project-table-wrapper{max-width:100%;overflow-x:auto;width:100%}.project-table-wrapper::-webkit-scrollbar{height:6px}.project-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.project-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.project-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.forecast-table{border-collapse:initial;border-spacing:0;min-width:-webkit-fit-content;min-width:fit-content;table-layout:fixed;width:100%}.forecast-table thead th{background:linear-gradient(135deg,#f4f5ff,#eef2ff);border-bottom:2px solid #e0e7ff;color:#4338ca;font-size:.7rem;font-weight:600;letter-spacing:.01em;padding:.3rem .25rem;position:relative;white-space:nowrap}.forecast-table td,.forecast-table th{font-size:.75rem;overflow:visible!important;padding:.25rem .2rem;position:relative;text-align:left}.forecast-table th:first-child{max-width:70px!important;min-width:60px!important;text-align:left!important;width:65px!important}.forecast-table td:not(:first-child):not(.total-cell),.forecast-table th:not(:first-child):not(.total-cell){max-width:75px;min-width:65px;overflow:visible!important;position:relative;text-align:center;width:70px}.forecast-table tbody tr{background:#fff;border-bottom:1px solid #f3f4f6}.forecast-table tbody tr:hover{background:#f9fafb}.forecast-table input.forecast-input{background:#fff;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;color:#111827;flex:0 0 auto;font-size:.75rem;max-width:45px;min-width:45px;padding:.2rem .15rem;text-align:center;transition:all .15s ease;width:45px}.buffer-modal-input input[type=number],.forecast-table input.forecast-input{-moz-appearance:textfield;-webkit-appearance:none}.buffer-modal-input input[type=number]::-webkit-inner-spin-button,.buffer-modal-input input[type=number]::-webkit-outer-spin-button,.forecast-table input.forecast-input::-webkit-inner-spin-button,.forecast-table input.forecast-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.forecast-table input.forecast-input.unsaved{background:#f0fdf4;border-color:#10b981;color:#10b981;font-weight:500}.forecast-table input.forecast-input:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e526;outline:none}.forecast-fte-value{color:#1f2937;display:inline-block;font-size:.75rem;font-weight:500;line-height:1.3;max-width:65px;min-width:45px;padding:0;text-align:center}.forecast-input-wrapper{align-items:center!important;display:flex!important;flex-wrap:nowrap!important;gap:.25rem!important;justify-content:center!important;min-width:0;overflow:visible!important;padding:0!important;position:relative;width:100%!important}.forecast-fte-checkbox{align-items:center!important;display:flex!important;height:20px!important;justify-content:center!important;margin-left:.25rem!important;min-width:20px!important;-webkit-user-select:none;user-select:none;width:20px!important;z-index:10!important}.forecast-fte-checkbox,.forecast-fte-checkbox input[type=checkbox]{cursor:pointer!important;flex-shrink:0!important;opacity:1!important;position:relative!important;visibility:visible!important}.forecast-fte-checkbox input[type=checkbox]{appearance:checkbox!important;-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;display:block!important;height:16px!important;margin:0!important;padding:0!important;width:16px!important;z-index:11!important}.tech-name-cell{color:#111827;font-size:.7rem;font-weight:600;overflow:hidden;padding:.25rem .2rem!important;text-overflow:ellipsis;white-space:nowrap}.forecast-table td:first-child,.forecast-table th:first-child,.tech-name-cell{max-width:75px!important;min-width:65px!important;text-align:left!important;width:70px!important}.forecast-table td:first-child,.forecast-table th:first-child{box-sizing:border-box}.project-total-row td,.total-cell{background:#4f46e514;color:#312e81;font-size:.75rem;font-weight:600;max-width:75px;min-width:65px;text-align:center!important;width:70px}.forecast-table td.total-cell,.forecast-table th.total-cell{text-align:center!important}.forecast-chart-card{background:linear-gradient(180deg,#fff,#f8f9ff);border:1px solid #0000000d;border-radius:20px;box-shadow:0 10px 25px #0f172a14;margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.forecast-chart-card h3{color:#111827;font-size:1.1rem;font-weight:700;margin:0 0 var(--spacing-md) 0}.forecast-grand-totals-card{background:linear-gradient(180deg,#fff,#f8f9ff);border:1px solid #0000000d;border-radius:20px;box-shadow:0 10px 25px #0f172a14;margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.forecast-grand-totals-card h3{color:#111827;font-size:1.1rem;font-weight:700;margin:0 0 var(--spacing-md) 0}.forecast-grand-totals-card .total-col{background:#4f46e51f;color:#312e81;font-weight:700}.forecast-grand-totals-card .grand-total{background:#4f46e533;color:#1e1b4b;font-weight:800}.forecast-grand-totals-card .total-label{background:#4f46e51f;color:#312e81;font-weight:700}.forecast-project-selector-container{margin-bottom:var(--spacing-sm);position:relative}.forecast-project-selector-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.4rem .75rem;transition:all .2s ease}.forecast-project-selector-btn:hover{background:#e5e7eb;border-color:#9ca3af}.forecast-project-selector-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:.5rem;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.forecast-project-selector-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.forecast-project-selector-header span{color:#374151;font-size:.9rem;font-weight:600}.forecast-project-selector-actions{display:flex;gap:.5rem}.forecast-deselect-all-btn,.forecast-select-all-btn{border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;padding:.4rem .8rem;transition:all .2s ease}.forecast-select-all-btn{background:#e0e7ff;border-color:#c7d2fe;color:#4f46e5}.forecast-select-all-btn:hover{background:#c7d2fe}.forecast-deselect-all-btn{background:#fee2e2;border-color:#fecaca;color:#dc2626}.forecast-deselect-all-btn:hover{background:#fecaca}.forecast-project-selector-list{max-height:300px;overflow-y:auto;padding:.5rem}.forecast-project-selector-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:background-color .2s ease}.forecast-project-selector-item:hover{background:#f3f4f6}.forecast-project-selector-item input[type=checkbox]{accent-color:#4f46e5;cursor:pointer;height:18px;width:18px}.forecast-project-selector-name{color:#111827;flex:1 1;font-size:.9rem;font-weight:500}.forecast-project-selector-status{border-radius:4px;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:capitalize}.forecast-project-selector-status.status-active{background:#dcfce7;color:#166534}.forecast-project-selector-status.status-suspended{background:#fef3c7;color:#92400e}.forecast-project-selector-status.status-completed{background:#dbeafe;color:#1e40af}.forecast-project-selector-status.status-upcoming{background:#e9d5ff;color:#6b21a8}@media (max-width:1024px){.forecast-controls{align-items:flex-start;flex-direction:column}}.resources-container{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1);box-sizing:border-box;display:flex;flex-direction:column;height:100%;max-height:100vh;max-width:100%;overflow:hidden;padding:var(--spacing-md) var(--spacing-sm);width:100%}.resources-loading{align-items:center;color:var(--light-text-secondary);display:flex;font-size:var(--font-size-lg);height:400px;justify-content:center}.resources-controls{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs)}.resources-controls,.resources-dropdowns{display:flex;justify-content:flex-start;width:100%}.resources-dropdowns{align-items:flex-end;flex-wrap:wrap;gap:var(--spacing-md)}.resources-dropdown-label{color:var(--light-text);display:flex;flex-direction:column;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs)}.resources-month-buttons{align-items:flex-end;display:flex;gap:8px;margin-left:16px}.resources-month-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;min-width:50px;padding:8px 16px;text-align:center;transition:all .2s ease;white-space:nowrap}.resources-month-btn:hover{background:#4f46e50d;border-color:#4f46e5;color:#4f46e5}.resources-month-btn.current{background:#4f46e51a;border-color:#4f46e5;color:#4f46e5;font-weight:600}.resources-month-btn.selected{font-weight:600}.resources-month-btn.selected,.resources-month-btn.selected.current{background:#4f46e5;border-color:#4f46e5;color:#fff}.resources-tabs{border-bottom:2px solid #0000001a;justify-content:space-between;margin-bottom:var(--spacing-sm);width:100%}.resources-tabs,.resources-tabs-left,.resources-tabs-right{align-items:center;display:flex;gap:var(--spacing-sm)}.resources-tabs-right{margin-left:auto}.resources-copy-btn{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);white-space:nowrap}.resources-deployment-table-container{display:flex;flex:1 1;flex-direction:column;height:100%;max-height:100%;min-height:0;overflow:hidden;width:100%}.resources-deployment-table-container .table-container{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;flex:1 1;height:100%;max-height:100%;max-width:100%;min-height:0;overflow-x:auto;overflow-y:auto;position:relative;scrollbar-color:#7c3aed #f1f1f1;scrollbar-width:thin;width:100%}.resources-deployment-table-container .table-container::-webkit-scrollbar{display:block;height:12px;width:12px}.resources-deployment-table-container .table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.resources-deployment-table-container .table-container::-webkit-scrollbar-thumb{background:#7c3aed;border-radius:6px;min-height:20px;min-width:20px}.resources-deployment-table-container .table-container::-webkit-scrollbar-thumb:hover{background:#6d28d9}.resources-deployment-table-container .employees-table{border-collapse:initial;border-spacing:0;min-width:-webkit-max-content;min-width:max-content;table-layout:auto;width:100%}.resources-deployment-table-container .employees-table td,.resources-deployment-table-container .employees-table th{border-bottom:1px solid #e5e7eb;overflow:visible;padding:12px 16px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.resources-deployment-table-container .header-content{align-items:center;box-sizing:border-box;display:flex;gap:4px;min-width:0;overflow:visible;position:relative;width:100%;z-index:1}.resources-deployment-table-container .header-content span{color:#fff;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resources-deployment-table-container .sort-icon{color:#fff9;display:inline-block;flex-shrink:0;font-size:14px;min-width:14px;text-align:center;transition:all .2s ease}.resources-deployment-table-container .sort-icon.active{color:#fff;font-size:15px;font-weight:700}.resources-deployment-table-container .header-actions{align-items:center;display:flex;flex-shrink:0;gap:2px}.resources-deployment-table-container .search-icon{align-items:center;background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;height:20px;justify-content:center;min-width:20px;padding:2px 4px;transition:all .2s ease}.resources-deployment-table-container .search-icon:hover{background:#ffffff4d;transform:scale(1.1)}.resources-deployment-table-container .search-icon.active{background:#fff6;box-shadow:0 0 0 2px #ffffff80}.resources-deployment-table-container .search-tooltip{animation:tooltipFadeIn .2s ease;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-sizing:border-box;max-width:300px;min-width:200px;padding:12px;position:absolute;right:0;top:calc(100% + 8px);white-space:nowrap;width:-webkit-max-content;width:max-content;z-index:1000}.resources-deployment-table-container .search-tooltip:before{border:6px solid;border-color:#0000 #0000 #fff;bottom:100%;content:"";pointer-events:none;position:absolute;right:12px}.resources-deployment-table-container .search-tooltip:after{border:7px solid;border-color:#0000 #0000 #e5e7eb;bottom:100%;content:"";pointer-events:none;position:absolute;right:11px;z-index:-1}.resources-deployment-table-container .tooltip-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-size:13px;padding:6px 10px;transition:all .2s ease;width:100%}.resources-deployment-table-container .tooltip-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.resources-deployment-table-container .tooltip-input::placeholder{color:#9ca3af}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.resources-deployment-table-container .employees-table th{background:linear-gradient(135deg,#7c3aed,#a855f7);border-bottom:none;border-right:1px solid #ffffff4d;box-sizing:border-box;color:#fff;font-size:14px;font-weight:600;letter-spacing:.05em;line-height:1.3;overflow:visible;padding:6px 8px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;vertical-align:middle;white-space:nowrap;z-index:10}.resources-deployment-table-container .employees-table th:last-child{border-right:none}.resources-deployment-table-container .employees-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.resources-deployment-table-container .employees-table th.sortable:hover{background:linear-gradient(135deg,#6d28d9,#9333ea)}.resources-deployment-table-container .employees-table tbody tr:hover{background-color:#f9fafb}.resources-deployment-table-container .employees-table tbody tr:nth-child(2n){background-color:#fffef0}.resources-deployment-table-container .employees-table tbody tr td.resource-cell-empty,.resources-deployment-table-container .employees-table tbody tr:nth-child(2n) td.resource-cell-empty{background-color:#ffe5e5!important}.resources-deployment-table-container .filter-input,.resources-deployment-table-container .select-input{background:#fff;border:1px solid #7c3aed33;border-radius:8px;font-family:inherit;font-size:13px;padding:8px 12px;transition:all .2s ease;width:100%}.resources-deployment-table-container .filter-input::placeholder{color:#9ca3af;font-size:12px}.resources-deployment-table-container .filter-input:focus,.resources-deployment-table-container .select-input:focus{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed26;outline:none}.resources-tab{background:none;border:none;border-bottom:3px solid #0000;color:var(--light-text-secondary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:-2px;padding:var(--spacing-md) var(--spacing-xl);position:relative;transition:all .2s ease}.resources-tab:hover{background:#4f46e50d;color:var(--light-text)}.resources-tab.active{border-bottom-color:var(--accent-primary);color:var(--accent-primary);font-weight:var(--font-weight-semibold)}.resources-tab-content,.resources-tab-panel{display:flex;flex:1 1;flex-direction:column;height:100%;max-height:100%;min-height:0;overflow:hidden}.resources-tab-panel{box-sizing:border-box;max-width:100%;padding:0;width:100%}.resources-tab-panel .dashboard{-webkit-overflow-scrolling:touch;height:100%;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-md);scrollbar-color:#7c3aed #f1f1f1;scrollbar-width:thin}.resources-tab-panel .dashboard::-webkit-scrollbar{width:12px}.resources-tab-panel .dashboard::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.resources-tab-panel .dashboard::-webkit-scrollbar-thumb{background:#7c3aed;border-radius:6px}.resources-tab-panel .dashboard::-webkit-scrollbar-thumb:hover{background:#6d28d9}.resources-tab-panel h2{color:var(--light-text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}.resources-tab-panel p{color:var(--light-text-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}.resources-employee-header{align-items:flex-start;display:flex;gap:var(--spacing-md);justify-content:flex-start;margin-bottom:var(--spacing-md);width:100%}.resources-employee-header h2{margin-bottom:var(--spacing-xs)}.resources-info{color:var(--light-text-secondary);font-size:var(--font-size-sm);margin:0}.resources-employee-table-container{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md);height:100%;margin-top:var(--spacing-md);max-height:100%;max-width:100%;min-height:0;overflow:hidden;width:100%}.resources-employee-table-container .table-container{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;flex:1 1;height:100%;max-height:100%;max-width:100%;min-height:0;overflow-x:auto;overflow-y:auto;position:relative;scrollbar-color:#7c3aed #f1f1f1;scrollbar-width:thin;width:100%}.resources-employee-table-container .table-container::-webkit-scrollbar{display:block;height:12px}.resources-employee-table-container .table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.resources-employee-table-container .table-container::-webkit-scrollbar-thumb{background:#7c3aed;border-radius:6px;min-width:20px}.resources-employee-table-container .table-container::-webkit-scrollbar-thumb:hover{background:#6d28d9}.resources-employee-table-container .employees-table{min-width:-webkit-max-content;min-width:max-content;table-layout:auto;width:100%}.resources-employee-table-container .employees-table td,.resources-employee-table-container .employees-table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resources-employee-table-container .employees-table td:not(.employee-id):not(.col-billable):not(.col-onsite),.resources-employee-table-container .employees-table th:not(.col-id):not(.col-billable):not(.col-onsite){max-width:none;min-width:auto;width:auto}.resources-employee-table-container .employees-table td.employee-name,.resources-employee-table-container .employees-table th:nth-child(2){max-width:150px;min-width:150px;width:150px}.resources-employee-count{background:#4f46e50d;border-radius:var(--radius-md);color:var(--light-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);text-align:right}.resources-empty-state{background:#00000005;border:1px dashed #0000001a;border-radius:var(--radius-md);color:var(--light-text-secondary);font-style:italic;padding:var(--spacing-2xl);text-align:center}.release-dialog-container{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.release-dialog{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dialog-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:24px}.dialog-title{color:#111827;font-size:1.5rem;font-weight:700;margin:0}.btn-close-modal{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.btn-close-modal:hover{background:#0000000d;color:#111827}.dialog-content{padding:24px}.dialog-info{background:#4f46e50d;border-radius:8px;color:#374151;font-size:.875rem;margin-bottom:24px;padding:12px}.dialog-info strong{color:#111827;font-weight:600}.release-dialog .form-group{margin-bottom:20px}.release-dialog .form-group label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}.release-dialog .form-group input{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:.875rem;padding:10px 12px;transition:all .2s;width:100%}.release-dialog .form-group input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.dialog-actions{border-top:1px solid #0000001a;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.dialog-actions .btn{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 20px;transition:all .2s}.dialog-actions .btn-secondary{background:#f3f4f6;color:#374151}.dialog-actions .btn-secondary:hover{background:#e5e7eb}.dialog-actions .btn-primary{background:#4f46e5;color:#fff}.dialog-actions .btn-primary:hover{background:#4338ca}.users-container{padding:2rem}.users-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.users-header h1{color:#111827;font-size:1.875rem;font-weight:700;margin:0}.users-add-button{align-items:center;background:linear-gradient(135deg,#ec4899,#8b5cf6);border:none;border-radius:8px;box-shadow:0 2px 8px #ec48994d;color:#fff;cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease-in-out}.users-add-button:hover{box-shadow:0 4px 12px #ec489966;transform:translateY(-1px)}.users-form{background:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2rem}.users-form h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;margin-top:0}.form-group{margin-bottom:1rem}.form-group label{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}.required{color:#dc2626}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:.375rem;font-family:inherit;font-size:1rem;padding:.75rem;width:100%}.form-group input.disabled{background-color:#f3f4f6;cursor:not-allowed}.form-group input:focus,.form-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:1.5rem}.cancel-button,.submit-button{border:none;border-radius:8px;cursor:pointer;font-size:.8125rem;font-weight:600;padding:8px 16px;transition:all .2s ease-in-out}.cancel-button{background:#f3f4f6;color:#374151}.cancel-button:hover{background:#e5e7eb}.submit-button{background:linear-gradient(135deg,#ec4899,#8b5cf6);box-shadow:0 2px 8px #ec48994d;color:#fff}.submit-button:hover{box-shadow:0 4px 12px #ec489966;transform:translateY(-1px)}.users-table-container{background:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.users-table th{font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.users-table tbody tr{border-bottom:1px solid #e5e7eb}.users-table tbody tr:hover{background-color:#f9fafb}.users-table td{color:#374151;padding:1rem}.role-badge{border-radius:9999px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}.action-buttons{display:flex;gap:8px}.delete-button,.edit-button{border:none;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:600;padding:4px 12px;transition:all .2s ease}.edit-button{background:#3b82f6;color:#fff}.edit-button:hover{background:#2563eb}.delete-button{background:#ef4444;color:#fff}.delete-button:hover{background:#dc2626}.empty-state{color:#6b7280}.empty-state,.users-access-denied,.users-loading{padding:2rem;text-align:center}.users-access-denied h2{color:#dc2626;margin-bottom:.5rem}@media (max-width:768px){.users-container{padding:1rem}.users-header{align-items:flex-start;flex-direction:column;gap:1rem}.users-table-container{overflow-x:auto}.users-table{min-width:600px}}.login-container{display:flex;font-family:Raleway,sans-serif;min-height:100vh;overflow:hidden;width:100%}.login-form-section{align-items:center;background:#fff;display:flex;flex:0 0 35%;flex-direction:column;justify-content:center;padding:3rem 4rem;position:relative}.login-form-content{max-width:400px;width:100%}.login-logo-container{align-items:center;display:flex;justify-content:center;margin-bottom:2rem}.login-logo{max-height:60px;max-width:200px;object-fit:contain}.logo-text{color:#6366f1;font-size:1.5rem;font-weight:700;letter-spacing:.1em}.google-login-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.75rem;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;letter-spacing:.05em;padding:1rem 1.5rem;text-transform:uppercase;transition:all .3s ease;width:100%}.google-login-button:hover{box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.google-login-button:active{transform:translateY(0)}.google-icon{flex-shrink:0}.login-info-text{color:#6b7280;font-size:.875rem;line-height:1.6;margin-top:1.5rem;text-align:center}.login-welcome-section{align-items:flex-start;background:linear-gradient(135deg,#10b981,#059669 30%,#047857 70%,#065f46);display:flex;flex:0 0 65%;flex-direction:column;justify-content:center;overflow:hidden;padding:4rem 5rem;position:relative}.login-welcome-section:before{background:#ffffff1a;border-radius:50% 40% 60% 30%;bottom:10%;content:"";filter:blur(20px);height:300px;left:5%;position:absolute;transform:rotate(-25deg);width:200px}.login-welcome-section:after{background:#ffffff1f;border-radius:60% 40% 50% 50%;content:"";filter:blur(18px);height:180px;position:absolute;right:15%;top:20%;transform:rotate(-15deg);width:180px}.welcome-content{max-width:600px;position:relative;z-index:10}.welcome-title{color:#fff;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;text-shadow:0 2px 10px #0003}.welcome-description{color:#fffffff2;font-size:1.125rem;font-weight:400;line-height:1.8;margin-bottom:0}.login-footer{bottom:2rem;color:#ffffffb3;font-size:.875rem;left:50%;position:absolute;text-align:center;transform:translateX(-50%);z-index:10}.version-text{font-size:.75rem;margin-top:.5rem;opacity:.8}@media (max-width:768px){.login-container{flex-direction:column}.login-form-section,.login-welcome-section{flex:1 1;padding:2rem}.welcome-title{font-size:2rem}.welcome-description{font-size:1rem}}
/*# sourceMappingURL=main.ffa50921.css.map*/