*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{margin:0;padding:0}.login-page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-color:#1a202c;background-image:radial-gradient(circle at 50% 50%,#2d3748,#1a202c);color:#e2e8f0;padding:20px}.login-content{width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.app-logo{margin-bottom:20px}.logo{max-width:200px;height:auto}.app-subtitle{font-size:16px;color:#a0aec0;margin-bottom:40px}.login-container{width:100%;max-width:420px;background-color:#2d3748;border-radius:12px;box-shadow:0 8px 30px #0000004d;overflow:hidden;margin-bottom:30px}.login-header{padding:24px 24px 16px;text-align:center}.login-header h2{font-size:24px;font-weight:600;margin-bottom:8px;color:#fff}.login-header p{font-size:14px;color:#a0aec0}.error-message{margin:0 24px 16px;padding:12px;background-color:#e53e3e1a;border-left:4px solid #e53e3e;color:#fc8181;font-size:14px;border-radius:4px}.login-form{padding:0 24px 24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:#e2e8f0}.form-group input{width:100%;padding:12px 16px;background-color:#4a5568;border:1px solid #4a5568;border-radius:6px;color:#fff;font-size:16px;transition:all .2s}.form-group input:focus{outline:none;border-color:#2b6cb0;box-shadow:0 0 0 3px #2b6cb04d}.form-group input::placeholder{color:#a0aec0}.password-input-container{position:relative}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#a0aec0;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px}.password-toggle:hover{color:#e2e8f0}.remember-me{margin-bottom:24px}.checkbox-container{display:flex;align-items:center;position:relative;padding-left:30px;cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none;color:#a0aec0}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#4a5568;border-radius:4px}.checkbox-container:hover input~.checkmark{background-color:#4a5568}.checkbox-container input:checked~.checkmark{background-color:#2b6cb0}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{left:7px;top:3px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.login-button{width:100%;padding:12px;display:flex;align-items:center;justify-content:center;gap:8px;background-color:#2b6cb0;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-bottom:16px}.login-button:hover{background-color:#2c5282}.login-button:disabled{background-color:#4a5568;cursor:not-allowed}.forgot-password{text-align:center}.forgot-password a{color:#a0aec0;font-size:14px;text-decoration:none;transition:color .2s}.forgot-password a:hover{color:#2b6cb0;text-decoration:underline}.login-footer{text-align:center;font-size:14px;color:#718096}@media (max-width: 480px){.login-container{max-width:100%}.app-title{font-size:28px}.app-subtitle{font-size:14px}.login-header h2{font-size:20px}}.ant-table{background-color:#2d3748;color:#e2e8f0}.ant-table-thead>tr>th{background-color:#1a202c;color:#fff;font-weight:600;border-bottom:1px solid #4a5568;font-size:.85em;text-transform:uppercase;padding:14px 15px;line-height:1.5;white-space:normal;text-align:left;vertical-align:middle}.ant-table-tbody>tr>td{border-bottom:1px solid #4a5568;color:#e2e8f0;transition:background-color .2s ease,color .2s ease;padding:8px 15px;vertical-align:top}.ant-table-tbody>tr:nth-child(odd):not([class*=row-status-])>td{background-color:#2d3748}.ant-table-tbody>tr:nth-child(2n):not([class*=row-status-])>td{background-color:#313c4c}.ant-table-tbody>tr.ant-table-row:not([class*=row-status-]):hover>td{background-color:#4a5568!important;color:#fff!important}.ant-table-expanded-row{background-color:#242b3a!important;color:#e2e8f0;padding:10px 0}.ant-table-expanded-row .ant-table{margin:0}.ant-table-expanded-row .ant-table-tbody>tr>td{border-bottom:1px solid #3a4454}.ant-pagination{background-color:#1a202c;padding:10px 15px;border-top:1px solid #2d3748;border-bottom-left-radius:8px;border-bottom-right-radius:8px;display:flex;justify-content:flex-end;margin:0}.ant-pagination .ant-pagination-item,.ant-pagination .ant-pagination-prev,.ant-pagination .ant-pagination-next{background-color:#2d3748;border:1px solid #4a5568}.ant-pagination .ant-pagination-item a,.ant-pagination .ant-pagination-prev .ant-pagination-item-link,.ant-pagination .ant-pagination-next .ant-pagination-item-link{color:#e2e8f0}.ant-pagination .ant-pagination-item-active{background-color:#3182ce;border-color:#3182ce}.ant-pagination .ant-pagination-item-active a{color:#fff}.ant-pagination .ant-pagination-options .ant-select-selector{background-color:#2d3748!important;border-color:#4a5568!important;color:#e2e8f0!important}.ant-pagination .ant-select-arrow{color:#a0aec0!important}.ant-table-tbody>tr.row-status-AG>td{background-color:#dd6b20!important;color:#fff!important}.ant-table-tbody>tr.row-status-AG:hover>td{background-color:#ff8103!important;color:#fff!important}.ant-table-tbody>tr.row-status-NE>td{background-color:#b00201!important;color:#fff!important}.ant-table-tbody>tr.row-status-NE:hover>td{background-color:#b00201!important;color:#fff!important}.ant-table-tbody>tr.row-status-EN>td{background-color:#3182ce!important;color:#fff!important}.ant-table-tbody>tr.row-status-EN:hover>td{background-color:#4299e1!important;color:#fff!important}.ant-table-tbody>tr.row-status-EX>td{background-color:#8c1bff!important;color:#fff!important}.ant-table-tbody>tr.row-status-EX:hover>td{background-color:#a057ff!important;color:#fff!important}.ant-table-tbody>tr.row-status-BX>td{background-color:#009d4c!important;color:#fff!important}.ant-table-tbody>tr.row-status-BX:hover>td{background-color:#00b05a!important;color:#fff!important}.ant-table-tbody>tr.row-status-CH>td{background-color:#ff55fb!important;color:#fff!important}.ant-table-tbody>tr.row-status-CH:hover>td{background-color:#f7f!important;color:#fff!important}:root{--primary-color: #2b6cb0;--primary-dark: #2c5282;--primary-light: #4299e1;--primary-gradient: linear-gradient(135deg, #2b6cb0 0%, #3182ce 100%);--secondary-color: #1a202c;--success-color: #38b2ac;--warning-color: #ed8936;--danger-color: #e53e3e;--purple-color: #805ad5;--chart-color: #ecc94b;--background-color: #0f172a;--card-bg: #1e293b;--card-bg-lighter: #334155;--card-bg-hover: #2d3748;--text-color: #f8fafc;--text-light: #cbd5e1;--text-muted: #94a3b8;--border-color: #334155;--border-light: #475569;--border-radius-sm: 8px;--border-radius: 12px;--border-radius-lg: 16px;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .1);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .1);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .2);--transition-speed: .3s;--transition-ease: cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{margin:0;padding:0;overflow:hidden;background-color:var(--background-color);color:var(--text-color);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dashboard{display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:var(--background-color);background-image:radial-gradient(circle at 15% 50%,rgba(59,130,246,.08) 0%,transparent 25%),radial-gradient(circle at 85% 30%,rgba(124,58,237,.08) 0%,transparent 25%)}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background-color:#1e293bcc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 3px #0000001a;z-index:100;height:70px;border-bottom:1px solid var(--border-color)}.header-left{display:flex;align-items:center}.logo-container{display:flex;align-items:center;margin-right:1.5rem}.logo{height:40px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.header-center{display:flex;align-items:center}.view-toggle{display:flex;background-color:#0f172a99;border-radius:10px;padding:4px;box-shadow:var(--shadow-inner)}.view-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;background:none;border-radius:8px;font-size:.875rem;font-weight:500;color:var(--text-light);cursor:pointer;transition:all .2s var(--transition-ease)}.view-button.active{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-sm)}.header-right{display:flex;align-items:center;gap:1.5rem}.update-counter{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-light);background-color:#0f172a99;padding:6px 12px;border-radius:8px}.update-icon{display:flex;align-items:center;justify-content:center;animation:spin 2s linear infinite;color:var(--primary-light)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-menu{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:6px 12px;border-radius:10px;transition:background-color .2s var(--transition-ease)}.user-menu:hover{background-color:var(--card-bg-hover)}.user-avatar{width:38px;height:38px;border-radius:50%;background:var(--primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;box-shadow:0 2px 5px #0003}.user-info{display:flex;flex-direction:column}.user-name{font-size:.875rem;font-weight:600;color:var(--text-color)}.user-role{font-size:.75rem;color:var(--text-light)}.dashboard-content{display:flex;flex:1;overflow:hidden}.sidebar{position:relative;background-color:var(--card-bg);box-shadow:1px 0 3px #0000001a;z-index:50;transition:all .4s cubic-bezier(.16,1,.3,1);border-right:1px solid var(--border-color);overflow:hidden;display:flex;flex-direction:column;min-width:350px;max-width:600px;resize:horizontal}.sidebar.open{width:420px}.sidebar.closed{width:80px;min-width:80px;resize:none}.sidebar-header-container{background:var(--primary-gradient);padding:1rem;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;height:70px}.sidebar-header-content{display:flex;align-items:center;justify-content:space-between;width:100%}.sidebar-logo{height:40px;width:auto;object-fit:contain}.sidebar-logo-icon{height:40px;width:40px;object-fit:contain}.sidebar-toggle-button{background:#fff3;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s var(--transition-ease)}.sidebar-toggle-button:hover{background:#ffffff4d;transform:scale(1.05)}.resize-handle{position:absolute;top:0;right:0;width:5px;height:100%;cursor:ew-resize;background-color:transparent;transition:background-color .2s;z-index:60}.sidebar:hover .resize-handle{background-color:#3b82f64d}.sidebar-collapsed-content{display:flex;flex-direction:column;align-items:center;padding-top:20px;height:100%}.rail-fleet-counter{display:flex;flex-direction:column;align-items:center;margin-top:20px;margin-bottom:30px;cursor:pointer;transition:transform .2s ease}.rail-fleet-counter:hover{transform:scale(1.05)}.fleet-counter-static{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 8px #0003}.fleet-counter-value{position:relative;font-size:1.25rem;font-weight:700;color:var(--text-color);z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.fleet-counter-label{margin-top:6px;font-size:.75rem;color:var(--text-light);font-weight:500}.fleet-counter{display:flex;align-items:center;gap:10px;position:relative}.fleet-counter-bubbles{display:none}.fleet-counter-display{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);border-radius:12px;padding:10px 20px;box-shadow:0 4px 8px #0003;position:relative;overflow:hidden}.fleet-counter-number{font-size:1.5rem;font-weight:700;color:#fff;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.fleet-counter-text{font-size:.75rem;color:#fffc;text-transform:uppercase;letter-spacing:.05em}.sidebar-content{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;opacity:1;transition:opacity .3s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.vehicle-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 12px;background:linear-gradient(135deg,#3182ce,#4299e1);color:#fff;border-radius:16px;font-size:.875rem;font-weight:700;box-shadow:0 4px 8px #0003;position:relative;overflow:hidden;letter-spacing:.5px;animation:pulse 2s infinite;transform-origin:center}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 1.25rem;border-bottom:1px solid var(--border-color);background:linear-gradient(to right,#1e293bcc,#1e293b99);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sidebar-header h2{font-size:1.25rem;font-weight:600;color:var(--text-color);letter-spacing:-.025em;text-shadow:0 1px 2px rgba(0,0,0,.2)}.search-container{position:relative;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.search-container svg{position:absolute;left:2rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-input{width:100%;padding:.875rem .875rem .875rem 2.75rem;border:1px solid var(--border-color);border-radius:10px;font-size:.9375rem;outline:none;transition:all .2s var(--transition-ease);background-color:var(--card-bg-lighter);color:var(--text-color)}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f633}.search-input::placeholder{color:var(--text-muted)}.search-clear{position:absolute;right:2rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:background-color .2s var(--transition-ease)}.search-clear:hover{background-color:var(--card-bg-hover);color:var(--text-light)}.vehicle-filters{display:flex;gap:.75rem;padding:1rem 1.5rem;overflow-x:auto;border-bottom:1px solid var(--border-color);scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.vehicle-filters::-webkit-scrollbar{height:4px}.vehicle-filters::-webkit-scrollbar-track{background:transparent}.vehicle-filters::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.filter-button{padding:.625rem 1rem;background:none;border:1px solid var(--border-color);border-radius:20px;font-size:.8125rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s var(--transition-ease);color:var(--text-light)}.filter-button:hover{background-color:var(--card-bg-hover);border-color:var(--border-light)}.filter-button.active{background:var(--primary-gradient);border-color:var(--primary-color);color:#fff;box-shadow:var(--shadow-sm)}.filter-button.warning{border-color:var(--danger-color);color:var(--danger-color)}.filter-button.warning:hover{background-color:#e53e3e1a}.vehicle-list{flex:1;overflow-y:auto;padding:1rem;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.vehicle-list::-webkit-scrollbar{width:4px}.vehicle-list::-webkit-scrollbar-track{background:transparent}.vehicle-list::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.vehicle-card{margin-bottom:1rem;background-color:var(--card-bg-lighter);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;cursor:pointer;transition:all .2s var(--transition-ease);position:relative;padding:0}.vehicle-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-light)}.vehicle-card.selected{border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f64d}.vehicle-card.high-speed{border-color:var(--danger-color)}.vehicle-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#0f172a80;border-bottom:1px solid var(--border-color)}.vehicle-id{font-weight:600;font-size:1rem;color:var(--text-color)}.vehicle-speed{display:flex;align-items:center;gap:.375rem;font-size:.75rem;padding:.375rem .625rem;border-radius:6px;background-color:var(--card-bg)}.vehicle-speed.active{background:var(--primary-gradient);color:#fff}.vehicle-speed.high{background:linear-gradient(135deg,#e53e3e,#f56565);color:#fff}.vehicle-speed.stopped{background-color:var(--card-bg-hover);color:var(--text-light)}.vehicle-body{padding:1rem}.driver-info{display:flex;align-items:center;gap:.625rem;margin-bottom:.875rem;color:var(--text-color)}.driver-name{font-size:.9375rem}.delivery-info{display:flex;justify-content:space-between;margin-top:.875rem;background-color:#0f172a4d;border-radius:8px;padding:.75rem}.delivery-stat{display:flex;flex-direction:column;font-size:.8125rem}.stat-label{color:var(--text-muted);margin-bottom:.25rem;font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-weight:600;color:var(--text-color)}.vehicle-footer{padding:1rem;border-top:1px solid var(--border-color);background-color:#0f172a80}.progress-container{display:flex;align-items:center;gap:.75rem;margin-bottom:.625rem}.progress-bar{flex:1;height:6px;background-color:#0f172a80;border-radius:3px;overflow:hidden;box-shadow:var(--shadow-inner)}.progress-fill{height:100%;background:linear-gradient(90deg,#38b2ac,#4fd1c5);border-radius:3px;transition:width .5s ease}.progress-text{font-size:.75rem;font-weight:600;min-width:32px;color:var(--text-color)}.last-update{display:flex;align-items:center;gap:.25rem;font-size:.6875rem;color:var(--text-muted)}.warning-badge{position:absolute;top:0;right:0;background:linear-gradient(135deg,#e53e3e,#f56565);color:#fff;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-bottom-left-radius:10px;box-shadow:var(--shadow-sm)}.sidebar-actions{padding:1rem 1.5rem;border-top:1px solid var(--border-color)}.action-button{width:100%;padding:.875rem;display:flex;align-items:center;justify-content:center;gap:.625rem;border:none;border-radius:10px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s var(--transition-ease)}.action-button.primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-sm)}.action-button.primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;color:var(--text-muted);text-align:center}.empty-state svg{margin-bottom:1.5rem;opacity:.6;color:var(--text-light)}.reset-search{margin-top:1.25rem;padding:.625rem 1.25rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;color:var(--primary-light);transition:all .2s var(--transition-ease)}.reset-search:hover{background:#3b82f633}.loading-skeleton{padding:.75rem}.skeleton-card{height:160px;background-color:var(--card-bg);border-radius:var(--border-radius);margin-bottom:.875rem;overflow:hidden;position:relative}.skeleton-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#ffffff0d 20%,#ffffff1a 60%,#fff0);animation:shimmer 2s infinite}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-header{height:48px;background-color:#0f172a80;margin-bottom:10px}.skeleton-body{height:70px;background-color:#33415580;margin-bottom:10px}.skeleton-footer{height:32px;background-color:#0f172a80}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:1.25rem;background-color:var(--background-color)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.25rem}.kpi-card{display:flex;flex-direction:column;padding:1.25rem;border-radius:16px;color:#fff;box-shadow:0 10px 25px -5px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:120px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.kpi-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff26,#fff0);pointer-events:none}.kpi-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(to top,#0003,#0000);pointer-events:none;z-index:1}.kpi-card:hover{transform:translateY(-5px);box-shadow:0 20px 30px -10px #0006}.kpi-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;height:100%}.kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.kpi-title{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin:0;opacity:.9}.kpi-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#fff3;border-radius:12px;box-shadow:0 4px 10px #0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.kpi-icon svg{width:18px;height:18px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}.kpi-value-container{display:flex;flex-direction:column;margin-top:auto}.kpi-value{font-size:1.75rem;font-weight:700;line-height:1;letter-spacing:-.025em;margin-bottom:.25rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.kpi-label{font-size:.75rem;opacity:.8;font-weight:500}.kpi-trend{position:absolute;bottom:1.25rem;right:1.25rem;display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;padding:.375rem .75rem;border-radius:20px;background-color:#ffffff26;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 6px #0000001a;z-index:2}.kpi-trend.up{color:#d4ffea}.kpi-trend.down{color:#ffd4d4}.kpi-trend svg{width:12px;height:12px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.view-container{flex:1;overflow:hidden;background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.map-container{position:relative;height:100%;width:100%;overflow:hidden;border-radius:var(--border-radius-lg)}.map{height:100%;width:100%;z-index:1}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0f172acc;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;color:var(--text-color)}.spinner{width:48px;height:48px;border:4px solid rgba(59,130,246,.2);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s linear infinite;margin-bottom:1rem}.map-controls{position:absolute;top:16px;right:16px;z-index:1000;display:flex;flex-direction:column;gap:.625rem}.map-control-button{width:40px;height:40px;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);color:var(--text-color);transition:all .2s var(--transition-ease)}.map-control-button:hover{background-color:var(--card-bg-lighter);transform:translateY(-1px);box-shadow:var(--shadow-md)}.custom-popup .leaflet-popup-content-wrapper{padding:0;overflow:hidden;border-radius:12px;box-shadow:var(--shadow-lg);background-color:var(--card-bg);color:var(--text-color);border:1px solid var(--border-color)}.custom-popup .leaflet-popup-content{margin:0;width:320px!important}.popup-content{overflow:hidden}.popup-header{background:var(--primary-gradient);color:#fff;padding:1.25rem;position:relative}.popup-header h3{margin:0;font-size:1.25rem;font-weight:600;letter-spacing:-.025em}.popup-warning{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .75rem;background-color:#e53e3ee6;border-radius:6px;font-size:.75rem;font-weight:500}.popup-body{padding:1.25rem}.popup-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.5rem}.popup-info-item.full-width{grid-column:span 2}.info-label{font-size:.75rem;color:var(--text-muted);margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:.9375rem;font-weight:500;color:var(--text-color)}.text-danger{color:var(--danger-color)}.popup-progress{height:8px;background-color:var(--card-bg-lighter);border-radius:4px;overflow:hidden;margin-bottom:.375rem;box-shadow:var(--shadow-inner)}.popup-progress-bar{height:100%;background:linear-gradient(90deg,#38b2ac,#4fd1c5);border-radius:4px}.popup-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.popup-action-button{padding:.625rem;display:flex;align-items:center;justify-content:center;gap:.375rem;background-color:var(--card-bg-lighter);border:1px solid var(--border-color);border-radius:8px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s var(--transition-ease);color:var(--text-color)}.popup-action-button:hover{background-color:var(--card-bg-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.analytics-container{height:100%;overflow-y:auto;padding:1.5rem;background-color:var(--card-bg);scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.analytics-container::-webkit-scrollbar{width:6px}.analytics-container::-webkit-scrollbar-track{background:transparent}.analytics-container::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.analytics-card{background-color:var(--secondary-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:1.5rem;overflow:hidden;border:1px solid var(--border-color)}.analytics-title{font-size:1.125rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-color);letter-spacing:-.025em}.chart-container{height:320px}.stats-card{grid-column:span 2}.stats-grid{display:flex;flex-direction:column;gap:1.5rem}.analytics-grid-custom{display:grid;grid-template-columns:1.5fr 1.5fr 1fr;gap:1.5rem}.analytics-card.chart-expand,.analytics-card.stats-narrow{width:100%}.stat-item{display:flex;align-items:center;gap:1.25rem;background-color:var(--card-bg);padding:1.25rem;border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all .2s var(--transition-ease)}.stat-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-sm)}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.75rem;font-weight:700;line-height:1.2;color:var(--text-color);letter-spacing:-.025em}.stat-label{font-size:.875rem;color:var(--text-muted);margin-top:.25rem}.notification-toast{position:fixed;top:24px;right:24px;background:var(--primary-gradient);color:#fff;padding:1rem 1.5rem;border-radius:10px;box-shadow:var(--shadow-lg);z-index:9999;transform:translateY(-100px);opacity:0;transition:transform .3s var(--transition-ease),opacity .3s var(--transition-ease)}.notification-toast.show{transform:translateY(0);opacity:1}@media (max-width: 1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.kpi-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1199px) and (min-width: 768px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 992px){.analytics-grid{grid-template-columns:1fr}.stats-card{grid-column:span 1}}@media (max-width: 768px){.dashboard-header{padding:.75rem 1rem}.header-center,.update-counter,.user-info{display:none}.kpi-grid{grid-template-columns:1fr}.kpi-card{height:auto;min-height:110px}.sidebar.open{width:280px}.main-content{padding:1rem}}@media (max-width: 767px){.kpi-grid{grid-template-columns:1fr}.kpi-card{height:auto;min-height:110px}}@media (max-width: 576px){.sidebar.closed{width:0}.sidebar-rail{display:none}.sidebar.open{width:100%;position:absolute;height:calc(100% - 70px);top:70px;left:0;z-index:100}.sidebar-toggle-btn{position:fixed;top:76px;right:12px;z-index:101}.main-content{padding:.75rem}}.leaflet-container a.leaflet-popup-close-button{color:#fff;top:12px;right:12px;font-size:16px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:background-color .2s var(--transition-ease)}.leaflet-container a.leaflet-popup-close-button:hover{color:#fff;background-color:#0003;border-radius:50%}.leaflet-control-attribution{font-size:9px!important;background-color:#0f172ab3!important;color:var(--text-muted)!important;border-radius:4px!important;padding:2px 6px!important}.leaflet-control-attribution a{color:var(--primary-light)!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border-color);stroke-opacity:.5}.recharts-text{fill:var(--text-muted);font-size:12px}.recharts-legend-item-text{color:var(--text-color)!important}.recharts-tooltip-wrapper{background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-color)!important;border-radius:8px!important;box-shadow:var(--shadow-md)!important}.recharts-default-tooltip{background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:8px!important}.recharts-tooltip-label{color:var(--text-color)!important;font-weight:600!important;margin-bottom:6px!important}.recharts-tooltip-item{color:var(--text-color)!important;padding:4px 0!important}.recharts-tooltip-item-name{color:var(--text-muted)!important}.recharts-tooltip-item-value{font-weight:600!important}.recharts-pie-label-text{fill:var(--text-color)!important;font-weight:500!important}.custom-legend{margin-top:20px;padding:10px}.legend-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.legend-item{display:flex;align-items:center;margin-bottom:8px;background-color:#ffffff1a;padding:6px 10px;border-radius:6px}.legend-color{width:12px;height:12px;border-radius:50%;margin-right:8px}.legend-text{display:flex;flex-direction:column}.legend-name{font-size:12px;font-weight:500}.legend-value{font-size:11px;color:#94a3b8}.status-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px;justify-content:center}.status-filter-item{display:flex;align-items:center;background-color:#ffffff1a;padding:4px 8px;border-radius:4px;font-size:12px}.status-color{width:10px;height:10px;border-radius:50%;margin-right:6px}.status-name{white-space:nowrap}.chart-summary{margin-top:15px;display:flex;justify-content:space-around;padding:10px;background-color:#ffffff0d;border-radius:8px}.summary-item{display:flex;flex-direction:column;align-items:center}.summary-label{font-size:12px;color:#94a3b8;margin-bottom:4px}.summary-value{font-size:16px;font-weight:600}