*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dashboard-layout{background:#f5f5f5;display:flex;flex-direction:column;height:100vh}.header{background:#41aafe;padding:10px 20px}.header-content{gap:10px}.header-logo-section{gap:12px;justify-content:center}.header-logo{object-fit:contain}.header-title{color:#fff;font-size:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-toggle{align-items:center;background:#fff3;border-radius:4px;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;min-width:40px;padding:6px 10px;transition:background .3s ease}.menu-toggle:hover{background:#ffffff4d}.header-actions{gap:15px}.profile-button{background:#fff3;border-radius:25px;color:#fff;font-size:14px;gap:10px;padding:8px 15px;transition:background .3s ease}.profile-button:hover{background:#ffffff4d}.profile-icon{font-size:20px}.profile-name{white-space:nowrap}.dropdown-arrow{font-size:10px;transition:transform .3s ease}.dropdown-menu{animation:slideDown .2s ease;overflow:hidden;top:calc(100% + 10px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{background:#f8f9fa;gap:12px;padding:15px}.dropdown-user-icon{align-items:center;background:#41aafe;border-radius:50%;display:flex;font-size:24px;height:45px;justify-content:center;width:45px}.dropdown-user-name{color:#333;font-size:14px;margin-bottom:4px}.dropdown-user-email{color:#666;font-size:12px;word-break:break-all}.dropdown-divider{background:#e0e0e0;margin:5px 0}.dropdown-item{color:#333;font-size:14px;gap:12px;padding:12px 15px;transition:background .2s ease}.dropdown-item:hover{background:#f8f9fa}.dropdown-item.logout{color:#dc3545}.dropdown-item.logout:hover{background:#fff5f5}.dropdown-item-icon{font-size:18px;text-align:center;width:20px}.user-info{color:#fff;font-size:14px;font-weight:500}.sidebar{background:#2c3e50;transition:width .3s ease,transform .3s ease}.sidebar.closed{width:70px}.sidebar-nav{gap:0;padding:20px 0}.nav-item{gap:15px;padding:15px 20px;transition:all .3s ease}.nav-item:hover{background:#34495e}.nav-item.active,.nav-item:active{background:#3498db;border-left-color:#2980b9;box-shadow:0 2px 4px #0003;color:#fff}.nav-icon{font-size:20px;min-width:20px;text-align:center}.nav-label{font-size:14px;white-space:nowrap}.sidebar.closed .nav-label{display:none}.sidebar.closed .nav-item{justify-content:center;padding:15px 10px}.content{padding:30px}.content.expanded{margin-left:0}.dashboard-header{margin-bottom:30px}.dashboard-header h2{color:navy;font-size:32px;margin:0 0 10px}.dashboard-header p{color:#666;font-size:16px;margin:0}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stats-card{align-items:center;background:#fff;border-left:5px solid;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:15px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.stats-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-5px)}.stats-icon{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.stats-content h4{color:#333;font-size:14px;font-weight:600;margin:0 0 8px}.stats-value{color:navy;font-size:24px;font-weight:700;margin:0}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.chart-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.chart-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-5px)}.chart-card h3{color:navy;font-size:18px;font-weight:600;margin:0 0 20px}.chart{height:240px;overflow:hidden}.bars,.chart{align-items:flex-end;display:flex}.bars{box-sizing:border-box;gap:8px;height:180px;justify-content:space-around;width:100%}.bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px}.bar-container{background:#f9f9f9;height:180px;overflow:hidden;width:100%}.bar,.bar-container{align-items:flex-end;border-radius:4px 4px 0 0;display:flex;justify-content:center}.bar{padding-bottom:5px;position:relative;transition:all .3s ease;width:70%}.bar:hover{opacity:.8;transform:translateY(-5px)}.bar-value{color:#fff;font-size:12px;font-weight:600}.bar-label{color:#666;font-size:12px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.hbar-list{display:flex;flex-direction:column;gap:10px}.hbar-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr auto}.hbar-label{display:none}.hbar-barwrap{background:#f3f6f9;border-radius:4px;height:20px;overflow:hidden}.hbar-bar{border-radius:4px;height:100%;position:relative;transition:width .3s ease}.hbar-barlabel{color:#000;font-size:12px;left:8px;overflow:hidden;position:absolute;text-overflow:ellipsis;text-shadow:none;top:50%;transform:translateY(-50%);white-space:nowrap}.hbar-value{color:navy;font-size:12px;font-weight:600}.hbar-actions{display:flex;justify-content:flex-end;margin-top:10px}.hbar-toggle{background:#41aafe;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 10px}.hbar-empty{background:#f9f9f9;border-radius:4px;color:#666;height:120px;justify-content:center}.hbar-empty,.line-chart{align-items:center;display:flex}.line-chart{flex-direction:column;gap:15px}.line-chart svg{border:1px solid #f0f0f0;border-radius:4px;height:auto;max-height:220px;width:100%}.line-labels{display:flex;gap:10px;justify-content:space-around;width:100%}.line-label{color:#666;flex:1 1;font-size:12px;text-align:center}.pie-chart{align-items:center;display:flex;flex-direction:column;gap:12px}.pie-svg{height:auto;max-width:100%}.pie-empty{align-items:center;background:#f9f9f9;border-radius:4px;color:#666;display:flex;height:180px;justify-content:center;width:100%}.pie-legend{grid-gap:8px 16px;display:grid;gap:8px 16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));width:100%}.pie-legend-item{align-items:center;display:flex;gap:8px}.pie-legend-swatch{border-radius:2px;height:12px;width:12px}.pie-legend-label{color:#666;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-card{grid-column:span 1}.summary-content{display:flex;flex-direction:column;gap:15px}.summary-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding-bottom:10px}.summary-item:last-child{border-bottom:none}.summary-item .label{color:#666;font-size:14px;font-weight:500}.summary-item .value{color:navy;font-size:16px;font-weight:700}.industry40-section{margin-bottom:40px;margin-top:24px}.industry40-chart-wrapper{background:#fff;border:2px solid #41aafe;border-radius:14px;box-shadow:0 4px 16px #0000001a;padding:28px}.industry40-chart-title{border-bottom:3px solid #41aafe;color:#1f2937;font-size:24px;font-weight:700;margin:0 0 20px;padding-bottom:12px;text-align:center}.industry40-chart-svg{display:block;height:auto;margin:20px 0;min-height:380px;width:100%}.industry40-legend{background:#f9fafb;border-radius:8px;display:flex;gap:30px;justify-content:center;margin-top:16px;padding:16px}.industry40-legend .legend-item{align-items:center;color:#1f2937;display:flex;font-size:15px;font-weight:600;gap:10px}.industry40-legend .legend-line{border-radius:2px;display:inline-block;height:3px;width:24px}.industry40-legend .legend-line.actual{background:#41aafe}.industry40-legend .legend-line.target{background:#ffb74d}.kpi-charts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:20px}.kpi-chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 8px #00000014;padding:16px}.kpi-chart-card-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.kpi-chart-title{color:#1f2937;font-size:16px;font-weight:700}.kpi-chart-legend{align-items:center;color:#4b5563;display:flex;font-size:13px;gap:10px}.legend-dot{border-radius:50%;display:inline-block;height:10px;margin-right:4px;width:10px}.legend-actual{background:#41aafe}.legend-target{background:#ffb74d}.kpi-chart-bars{align-items:flex-end;display:flex;gap:12px;height:200px;padding:4px 0}.kpi-chart-group{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:40px}.bar-pair{gap:6px}.bar-pair,.kpi-chart-bar{align-items:flex-end;display:flex}.kpi-chart-bar{border-radius:4px 4px 0 0;box-sizing:border-box;color:#111827;font-size:11px;font-weight:700;justify-content:center;padding:2px;position:relative;width:18px}.kpi-chart-bar.actual{background:#41aafe}.kpi-chart-bar.target{background:#ffb74d}.bar-value{color:#111827;font-size:11px;position:absolute;top:-18px}.kpi-chart-label{color:#4b5563;font-size:12px;text-align:center}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#0000001a}.sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff80}.content::-webkit-scrollbar{width:8px}.content::-webkit-scrollbar-track{background:#f5f5f5}.content::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.content::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width:1024px){.charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.sidebar{height:calc(100vh - 60px);left:0;position:fixed;top:60px;transform:translateX(-100%);z-index:99}.sidebar.open{transform:translateX(0)}.content{padding:20px}.dashboard-header h2{font-size:24px}.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.summary-card{grid-column:span 1!important}.profile-name{display:none}.profile-button{padding:8px 12px}.header-title{font-size:18px}.header-logo{height:35px}}@media (max-width:480px){.header{padding:8px 12px}.header-title{font-size:16px}.header-logo{height:32px}.header-logo-section{gap:8px}.stats-grid{grid-template-columns:1fr}.stats-card{flex-direction:column;text-align:center}.dashboard-header p{font-size:14px}.menu-toggle{font-size:18px;padding:4px 8px}.dropdown-menu{min-width:200px;right:-10px}}.speedometer-controls{background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:30px;padding:20px}.speedometer-display-wrapper{display:flex;justify-content:center;padding:20px 0}.speedometer-nav-wrapper{border-radius:8px;gap:20px;padding:20px}.nav-arrow,.speedometer-nav-wrapper{align-items:center;background:#fff;display:flex;justify-content:center}.nav-arrow{border:2px solid #41aafe;border-radius:50%;color:#41aafe;cursor:pointer;flex-shrink:0;font-size:28px;font-weight:600;height:48px;transition:all .3s ease;width:48px}.nav-arrow:hover{background:#41aafe;box-shadow:0 4px 12px #41aafe4d;color:#fff;transform:scale(1.1)}.nav-arrow:active{transform:scale(.95)}.nav-arrow:disabled{border-color:#ccc;color:#ccc;cursor:not-allowed;opacity:.5}.nav-arrow:disabled:hover{background:#fff;box-shadow:none;color:#ccc;transform:none}.speedometer-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#f0f4f8);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;gap:15px;padding:20px}.speedometer-title{color:#41aafe;font-size:18px;font-weight:600;margin:0}.speedometer-svg{height:200px;max-width:100%;width:300px}.speedometer-display{display:flex;flex-direction:column;gap:8px;text-align:center}.efficiency-value{color:#41aafe;font-size:36px;font-weight:700}.efficiency-status{font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.efficiency-status.status-excellent{color:#22c55e}.efficiency-status.status-good{color:#eab308}.efficiency-status.status-poor{color:#ef4444}.departments-layout{background:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.departments-table{border-collapse:collapse;width:100%}.departments-table thead{background:#f8f9fa}.departments-table th{border-bottom:2px solid #e0e0e0;color:#333;font-size:14px;font-weight:600;padding:16px;text-align:left}.departments-table td{border-bottom:1px solid #f0f0f0;color:#666;font-size:14px;padding:16px}.departments-table tbody tr:hover{background:#f8f9fa}.departments-table tbody tr:last-child td{border-bottom:none}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:15px}.table-container{overflow-x:auto}.departments-table{min-width:600px}.action-buttons{flex-direction:column}.modal-content{margin:10px;width:95%}}.users-layout{background:#f5f5f5;display:flex;flex-direction:column;height:100vh}.users-layout .content h2{color:navy;font-size:32px;margin-bottom:25px}.page-header .btn-primary{align-items:center;display:flex;gap:8px}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:#f8f9fa}.users-table th{border-bottom:2px solid #e0e0e0;color:navy;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.users-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.users-table tbody tr:hover{background:#f8f9fa}.users-table tbody tr:last-child{border-bottom:none}.users-table td{color:#333;font-size:14px;padding:16px}.users-table td:first-child{color:navy;font-weight:600}@media (max-width:768px){.users-table{font-size:12px}.users-table td,.users-table th{padding:12px 8px}.page-header h2{font-size:24px}}.btn-edit{gap:5px}.btn-delete{align-items:center;display:inline-flex;gap:5px;justify-content:center;min-width:80px;white-space:nowrap}.table-controls{flex-wrap:wrap;gap:15px}.search-container{flex:1 1;max-width:500px;min-width:250px;position:relative}.search-input{border:1px solid #ddd;border-radius:4px;padding:8px 35px 8px 12px;transition:border-color .3s ease}.search-input:focus{box-shadow:0 0 0 2px #3498db1a}.clear-search{background:#0000;font-size:16px;padding:4px 8px;right:8px;top:50%;transform:translateY(-50%);transition:color .3s ease}.clear-search:hover{color:#e74c3c}.table-info{white-space:nowrap}.modal-content{max-width:700px}.form-row{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#41aafe}.form-group input.disabled-input{background:#f5f5f5;color:#999;cursor:not-allowed}.btn-primary,.btn-secondary{padding:10px 20px}.kmis-layout{background:#f5f5f5;display:flex;flex-direction:column;height:100vh}.page-header{margin-bottom:20px}.heading-section{align-items:center;display:flex;gap:20px;justify-content:space-between;width:100%}.page-header h2{flex:1 1}.filters-block{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:30px;padding:20px}.filters-group{flex-wrap:wrap;gap:20px}.filters-group,.year-filter{align-items:center;display:flex}.year-filter{gap:12px}.year-filter label{color:#333;font-size:14px;font-weight:600;white-space:nowrap}.year-dropdown{background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;font-size:14px;min-width:200px;padding:10px 16px;transition:all .3s ease}.year-dropdown:hover{border-color:#41aafe;box-shadow:0 2px 6px #41aafe33}.year-dropdown:focus{border-color:#41aafe;box-shadow:0 0 0 3px #41aafe1a;outline:none}.search-filter{align-items:center;display:flex;gap:12px;position:relative}.search-filter label{color:#333;font-size:14px;font-weight:600;white-space:nowrap}.search-input{background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#333;font-size:14px;min-width:250px;padding:10px 36px 10px 16px;transition:all .3s ease}.search-input::placeholder{color:#999}.search-input:hover{border-color:#41aafe;box-shadow:0 2px 6px #41aafe33}.search-input:focus{border-color:#41aafe;box-shadow:0 0 0 3px #41aafe1a}.clear-search{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;padding:4px;position:absolute;right:12px;transition:color .2s ease;width:24px}.clear-search:hover{color:#333}.fin-year-select:focus{border-color:#41aafe;box-shadow:0 0 0 3px #41aafe1a;outline:none}.kmis-table{border-collapse:collapse;width:100%}.kmis-table thead{background:#f8f9fa}.kmis-table th{border-bottom:2px solid #e0e0e0;color:navy;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.kmis-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.kmis-table tbody tr:hover{background:#f8f9fa}.kmis-table tbody tr:last-child{border-bottom:none}.kmis-table td{color:#333;font-size:14px;padding:16px}.kmis-table td:first-child,.kmis-table td:nth-child(2){color:navy;font-weight:600}.action-buttons{justify-content:flex-start}.btn-delete,.btn-edit{border-radius:4px;padding:6px 12px}.action-buttons{gap:8px;justify-content:center}.action-buttons button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.btn-view{background:#3b82f6;color:#fff}.btn-view:hover{background:#2563eb;box-shadow:0 2px 4px #3b82f64d}.btn-edit{background:#f59e0b}.btn-edit:hover{background:#d97706;box-shadow:0 2px 4px #f59e0b4d}.btn-delete{background:#ef4444}.btn-delete:hover{background:#dc2626;box-shadow:0 2px 4px #ef44444d}.tree-container{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:8px;padding:16px}.kpi-node{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px}.kpi-node-header{align-items:center;display:flex;gap:12px}.accordion-toggle{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;font-weight:700;height:28px;justify-content:center;transition:all .2s ease;width:28px}.accordion-toggle:hover{background:#f3f4f6}.accordion-toggle.empty{color:#9ca3af;cursor:default}.kpi-node-body{display:flex;flex:1 1;flex-direction:column;gap:4px}.kpi-node-title{color:#0f172a;font-size:15px;font-weight:700}.kpi-node-meta{align-items:center;display:flex;gap:8px}.badge{background:#e0f2fe;color:#0369a1}.badge,.pill{font-size:12px;font-weight:600;padding:4px 8px}.pill{background:#eef2ff;border-radius:12px;color:#4338ca}.kpi-node-actions{align-items:center;display:flex;gap:6px}.btn-ghost{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;padding:6px 8px;transition:all .2s ease}.btn-ghost:hover{background:#f8fafc;border-color:#cbd5e1}.btn-ghost.danger{border-color:#fecdd3;color:#dc2626}.kpi-children{display:flex;flex-direction:column;gap:8px;margin-top:10px}.modal-overlay{z-index:9999}.modal-content{box-shadow:0 4px 20px #0003;padding:0}.modal-header{background:#f8f9fa}.modal-header h3{color:navy}.modal-close{color:#666}.modal-close:hover{background:#e0e0e0;color:#000}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;padding:10px 12px;transition:border-color .2s ease}.modal-actions{border-top:1px solid #e0e0e0;padding-top:20px}.no-data{padding:40px}@media (max-width:768px){.kmis-table{font-size:12px}.kmis-table td,.kmis-table th{padding:12px 8px}.page-header h2{font-size:24px}.action-buttons{flex-direction:column}}.kmi-detail-layout{background:#f5f5f5;display:flex;flex-direction:column;height:100vh}.kmi-detail-header{align-items:center;display:flex;gap:30px;margin-bottom:40px;padding:0}.btn-back{background:#41aafe;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.btn-back:hover{background:#2d8fde;box-shadow:0 4px 8px #41aafe4d}.kmi-info{flex:1 1}.kmi-info h2{color:navy;font-size:28px;margin:0 0 10px}.kmi-info .fin-year{color:#666;font-size:14px;font-weight:500;margin:0}.section-title{color:#333;font-size:18px;font-weight:600;margin:0 0 20px}.kpi-types-container{margin-bottom:40px}.kpi-blocks-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.kpi-block{align-items:center;background:#fff;border:2px solid;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;flex-direction:column;padding:24px;text-align:center;transition:all .3s ease}.kpi-block:hover{box-shadow:0 8px 16px #0000001f;transform:translateY(-4px)}.kpi-block.active{box-shadow:0 8px 24px #00000026}.kpi-icon{font-size:48px;margin-bottom:12px}.kpi-name{font-size:16px;font-weight:700;margin:0 0 8px;transition:color .3s ease}.kpi-description{font-size:13px;line-height:1.4;margin:0;transition:color .3s ease}.kpi-details-section{animation:slideInUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:30px;padding:30px}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.kpi-details-content{margin-top:20px}.details-placeholder{background:#f9f9f9;border-radius:8px;color:#999;padding:40px 20px;text-align:center}.details-placeholder p{font-size:14px;margin:0 0 10px}.details-note{color:#ccc!important;font-size:12px;font-style:italic}@media (max-width:768px){.kmi-detail-header{align-items:flex-start;flex-direction:column;gap:15px}.kpi-blocks-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.kpi-block{padding:16px}.kpi-icon{font-size:36px}.kpi-name{font-size:14px}.kpi-description{font-size:12px}}.toggle-label-group{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.toggle-label-group label{font-weight:600;margin:0}.toggle-value{color:#41aafe;font-size:12px;font-weight:600}.slider-toggle{align-items:center;background:#f0f0f0;border:2px solid #e0e0e0;border-radius:20px;cursor:pointer;display:flex;height:32px;padding:2px;position:relative;transition:all .3s ease;width:60px}.slider-toggle.on,.slider-toggle:hover{border-color:#41aafe}.slider-toggle.on{background:#41aafe}.slider-toggle.off{background:#f0f0f0;border-color:#e0e0e0}.slider-thumb{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:24px;left:4px;position:absolute;transition:all .3s ease;width:24px}.slider-toggle.on .slider-thumb{left:calc(100% - 28px)}.reference-panel{background:#f0f7ff;border:1px solid #2196f3;border-radius:6px;margin-bottom:16px;padding:12px}.reference-panel h4{color:#1976d2;font-size:14px;font-weight:600;margin:0 0 10px}.reference-table-container{background:#fff;border:1px solid #bbdefb;border-radius:4px;max-height:200px;overflow-y:auto}.reference-table{border-collapse:collapse;font-size:13px;width:100%}.reference-table thead{background:#e3f2fd;position:-webkit-sticky;position:sticky;top:0;z-index:1}.reference-table th{border-bottom:2px solid #90caf9;color:#1565c0;font-weight:600;padding:8px;text-align:left}.reference-table td{border-bottom:1px solid #e3f2fd;padding:8px}.reference-table tr:hover{background:#e8f4fd}.reference-table .formula-ref code{background:#fff;border:1px solid #90caf9;border-radius:3px;color:#d32f2f;font-family:Courier New,monospace;font-size:12px;font-weight:700;padding:4px 8px}.reference-table .type-badge{background:#c8e6c9;border-radius:3px;color:#1b5e20;display:inline-block;font-size:11px;font-weight:600;padding:2px 6px;text-transform:capitalize}.formula-input{background:#f9f9f9;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;color:#333;font-family:Courier New,Monaco,monospace;font-size:13px;padding:10px;width:100%}.formula-input:focus{background:#fff;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;outline:none}.formula-help{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px;font-size:12px;margin-top:8px;padding:12px}.formula-help p{color:#1976d2;font-weight:600;margin:6px 0}.formula-help code{background:#fff;border-radius:3px;color:#d32f2f;font-size:11px;font-weight:700;padding:2px 6px}.formula-help ul{list-style-type:disc;margin:6px 0 0 20px;padding:0}.formula-help li{color:#1565c0;margin:4px 0}.kpi-selector{background:#fafafa;border:1px solid #ddd;border-radius:4px;padding:12px}.kpi-checkboxes{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;max-height:300px;overflow-y:auto;padding:4px}.checkbox-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;gap:10px;padding:10px;transition:all .2s}.checkbox-item:hover{border-color:#2196f3;box-shadow:0 2px 4px #0000001a}.checkbox-item input[type=checkbox]{cursor:pointer;flex-shrink:0;height:18px;width:18px}.checkbox-item label{align-items:center;cursor:pointer;display:flex;flex:1 1;font-size:14px;gap:8px;margin:0}.checkbox-item label .id-label{background:#fff;border:1px solid #2196f3;border-radius:3px;color:#d32f2f;display:inline-block;font-family:Courier New,monospace;font-size:12px;font-weight:700;padding:3px 8px}.checkbox-item label strong{color:#333;flex:1 1}.kpi-type-badge{background:#e0e0e0;border-radius:3px;color:#666;display:inline-block;font-size:11px;font-weight:600;padding:2px 6px;text-transform:capitalize}.form-label-help{color:#666;font-size:12px;font-weight:400;margin:4px 0 8px}.no-options{color:#999;font-style:italic;padding:20px;text-align:center}@media (max-width:768px){.reference-table{font-size:11px}.reference-table td,.reference-table th{padding:6px}.kpi-checkboxes{max-height:200px}.checkbox-item{padding:8px}.formula-help{font-size:11px}}.pillers-layout{background:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.notification{animation:slideInRight .3s ease,fadeOut .3s ease 3.7s;font-size:14px;gap:12px;max-width:500px;min-width:300px;padding:16px 20px;z-index:10000}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.notification.success{background:#d4edda;border-left:4px solid #28a745;color:#155724}.notification.error{background:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.notification-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;height:24px;justify-content:center;width:24px}.notification.success .notification-icon{background:#28a745;color:#fff}.notification.error .notification-icon{background:#dc3545;color:#fff}.notification-message{line-height:1.4}.notification-close{flex-shrink:0;font-size:24px;opacity:.6;transition:opacity .2s ease}.page-header{margin-bottom:30px}.page-header h2{color:navy;font-size:32px}.btn-primary{background:#41aafe;border-radius:6px;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{background:#2d8fde;box-shadow:0 4px 8px #41aafe4d}.btn-secondary{background:#6c757d;border-radius:6px;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-secondary:hover{background:#5a6268}.table-container{background:#fff;border-radius:8px}.pillars-table{border-collapse:collapse;width:100%}.pillars-table thead{background:#f8f9fa}.pillars-table th{border-bottom:2px solid #e0e0e0;color:#333;font-size:14px;font-weight:600;padding:16px;text-align:left}.pillars-table td{border-bottom:1px solid #f0f0f0;color:#666;font-size:14px;padding:16px}.pillars-table tbody tr:hover{background:#f8f9fa}.pillars-table tbody tr:last-child td{border-bottom:none}.no-data{color:#999;padding:40px!important}.action-buttons{gap:10px}.btn-delete,.btn-edit{border:none;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-edit{background:#3498db}.btn-edit:hover{background:#2980b9}.btn-delete{background:#e74c3c}.btn-delete:hover{background:#c0392b}.modal-overlay{animation:fadeIn .2s ease}.modal-content{border-radius:8px;box-shadow:0 10px 25px #0003}.modal-header{padding:20px 24px}.modal-header h3{font-size:20px}.modal-close{font-size:28px;height:30px;transition:color .2s ease;width:30px}.modal-content form{padding:24px}.form-group label{font-size:14px}.form-group input,.form-group textarea{border:2px solid #e0e0e0;border-radius:6px;font-family:inherit;font-size:14px;padding:12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#41aafe;outline:none}.modal-actions{gap:12px;margin-top:24px}.loading{font-size:16px;padding:40px;text-align:center}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;padding:12px 20px}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:15px}.table-container{overflow-x:auto}.pillars-table{min-width:600px}.action-buttons{flex-direction:column}.modal-content{margin:10px;width:95%}}.profile-layout{background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.profile-container{margin:0 auto;max-width:1400px;padding:2rem;width:100%}.profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.profile-header h2{color:#333;font-size:2rem;margin:0}.btn-edit{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-edit:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.profile-content{grid-gap:2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:grid;gap:2rem;grid-template-columns:300px 1fr;padding:2rem}.profile-sidebar-info{align-items:center;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;padding:2rem 1rem}.profile-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #667eea4d;display:flex;height:120px;justify-content:center;margin-bottom:1.5rem;width:120px}.avatar-icon{filter:brightness(0) invert(1);font-size:4rem}.profile-sidebar-info h3{color:#333;font-size:1.5rem;margin:0 0 .5rem;text-align:center}.profile-empid{color:#666;font-size:.9rem;margin-bottom:2rem}.btn-change-password{background:#f5f5f5;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.btn-change-password:hover{background:#667eea;border-color:#667eea;color:#fff}.profile-details{flex:1 1}.form-section{margin-bottom:2rem}.form-section h3{border-bottom:2px solid #f0f0f0;color:#333;font-size:1.3rem;margin:0 0 1.5rem;padding-bottom:.75rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.form-group.full-width{grid-column:1/-1}.form-group label{color:#555;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f9f9f9;color:#666;cursor:not-allowed}.input-disabled{background-color:#f0f0f0!important;cursor:not-allowed!important}.form-group textarea{min-height:80px;resize:vertical}.form-actions{border-top:2px solid #f0f0f0;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem}.btn-cancel{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:all .3s ease}.btn-cancel:hover{background:#f5f5f5;border-color:#999}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:all .3s ease}.btn-save:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.modal-overlay{animation:fadeIn .3s ease;background:#00000080;z-index:10000}.modal-content{animation:slideUp .3s ease;background:#fff;box-shadow:0 4px 20px #0000004d;width:90%}.modal-header{border-bottom:1px solid #e0e0e0}.modal-header h3{color:#333}.modal-close{color:#999;height:32px;transition:all .2s ease;width:32px}.modal-close:hover{background:#f0f0f0;color:#333}.modal-body,.modal-footer{padding:1.5rem}.modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end}.notification{animation:slideInRight .3s ease;font-weight:500;right:20px;top:80px;z-index:10001}.notification.success{background:#4caf50;color:#fff}.notification.error{background:#f44336;color:#fff}.loading{align-items:center;color:#666;display:flex;font-size:1.2rem;justify-content:center;padding:4rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.profile-content{grid-template-columns:1fr}.profile-sidebar-info{border-bottom:1px solid #e0e0e0;border-right:none;padding-bottom:2rem}}@media (max-width:768px){.profile-container{padding:1rem}.profile-header{align-items:flex-start;flex-direction:column;gap:1rem}.form-grid{grid-template-columns:1fr}.profile-content{padding:1.5rem}.form-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}.modal-content{margin:1rem;width:95%}}.roles-layout{background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.header{box-shadow:0 2px 8px #0000001a;z-index:100}.header-logo-section{margin-left:1rem}.header-title{color:#1e3a8a;font-size:1.5rem}.menu-toggle{color:#1e3a8a;transition:color .3s}.menu-toggle:hover{color:#3b82f6}.header-actions{align-items:center;display:flex;gap:1rem}.profile-button{background:none;border:none;font-size:.95rem;gap:.5rem;transition:background-color .3s}.profile-button:hover{background-color:#f3f4f6}.profile-name{color:#1f2937}.dropdown-arrow{color:#6b7280}.dropdown-menu{background:#fff;min-width:250px;padding:.5rem 0}.dropdown-header{border-bottom:1px solid #e5e7eb;gap:.75rem}.dropdown-user-name{color:#1f2937}.dropdown-user-email{color:#6b7280;font-size:.875rem}.dropdown-divider{background-color:#e5e7eb}.dropdown-item{color:#374151}.dropdown-item:hover{background-color:#f3f4f6}.dropdown-item.logout{color:#dc2626}.dropdown-item.logout:hover{background-color:#fee2e2}.dropdown-item-icon{font-size:1.25rem}.sidebar{background-color:#2c3e50;box-shadow:2px 0 8px #0000001a;color:#fff;width:250px}.nav-item{align-items:center;border-left:4px solid #0000;color:#bdc3c7;cursor:pointer;display:flex;gap:.75rem;padding:1rem 1.5rem;text-decoration:none;transition:all .2s}.nav-item:hover{background-color:#34495e;border-left-color:#3498db;color:#ecf0f1}.nav-item.active{background-color:#3498db;border-left-color:#2980b9;box-shadow:0 2px 4px #0003;color:#fff}.nav-icon{font-size:1.25rem}.nav-label{font-weight:500}.content{max-width:100%}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.page-header h2{color:#1e3a8a;font-size:1.875rem;font-weight:600;margin:0}.notification{box-shadow:0 2px 8px #0000001a;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.notification.success{background-color:#d1fae5;border-left:4px solid #10b981;color:#065f46}.notification.error{background-color:#fee2e2;border-left:4px solid #ef4444;color:#991b1b}.notification-icon{font-size:1.25rem}.notification-close{color:inherit;line-height:1;opacity:.7}.notification-close:hover{opacity:1}.btn-primary{align-items:center;display:flex;gap:.5rem}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.btn-delete,.btn-edit{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;gap:6px;justify-content:center;min-width:90px;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.btn-edit{border:none}.btn-delete{background-color:#e74c3c;border:none;color:#fff}.btn-delete:hover{background-color:#c0392b;background-color:#dc2626;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.table-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.roles-table{border-collapse:collapse;width:100%}.roles-table thead{background-color:#f3f4f6}.roles-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.roles-table td{border-bottom:1px solid #e5e7eb;color:#1f2937;padding:1rem}.roles-table tbody tr:hover{background-color:#f9fafb}.action-buttons{display:flex;gap:.5rem}.no-data{color:#6b7280;font-style:italic;padding:2rem!important;text-align:center}.error-message,.loading{font-size:1.125rem;padding:2rem;text-align:center}.error-message{background-color:#fee2e2;border-radius:8px;color:#dc2626;margin-bottom:1.5rem}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#1e3a8a;font-size:1.5rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:2rem;height:2rem;justify-content:center;line-height:1;padding:0;transition:background-color .2s;width:2rem}.modal-close:hover{background-color:#f3f4f6;color:#1f2937}.modal-content form{padding:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:1rem}.form-group{display:flex;flex-direction:column}.form-group label{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}@media (max-width:768px){.header-title{font-size:1.25rem}.sidebar{height:100vh;position:fixed;top:0;width:250px;z-index:999}.sidebar.closed{transform:translateX(-100%)}.content{margin-left:0!important;padding:1rem}.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.roles-table{font-size:.875rem}.roles-table td,.roles-table th{padding:.75rem .5rem}.action-buttons{flex-direction:column}}.user-roles-layout{background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.user-roles-table{border-collapse:collapse;width:100%}.user-roles-table thead{background-color:#f3f4f6}.user-roles-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.user-roles-table td{border-bottom:1px solid #e5e7eb;color:#1f2937;padding:1rem}.user-roles-table tbody tr:hover{background-color:#f9fafb}.role-badge{border-radius:9999px;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.role-admin{background-color:#fee2e2;color:#991b1b}.role-manager{background-color:#dbeafe;color:#1e40af}.role-employee{background-color:#d1fae5;color:#065f46}.role-management{background-color:#fef3c7;color:#92400e}.status-badge{border-radius:9999px;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.status-active{background-color:#d1fae5;color:#065f46}.status-inactive{background-color:#fee2e2;color:#991b1b}.form-group select:disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.table-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;padding:0 10px}.items-per-page{align-items:center;display:flex;font-size:14px;gap:8px}.items-per-page label{color:#555;margin:0}.items-per-page select{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 10px}.items-per-page select:focus{border-color:#3498db;outline:none}.table-info{color:#555;font-size:14px}.pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:20px;padding:15px 0}.pagination-btn{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;min-width:40px;padding:8px 12px;transition:all .3s ease}.pagination-btn.active,.pagination-btn:hover:not(:disabled){background-color:#3498db;border-color:#3498db;color:#fff}.pagination-btn.active{font-weight:700}.pagination-btn:disabled{background-color:#f5f5f5;border-color:#ddd;color:#999;cursor:not-allowed}.pagination-ellipsis{color:#999;padding:8px 4px;-webkit-user-select:none;user-select:none}.unauthorized-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.unauthorized-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:3rem 2rem;text-align:center}.unauthorized-icon{animation:pulse 2s ease-in-out infinite;font-size:5rem;margin-bottom:1.5rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.unauthorized-content h1{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.unauthorized-content p{color:#6b7280;font-size:1.125rem;margin-bottom:.5rem}.unauthorized-subtitle{color:#9ca3af;font-size:.95rem;margin-bottom:2rem}.unauthorized-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover{background-color:#2563eb;box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover{background-color:#4b5563;box-shadow:0 4px 12px #6b728066;transform:translateY(-2px)}.login-container{align-items:center;background-color:#001f3f;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:10px;box-shadow:0 10px 25px #0003;max-width:400px;padding:40px;width:100%}.login-logo{display:flex;justify-content:center;margin-bottom:25px;text-align:center}.logo-image{height:80px;object-fit:contain;width:auto}.login-card h1{color:#001f3f;font-size:32px;margin-bottom:5px;text-align:center}.login-card h2{color:#333;font-size:24px;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:8px}.form-group input{border:2px solid #e0e0e0;border-radius:5px;font-family:inherit;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#667eea;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.submit-btn{background:#001f3f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:transform .2s,box-shadow .2s,background-color .2s;width:100%}.submit-btn:hover:not(:disabled){background:#0b2a5a;box-shadow:0 5px 15px #001f3f59;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.error-message{background-color:#ffebee;border-left:4px solid #d32f2f;border-radius:5px;color:#d32f2f;font-size:14px;margin-bottom:20px;padding:12px}.toggle-form{margin-top:20px;text-align:center}.toggle-form p{color:#666;font-size:14px}.toggle-form button{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:0;text-decoration:underline}.toggle-form button:hover:not(:disabled){color:#764ba2}.toggle-form button:disabled{cursor:not-allowed;opacity:.7}.employee-dashboard-layout{background-color:#f5f6fa;display:flex;flex-direction:column;min-height:100vh}.header{background-color:#fff;border-bottom:1px solid #e1e8ed;box-shadow:0 2px 4px #00000014;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content{align-items:center;display:flex;justify-content:space-between;max-width:100%;padding:1rem 2rem}.header-logo-section{align-items:center;display:flex;flex:1 1;gap:1rem}.header-logo{height:40px;width:auto}.header-title{color:#2c3e50;font-size:1.25rem;font-weight:600;margin:0}.menu-toggle{background:none;border:none;color:#2c3e50;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:color .2s}.menu-toggle:hover{color:#3498db}.main-container{display:flex;flex:1 1;position:relative}.sidebar{background-color:#001f3f;border-right:1px solid #00152a;height:calc(100vh - 73px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:73px;transition:transform .3s ease;width:280px}.sidebar.closed{position:absolute;transform:translateX(-100%)}.sidebar-header{background-color:#036;border-bottom:1px solid #00152a;padding:1.5rem}.sidebar-header h3{color:#ecf0f1;font-size:1.1rem;font-weight:600;margin:0}.kpi-nav{padding:1rem}.kpi-item{align-items:center;border-radius:6px;color:#bdc3c7;cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;margin:.25rem 0;padding:.75rem;transition:all .2s}.kpi-item:hover{background-color:#34495e;color:#ecf0f1}.kpi-item.active{background-color:#3498db;box-shadow:0 2px 4px #0003;color:#fff;font-weight:500}.kpi-icon{font-size:1.2rem}.kpi-title{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi-badge{background-color:#3498db;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;min-width:20px;padding:.25rem .5rem;text-align:center}.kpi-item.active .kpi-badge{background-color:#fff;color:#3498db}.kpi-item:hover .kpi-badge{background-color:#5dade2}.kpi-item.disabled{cursor:not-allowed;opacity:.5}.content{flex:1 1;overflow-y:auto;padding:2rem;transition:margin-left .3s ease}.content.full{margin-left:0}.loading-text,.no-kpis{color:#95a5a6;font-size:.9rem;font-style:italic;padding:1rem;text-align:center}.kpi-details{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;padding:2rem}.kpi-header{align-items:center;border-bottom:2px solid #e1e8ed;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.kpi-header h2{color:#2c3e50;font-size:1.75rem;margin:0}.year-selector{align-items:center;display:flex;gap:.75rem}.year-selector label{color:#2c3e50;font-weight:500}.year-selector select{background-color:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:1rem;padding:.5rem 1rem}.kpi-value-section{margin-bottom:3rem}.kpi-value-section h3{color:#2c3e50;font-size:1.25rem;margin-bottom:.5rem}.kpi-meta{color:#7f8c8d;font-size:.95rem;margin-bottom:1.5rem}.badge{background-color:#3498db;border-radius:12px;color:#fff;display:inline-block;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.monthly-data-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:1rem}.month-card{background-color:#f8f9fa;border:1px solid #e1e8ed;border-radius:8px;padding:1.25rem;transition:all .2s}.month-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.month-card h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.form-inputs .form-group{margin-bottom:1rem}.form-inputs label{color:#34495e;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-inputs input{border:1px solid #ddd;border-radius:6px;font-size:.95rem;padding:.625rem;transition:border-color .2s;width:100%}.form-inputs input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.form-actions{display:flex;gap:.75rem;margin-top:1rem}.btn-cancel,.btn-edit,.btn-save{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.btn-save{background-color:#27ae60;color:#fff}.btn-save:hover{background-color:#229954}.btn-cancel{background-color:#95a5a6;color:#fff}.btn-cancel:hover{background-color:#7f8c8d}.btn-edit{align-items:center;background-color:#3498db;border-radius:6px;color:#fff;display:inline-flex;font-weight:600;gap:6px;justify-content:center;min-height:36px;min-width:80px;padding:.625rem 1.25rem;white-space:nowrap}.btn-edit:hover{background-color:#2980b9;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.data-display{min-height:100px}.data-row{color:#34495e;font-size:.95rem;margin:.5rem 0}.data-row strong{color:#2c3e50}.no-selection{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;display:flex;height:400px;justify-content:center}.no-selection p{color:#7f8c8d;font-size:1.1rem}.kpi-page{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;padding:2rem}.kpi-page-header{align-items:flex-start;border-bottom:2px solid #e1e8ed;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.kpi-page-title-section{flex:1 1;min-width:0}.kpi-page-header h2{color:#2c3e50;font-size:1.75rem;margin:0 0 .5rem}.kpi-page-subtitle{color:#7f8c8d;font-size:.95rem;margin:0}.kpi-search-bar{flex-shrink:0;position:relative;width:300px}.search-input{background-color:#f8f9fa;border:2px solid #e1e8ed;border-radius:8px;font-size:.95rem;padding:.75rem 2.5rem .75rem 1rem;transition:all .2s;width:100%}.search-input:focus{background-color:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.search-input::placeholder{color:#adb5bd}.clear-search-btn{align-items:center;background:none;border:none;border-radius:4px;color:#7f8c8d;cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;padding:.5rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:all .2s;width:28px}.clear-search-btn:hover{background-color:#e9ecef;color:#495057}.kpi-list-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.kpi-card{align-items:center;background:linear-gradient(135deg,#f8f9fa,#f1f3f5);border:2px solid #e1e8ed;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:1.5rem;transition:all .3s ease}.kpi-card:hover{border-color:#3498db;box-shadow:0 4px 12px #3498db26;transform:translateY(-2px)}.kpi-card-content{flex:1 1;min-width:0}.kpi-card-title{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 .5rem;word-break:break-word}.kpi-card-values{color:#7f8c8d;font-size:.85rem;margin:0}.kpi-view-btn{align-items:center;background-color:#ecf0f1;border:2px solid #3498db;border-radius:8px;color:#3498db;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;margin-left:1rem;transition:all .3s ease;width:48px}.kpi-view-btn:hover{background-color:#3498db;color:#fff;transform:scale(1.05)}.kpi-view-btn:active{transform:scale(.95)}.kpi-details-header{align-items:center;border-bottom:2px solid #e1e8ed;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.back-btn{background-color:#f8f9fa;border:1px solid #ddd;border-radius:6px;color:#34495e;cursor:pointer;font-size:.95rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.back-btn:hover{background-color:#e9ecef;border-color:#adb5bd}.kpi-details-title{flex:1 1}.kpi-details-title h2{color:#2c3e50;font-size:1.75rem;margin:0}.user-profile{position:relative}.profile-button{align-items:center;background-color:#f8f9fa;border:1px solid #e1e8ed;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem 1rem;transition:all .2s}.profile-button:hover{background-color:#e9ecef}.profile-icon{font-size:1.5rem}.profile-name{color:#2c3e50;font-weight:500}.dropdown-arrow{color:#7f8c8d;font-size:.75rem}.dropdown-menu{background-color:#fff;border:1px solid #e1e8ed;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:240px;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}.dropdown-header{align-items:center;background-color:#f8f9fa;border-radius:8px 8px 0 0;display:flex;gap:1rem;padding:1rem}.dropdown-user-icon{font-size:2rem}.dropdown-user-info{flex:1 1}.dropdown-user-name{color:#2c3e50;font-weight:600;margin-bottom:.25rem}.dropdown-user-email{color:#7f8c8d;font-size:.85rem}.dropdown-divider{background-color:#e1e8ed;height:1px;margin:.5rem 0}.dropdown-item{align-items:center;background:none;border:none;color:#34495e;cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:background-color .2s;width:100%}.dropdown-item:hover{background-color:#f8f9fa}.dropdown-item.logout{color:#e74c3c}.dropdown-item.logout:hover{background-color:#ffebee}.dropdown-item-icon{font-size:1.2rem}.notification{align-items:center;animation:slideIn .3s ease;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:1rem;padding:1rem 1.5rem;position:fixed;right:2rem;top:90px;z-index:2000}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.notification.success{border-left:4px solid #27ae60}.notification.error{border-left:4px solid #e74c3c}.notification-icon{font-size:1.5rem;font-weight:700}.notification.success .notification-icon{color:#27ae60}.notification.error .notification-icon{color:#e74c3c}.notification-message{color:#2c3e50;flex:1 1;font-size:.95rem}.notification-close{align-items:center;background:none;border:none;color:#7f8c8d;cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;padding:0;width:24px}.notification-close:hover{color:#2c3e50}@media (max-width:768px){.header-title{font-size:1rem}.sidebar{box-shadow:2px 0 8px #0000001a;position:fixed;z-index:999}.monthly-data-grid{grid-template-columns:1fr}.kpi-header{align-items:flex-start;flex-direction:column;gap:1rem}.kpi-page-header{align-items:stretch;flex-direction:column}.kpi-search-bar{width:100%}.kpi-list-grid{grid-template-columns:1fr}}.formula-display{background:#f5f5f5;border:1px solid #ddd;border-radius:3px;color:#d32f2f;display:inline-block;font-family:Courier New,monospace;font-size:12px;margin-left:8px;padding:4px 8px}.month-card.computed{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border:1px solid #a5d6a7}.month-card.computed h4{color:#2e7d32}.computed-value{color:#1b5e20;font-size:1.2em;font-weight:700;margin-left:8px}.computed-note{background:#4caf501a;border-radius:3px;color:#2e7d32;font-size:11px;font-weight:500;margin-top:8px;padding:4px 8px;text-align:center}.sidebar-nav{display:flex;flex-direction:column;padding:1rem 0}.sidebar-item{align-items:center;background:none;border:none;border-radius:6px;color:#bdc3c7;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;margin:.25rem .5rem;padding:.75rem 1rem;text-align:left;transition:all .2s}.sidebar-item:hover{background-color:#34495e;color:#ecf0f1}.sidebar-item.active{background-color:#3498db;box-shadow:0 2px 4px #0003;color:#fff;font-weight:600}.sidebar-icon{align-items:center;display:flex;font-size:1.2rem;justify-content:center;min-width:1.2rem}.sidebar-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-view{padding:2rem}.dashboard-header{margin-bottom:2rem}.dashboard-header h2{color:#2c3e50;font-size:2rem;font-weight:700;margin:0 0 .5rem}.dashboard-subtitle{color:#7f8c8d;font-size:1rem;margin:0}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.stat-card-content{align-items:center;display:flex;gap:1rem}.stat-icon{font-size:2.5rem;min-width:60px;text-align:center}.stat-info{flex:1 1}.stat-info h3{color:#7f8c8d;font-size:.95rem;font-weight:500;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.stat-number{color:#2c3e50;font-size:2rem;font-weight:700;margin:0}.stat-description{color:#95a5a6;font-size:.8rem;font-weight:400;margin:.5rem 0 0}.year-controls{display:flex;gap:.35rem;margin-top:.5rem}.year-btn{background-color:#f8f9fa;border:1px solid #dfe6e9;border-radius:6px;cursor:pointer;flex:1 1;font-size:.8rem;padding:.35rem .6rem;transition:all .2s ease}.year-btn:hover{background-color:#e9ecef;border-color:#bfc5c9}.dashboard-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.dashboard-section h3{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.action-button{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:6px;box-shadow:0 2px 8px #3498db4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.action-button:hover{box-shadow:0 4px 12px #3498db66;transform:translateY(-2px)}.action-button:active{transform:translateY(0)}.main-content{margin:0 auto;max-width:1200px;padding:20px}
/*# sourceMappingURL=main.ef7909f2.css.map*/