:root{--primary-color:#3b82f6;--primary-hover:#2563eb;--primary-light:#eff6ff;--secondary-color:#64748b;--secondary-hover:#475569;--bg-app:#f8fafc;--bg-sidebar:#0f172a;--bg-card:#fff;--border-color:#e2e8f0;--text-main:#1e293b;--text-muted:#64748b;--text-light:#94a3b8;--success:#10b981;--success-light:#ecfdf5;--warning:#f59e0b;--warning-light:#fef3c7;--danger:#ef4444;--danger-light:#fef2f2;--excel-color:#107c41;--excel-hover:#0b592e;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--shadow-premium:0 20px 25px -5px #00000014, 0 10px 10px -5px #0000000a;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--font-sans:"Inter", "Prompt", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-fast:all .15s ease;--transition-normal:all .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);min-height:100vh;line-height:1.5;overflow-x:hidden}.login-wrapper{z-index:9999;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);justify-content:center;align-items:center;width:100%;height:100%;min-height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.login-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border:1px solid #fff3;width:100%;max-width:440px;padding:40px;animation:.4s ease-out fadeIn}.login-header{text-align:center;margin-bottom:32px}.login-logo{background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:16px;font-size:48px}.login-header h2{color:#0f172a;margin-bottom:8px;font-size:22px;font-weight:700}.login-header p{color:var(--text-muted);font-size:13px}.login-error{background-color:var(--danger-light);color:var(--danger);border-radius:var(--radius-md);border:1px solid #ef444433;align-items:center;gap:8px;margin-bottom:20px;padding:12px;font-size:13px;font-weight:600;display:flex}.password-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.password-input-wrapper input{padding-right:46px}.btn-toggle-password{cursor:pointer;color:var(--text-muted);z-index:5;transition:var(--transition-fast);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.btn-toggle-password:hover{color:var(--primary-color);background-color:#f1f5f9}.btn-toggle-password:focus{outline:none}.btn-login-submit{margin-top:10px;padding:12px;font-size:15px}.login-guide-box{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#f8fafc;margin-top:24px;padding:16px}.login-guide-box h4{color:#475569;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.login-guide-box ul{padding-left:0;list-style-type:none}.login-guide-box li{color:var(--text-muted);margin-bottom:4px;font-size:12px}.login-guide-box li:last-child{margin-bottom:0}.login-guide-box code{color:#0f172a;background-color:#e2e8f0;border-radius:3px;padding:1px 4px;font-family:monospace}.app-container{height:100vh;animation:.4s ease-out fadeIn;display:flex;overflow:hidden}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:998;opacity:0;background-color:#0f172a66;width:100vw;height:100vh;transition:opacity .3s;display:none;position:fixed;top:0;left:0}.sidebar-backdrop.active{opacity:1;display:block}.btn-toggle-sidebar{background-color:var(--primary-color);color:#fff;cursor:pointer;z-index:150;width:24px;height:24px;transition:var(--transition-fast);border:1px solid #ffffff1a;border-radius:50%;outline:none;justify-content:center;align-items:center;display:flex;position:absolute;top:24px;right:-12px;box-shadow:0 2px 8px #00000026}.btn-toggle-sidebar:hover{background-color:var(--primary-hover);transform:scale(1.1)}.btn-hamburger{color:var(--text-main);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast);background:0 0;border:none;outline:none;margin-right:12px;padding:8px;font-size:20px;display:none}.btn-hamburger:hover{background-color:var(--border-color)}.sidebar{background-color:var(--bg-sidebar);color:#f1f5f9;z-index:100;width:280px;height:100vh;transition:var(--transition-normal);border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;padding:24px 16px;display:flex;position:relative}.sidebar.collapsed{width:72px;padding:24px 10px}.sidebar.collapsed .sidebar-brand .brand-text,.sidebar.collapsed .menu-item span,.sidebar.collapsed .sidebar-user-section .user-details,.sidebar.collapsed .sidebar-footer p,.sidebar.collapsed .sidebar-footer span{display:none}.sidebar.collapsed .sidebar-brand{justify-content:center;padding:8px 0 24px}.sidebar.collapsed .menu-item{justify-content:center;gap:0;padding:12px 0}.sidebar.collapsed .menu-item i{margin:0}.sidebar.collapsed .sidebar-user-section{align-items:center;padding:10px 4px}.sidebar.collapsed .sidebar-user-section .user-info{justify-content:center}.sidebar.collapsed .sidebar-user-section .user-avatar{margin:0}.sidebar.collapsed .btn-logout{gap:0;padding:8px 0;font-size:0}.sidebar.collapsed .btn-logout i{margin:0;font-size:14px}.sidebar.collapsed .sidebar-footer{display:none}.sidebar.collapsed #sidebar-toggle-icon{transform:rotate(180deg)}.sidebar-brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;margin-bottom:24px;padding:8px 12px 24px;display:flex}.brand-icon{background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:28px}.brand-text h2{letter-spacing:.5px;font-size:18px;font-weight:700;line-height:1.2}.brand-text span{color:#64748b;font-size:11px;font-weight:500}.sidebar-menu{flex-direction:column;flex-grow:1;gap:8px;display:flex}.menu-item{color:#94a3b8;border-radius:var(--radius-md);transition:var(--transition-fast);align-items:center;gap:12px;padding:12px 16px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.menu-item i{text-align:center;width:24px;font-size:18px}.menu-item:hover{color:#f8fafc;background-color:#ffffff08}.menu-item.active{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 14px #3b82f659}.sidebar-user-section{border-radius:var(--radius-md);background-color:#ffffff08;border:1px solid #ffffff0d;flex-direction:column;gap:10px;margin-bottom:16px;padding:14px;display:flex}.sidebar-user-section .user-info{align-items:center;gap:10px;display:flex}.sidebar-user-section .user-avatar{color:#3b82f6;align-items:center;font-size:28px;display:flex}.sidebar-user-section .user-details{flex-direction:column;min-width:0;display:flex}.sidebar-user-section .user-name{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar-user-section .user-role-badge{color:#60a5fa;background-color:#60a5fa1a;border-radius:4px;align-self:flex-start;margin-top:2px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.btn-logout{color:#fca5a5;width:100%;font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);background-color:#ef44441a;border:1px solid #ef444433;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.btn-logout:hover{background-color:var(--danger);color:#fff;border-color:var(--danger)}.sidebar-footer{color:#475569;text-align:center;border-top:1px solid #ffffff14;padding-top:16px;font-size:11px}.main-content{flex-direction:column;flex-grow:1;min-width:0;height:100vh;padding:20px;display:flex;overflow:hidden}.app-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.header-title{flex-direction:column;display:flex}.header-title h1{color:#0f172a;font-size:24px;font-weight:700}.header-title p{color:var(--text-muted);margin-top:2px;font-size:13px}.header-stats{gap:16px;display:flex}.stat-badge{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:140px;box-shadow:var(--shadow-sm);flex-direction:column;padding:12px 20px;display:flex}.stat-badge.highlight{background:linear-gradient(to bottom right,#fff,#eff6ff);border-color:#3b82f633}.stat-badge .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.stat-badge .stat-value{color:#0f172a;margin-top:4px;font-size:20px;font-weight:700}.stat-badge.highlight .stat-value{color:var(--primary-color)}.content-body{flex-grow:1;height:100%;padding-bottom:24px;position:relative;overflow-y:auto}.tab-content{animation:.3s ease-in-out fadeIn;display:none}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modern-form{flex-direction:column;gap:24px;display:flex}.form-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (width<=1024px){.form-grid{grid-template-columns:1fr}}.form-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition-normal);overflow:hidden}.form-card:hover{box-shadow:var(--shadow-lg)}.form-card.full-width{grid-column:1/-1}.card-header{border-bottom:1px solid var(--border-color);background-color:#fafafa;align-items:center;gap:12px;padding:20px 24px;display:flex}.card-header.justify-between{justify-content:space-between;align-items:center}.card-header .header-left{align-items:center;gap:12px;display:flex}.card-header i{color:var(--primary-color);font-size:20px}.card-header h3{color:#0f172a;font-size:16px;font-weight:600}.card-body{padding:24px}.card-divider{background-color:var(--border-color);border:0;height:1px;margin:24px 0}.form-group{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.form-group:last-child{margin-bottom:0}.form-row{gap:16px;display:flex}.form-group.col-6{flex:0 0 calc(50% - 8px)}.form-group label{color:#334155;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.form-group label .required{color:var(--danger)}input[type=text],input[type=number],input[type=password],select{width:100%;font-family:var(--font-sans);color:var(--text-main);border-radius:var(--radius-md);transition:var(--transition-fast);background-color:#fff;border:1px solid #cbd5e1;outline:none;padding:11px 16px;font-size:14px}input[type=text]:focus,input[type=number]:focus,input[type=password]:focus,select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f626}input[readonly].readonly-input{color:#475569;cursor:not-allowed;background-color:#f1f5f9;border-color:#e2e8f0}.amount-input-wrapper{align-items:center;display:flex;position:relative}.amount-input-wrapper .currency-symbol{color:var(--text-muted);font-weight:600;position:absolute;left:16px}.amount-input-wrapper input{padding-left:36px;font-size:16px;font-weight:600}.sub-section{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:#f8fafc;margin-bottom:24px;padding:16px}.sub-section:last-child{margin-bottom:0}.sub-section-title{color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:8px;font-size:13px;font-weight:700}.input-with-validation{flex-direction:column;display:flex;position:relative}.validation-message{margin-top:4px;font-size:11px;font-weight:500;display:none}.validation-message.active-warning{color:var(--warning);display:block}.validation-message.active-success{color:var(--success);display:block}.badge{text-align:center;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-success{background-color:var(--success-light);color:var(--success)}.badge-warning{background-color:var(--warning-light);color:var(--warning)}.badge-danger{background-color:var(--danger-light);color:var(--danger)}.badge-secondary{color:#475569;background-color:#f1f5f9}.employee-lookup-container{align-items:center;display:flex;position:relative}.employee-lookup-container input{padding-right:140px}.employee-lookup-container .lookup-status{align-items:center;display:flex;position:absolute;right:12px}.radio-group-modern{gap:16px;display:flex}.radio-label{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);background-color:#fff;border:1px solid #cbd5e1;flex:1;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.radio-label input[type=radio]{display:none}.radio-custom{width:18px;height:18px;transition:var(--transition-fast);border:2px solid #cbd5e1;border-radius:50%;display:inline-block;position:relative}.radio-custom:after{content:"";background-color:var(--primary-color);width:10px;height:10px;transition:var(--transition-fast);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.radio-label:hover{background-color:#f8fafc;border-color:#94a3b8}.radio-label input[type=radio]:checked+.radio-custom{border-color:var(--primary-color)}.radio-label input[type=radio]:checked+.radio-custom:after{transform:translate(-50%,-50%)scale(1)}.radio-label:has(input[type=radio]:checked){border-color:var(--primary-color);background-color:var(--primary-light);color:var(--primary-color)}.section-guide-text{color:var(--text-muted);background-color:var(--primary-light);border-left:3px solid var(--primary-color);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:16px;padding:8px 12px;font-size:12px}.technicians-grid{grid-template-columns:repeat(2,1fr);gap:16px 24px;display:grid}@media (width<=768px){.technicians-grid{grid-template-columns:1fr}}.tech-input-group{border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-fast);background-color:#f8fafc;flex-direction:column;gap:6px;padding:12px;display:flex;position:relative}.tech-input-group:focus-within{background-color:#fff;border-color:#94a3b8}.tech-input-header{justify-content:space-between;align-items:center;display:flex}.tech-input-header label{color:#475569;font-size:12px;font-weight:600}.btn-remove-tech-field{color:var(--danger);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:2px;padding:2px 4px;font-size:11px;font-weight:600;display:flex}.btn-remove-tech-field:hover{background-color:var(--danger-light)}.tech-inputs-row{gap:12px;display:flex}.tech-id-col{flex:0 0 140px}.tech-name-col{flex-grow:1;position:relative}.tech-name-col input{padding-right:30px}.tech-status-indicator{font-size:12px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.tech-status-indicator.found{color:var(--success)}.tech-status-indicator.not-found{color:var(--warning)}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn-sm{border-radius:var(--radius-sm);padding:6px 12px;font-size:12px}.btn-block{width:100%}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 4px 12px #3b82f633}.btn-secondary{color:#334155;background-color:#e2e8f0}.btn-secondary:hover{background-color:#cbd5e1}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#dc2626;box-shadow:0 4px 12px #ef444433}.btn-warning{background-color:var(--warning);color:#fff}.btn-warning:hover{background-color:#d97706;box-shadow:0 4px 12px #f59e0b33}.btn-excel-download{color:#0369a1;background-color:#e0f2fe}.btn-excel-download:hover{background-color:#bae6fd}.btn-excel-upload{color:#b45309;background-color:#fef3c7}.btn-excel-upload:hover{background-color:#fde68a}.btn-excel-export{color:#15803d;background-color:#dcfce7}.btn-excel-export:hover{background-color:#bbf7d0}.form-actions{justify-content:flex-end;gap:12px;margin-top:12px;display:flex}.records-control-panel{grid-template-columns:1fr;gap:24px;margin-bottom:24px;display:grid}.action-card,.filter-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.action-card h3,.filter-card h3{color:#0f172a;align-items:center;gap:8px;margin-bottom:16px;font-size:15px;font-weight:600;display:flex}.action-card h3 i{color:var(--primary-color)}.action-card h3 i.icon-excel{color:var(--excel-color)}.action-buttons-group{flex-wrap:wrap;gap:12px;display:flex}.file-upload-wrapper{position:relative}.filter-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}@media (width<=1200px){.filter-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.filter-grid{grid-template-columns:1fr}}.filter-group{flex-direction:column;gap:6px;display:flex}.filter-group.col-double{grid-column:span 2}@media (width<=768px){.filter-group.col-double{grid-column:span 1}}.filter-group label{color:#64748b;font-size:12px;font-weight:600}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input-wrapper .search-icon{color:var(--text-light);position:absolute;left:12px}.search-input-wrapper input{padding-left:36px}.table-container-outer{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.table-info-bar{border-bottom:1px solid var(--border-color);color:#475569;background-color:#fafafa;justify-content:space-between;padding:12px 24px;font-size:13px;font-weight:500;display:flex}.table-responsive{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.data-table th{color:#475569;border-bottom:2px solid var(--border-color);white-space:nowrap;background-color:#f8fafc;padding:14px 16px;font-weight:600}.data-table td{border-bottom:1px solid var(--border-color);color:var(--text-main);white-space:nowrap;padding:12px 16px}.data-table tbody tr:hover{background-color:#f1f5f9}.data-table th.sticky-col,.data-table td.sticky-col{z-index:10;text-align:center;background-color:#fff;width:90px;position:sticky;left:0;box-shadow:4px 0 8px -4px #0000001a}.action-buttons-cell{justify-content:center;align-items:center;gap:8px;display:flex}.btn-edit-row{color:var(--primary-color);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:15px}.btn-edit-row:hover{background-color:var(--primary-light)}.data-table th.sticky-col{z-index:11;background-color:#f8fafc}.data-table tbody tr:hover td.sticky-col{background-color:#f1f5f9}.table-tech-list{flex-direction:column;gap:4px;max-width:250px;display:flex;overflow:hidden}.table-tech-item{background-color:#f1f5f9;border-radius:4px;align-items:center;gap:6px;padding:2px 6px;font-size:11px;display:inline-flex}.table-tech-item i{color:var(--secondary-color)}.table-tech-item.custom-tech{background-color:var(--warning-light);color:#92400e}.table-tech-item.custom-tech i{color:var(--warning)}.btn-delete-row{color:var(--danger);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:15px}.btn-delete-row:hover{background-color:var(--danger-light)}.emp-table-wrapper{border:1px solid var(--border-color);border-radius:var(--radius-md);max-height:400px;overflow-y:auto}.emp-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.emp-table th{color:#475569;border-bottom:2px solid var(--border-color);z-index:5;background-color:#f8fafc;padding:10px 14px;font-weight:600;position:sticky;top:0}.emp-table td{border-bottom:1px solid var(--border-color);color:var(--text-main);padding:10px 14px}.emp-table tr:hover{background-color:#f8fafc}.db-count-badge{background-color:var(--primary-light);color:var(--primary-color);border-radius:var(--radius-sm);padding:4px 10px;font-size:12px;font-weight:700}.employee-db-excel-actions{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:#fafafa;padding:16px}.employee-db-excel-actions h4{color:#334155;margin-bottom:12px;font-size:13px;font-weight:600}.db-actions-row{gap:10px;display:flex}.form-actions-inline{margin-bottom:16px}.toast-container{z-index:99999;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.toast{color:var(--text-main);border-left:4px solid var(--primary-color);box-shadow:var(--shadow-premium);border-radius:var(--radius-md);background-color:#fff;align-items:center;gap:12px;min-width:300px;max-width:420px;padding:16px 20px;animation:.3s ease-in-out slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast.success{border-left-color:var(--success)}.toast.warning{border-left-color:var(--warning)}.toast.danger{border-left-color:var(--danger)}.toast-icon{font-size:20px}.toast.success .toast-icon{color:var(--success)}.toast.warning .toast-icon{color:var(--warning)}.toast.danger .toast-icon{color:var(--danger)}.toast-message{font-size:13px;font-weight:500}.app-header .header-right{align-items:center;gap:20px;display:flex}@media (width<=1024px){.btn-hamburger{display:block}.btn-toggle-sidebar{display:none}.sidebar{z-index:1000;height:100vh;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:-280px;box-shadow:10px 0 30px #00000026}.sidebar.mobile-open{left:0}.app-header{flex-flow:wrap;justify-content:flex-start;align-items:center;margin-bottom:16px}.header-title{flex-grow:1}.app-header .header-right{flex-wrap:wrap;justify-content:space-between;gap:12px;width:100%;margin-top:12px}}.global-period-selector{align-items:center;gap:8px;display:flex}.global-period-selector label{color:var(--text-muted);white-space:nowrap;font-size:13px;font-weight:600}.global-period-selector select{cursor:pointer;background-color:#fff;border-color:#cbd5e1;width:auto;padding:8px 16px;font-size:13px;font-weight:600}.branch-status-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.branch-status-item{border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-fast);box-shadow:var(--shadow-sm);background-color:#fff;flex-direction:column;padding:12px;display:flex;position:relative;overflow:hidden}.branch-status-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.branch-status-item.submitted{background:linear-gradient(135deg,#fff 0%,#ecfdf5 100%);border-color:#10b98140}.branch-status-item.pending{background:linear-gradient(135deg,#fff 0%,#fef2f2 100%);border-color:#ef444426}.branch-status-item.late{background:linear-gradient(135deg,#fff 0%,#fef3c7 100%);border-color:#f59e0b40}.branch-status-item-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.branch-status-item .branch-name{color:#1e293b;font-size:13px;font-weight:700}.branch-status-item .status-badge{text-transform:uppercase;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:800}.branch-status-item.submitted .status-badge{color:var(--success);background-color:#10b9811a}.branch-status-item.pending .status-badge{color:var(--danger);background-color:#ef44441a}.branch-status-item.late .status-badge{color:var(--warning);background-color:#f59e0b1a}.branch-status-item .status-detail{color:var(--text-muted);font-size:11px}.branch-status-item .status-time{color:var(--text-light);margin-top:4px;font-size:9px;display:block}.data-table-date-badge{align-items:center;gap:4px;display:flex}.data-table-date-badge.late-submission{color:var(--warning);font-weight:600}.dashboard-stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px;display:grid}.dashboard-stat-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-normal);align-items:center;gap:16px;padding:20px;display:flex}.dashboard-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.card-stat-icon.icon-sales{color:var(--primary-color);background-color:#3b82f61a}.card-stat-icon.icon-tech{color:var(--success);background-color:#10b9811a}.card-stat-icon.icon-jobs{color:var(--secondary-color);background-color:#64748b1a}.card-stat-info{flex-direction:column;min-width:0;display:flex}.card-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.card-stat-value{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:18px;font-weight:700;overflow:hidden}.card-stat-desc{color:var(--text-muted);margin-top:2px;font-size:12px}.dashboard-charts-row{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px;display:grid}@media (width<=1024px){.dashboard-charts-row{grid-template-columns:1fr}}.chart-card-wrapper{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.chart-card-wrapper h3{color:#1e293b;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:600;display:flex}.chart-container{width:100%;height:320px;position:relative}.leaderboards-container{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (width<=1024px){.leaderboards-container{grid-template-columns:1fr}}.leaderboard-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.change-password-wrapper{max-width:500px;margin:0 auto}