*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0a0e27,#050810 50%,#0d1b2a);background-attachment:fixed;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{padding:20px}.card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0006;margin-bottom:20px;padding:24px;transition:all .3s ease}.card:hover{border-color:#14b8a6;box-shadow:0 12px 40px #00000080,0 0 30px #14b8a666;transform:translateY(-4px)}.card-header{border-bottom:2px solid #ffffff1a;margin-bottom:20px;padding-bottom:16px}.card-title{color:#5eead4;font-size:24px;text-shadow:0 0 20px #14b8a666}.card-subtitle{margin-top:4px}.btn{display:inline-block;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{box-shadow:0 4px 15px #14b8a666}.btn-primary:hover{background:linear-gradient(135deg,#0d9488,#14b8a6);box-shadow:0 6px 25px #14b8a680}.btn-secondary{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;color:#fff}.btn-secondary:hover{background:#ffffff26;border-color:#14b8a6;box-shadow:0 0 20px #14b8a64d}.btn-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98166;color:#fff}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 25px #10b98180;transform:translateY(-2px)}.badge{border-radius:16px;display:inline-block;font-weight:500}.badge-active{background:#d4edda;color:#28a745}.badge-inactive{background:#f8d7da;color:#dc3545}.badge-success{background:#d4edda;color:#28a745}.badge-warning{background:#fff3cd;color:#856404}.badge-info{background:#d1ecf1;color:#0c5460}.spinner{border:4px solid #f3f3f3;border-top-color:#1a73e8}.error-message{background:#f8d7da;border-left:4px solid #dc3545;color:#721c24;margin:20px 0;padding:16px}.stats-grid{margin:24px 0}.stat-card{border-left:4px solid #14b8a6;box-shadow:-4px 0 20px #14b8a633}.stat-card:hover{border-left-color:#5eead4;box-shadow:-4px 0 30px #14b8a666}.stat-label{font-size:12px}.stat-value{font-size:28px}.stat-subvalue{color:#94a3b8;font-size:14px;margin-top:4px}@media (max-width:1024px){html{font-size:14px}body{overflow-x:hidden}}@media (max-width:768px){html{font-size:13px}.container{max-width:100%;padding:12px}.card{border-radius:12px;padding:16px}.card-title{font-size:18px}.stats-grid{grid-template-columns:1fr}.btn{font-size:13px;padding:10px 16px}.stat-value{font-size:22px}*{max-width:100%}table{display:block;overflow-x:auto;white-space:nowrap}}@media (max-width:480px){html{font-size:12px}.container{padding:8px}.card{margin-bottom:12px;padding:12px}.card-title{font-size:16px}.card-header{align-items:flex-start;flex-direction:column;gap:12px}.stat-value{font-size:20px}.badge{font-size:11px;padding:3px 8px}}@media (max-width:768px){.recharts-wrapper{max-width:100%}.recharts-cartesian-axis-tick-value{font-size:10px!important}.recharts-legend-item-text{font-size:11px!important}}.sidebar{background:linear-gradient(180deg,#0a0e27,#050810);border-right:1px solid #14b8a633;bottom:0;box-shadow:2px 0 20px #00000080,0 0 30px #14b8a626;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:width .3s ease,transform .3s ease;width:260px;z-index:1050}.sidebar.collapsed{width:70px}.sidebar-header{align-items:center;background:#14b8a60d;border-bottom:1px solid #14b8a633;display:flex;gap:12px}.sidebar.collapsed .sidebar-header{justify-content:center;padding:24px 12px}.home-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;transition:all .3s}.home-btn:hover{transform:scale(1.05)}.sidebar-logo{filter:drop-shadow(0 0 8px rgba(20,184,166,.4));height:35px;transition:filter .3s ease;width:auto}.sidebar-logo:hover{filter:drop-shadow(0 0 12px rgba(20,184,166,.6))}.sidebar.collapsed .sidebar-logo{height:30px}.sidebar-title{color:#5eead4;flex:1 1;overflow:hidden;text-shadow:0 0 20px #5eead480;transition:opacity .2s ease;white-space:nowrap}.sidebar-toggle{align-items:center;background:linear-gradient(135deg,#14b8a6,#06b6d4);border:2px solid #0a0e27;border-radius:50%;box-shadow:0 2px 10px #14b8a666;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:-12px;top:80px;transition:all .3s;width:24px;z-index:101}.sidebar-toggle:hover{box-shadow:0 4px 15px #14b8a699;transform:scale(1.15)}.sidebar-toggle span{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:10px;font-weight:700}.sidebar.collapsed .sidebar-toggle{right:-12px}.sidebar-nav{overflow-y:auto}.sidebar-item{align-items:center;background:#0000;border:none;border-radius:12px;color:#94a3b8;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;margin-bottom:8px;padding:12px 16px;position:relative;text-align:left;transition:all .3s;width:100%}.sidebar.collapsed .sidebar-item{justify-content:center;padding:12px 8px}.sidebar-item:hover{background:#14b8a61a;box-shadow:0 0 15px #14b8a633;color:#5eead4;transform:translateX(4px)}.sidebar.collapsed .sidebar-item:hover{transform:translateX(0) scale(1.05)}.sidebar-item.active{background:linear-gradient(135deg,#14b8a633,#06b6d426);border:1px solid #14b8a64d;box-shadow:0 4px 15px #14b8a64d;color:#5eead4}.sidebar-item.active:before{background:linear-gradient(180deg,#14b8a6,#06b6d4);border-radius:0 4px 4px 0;box-shadow:0 0 10px #14b8a699;content:"";height:70%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.sidebar-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));flex-shrink:0;font-size:20px;text-align:center;width:24px}.sidebar-label{flex:1 1;overflow:hidden;transition:opacity .2s ease,width .2s ease;white-space:nowrap}.sidebar.collapsed .sidebar-label,.sidebar.collapsed .sidebar-title{opacity:0;overflow:hidden;width:0}.sidebar.collapsed .sidebar-footer{display:none}.sidebar-footer{background:#14b8a60d;border-top:1px solid #14b8a633;padding:20px}.sidebar-info{display:flex;flex-direction:column;gap:4px}.sidebar-info small{color:#64748b;font-size:12px}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#14b8a60d;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:#14b8a64d;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#14b8a680}.mobile-menu-toggle{align-items:center;background:linear-gradient(135deg,#0a0e27,#14b8a6);border:1px solid #14b8a666;border-radius:10px;box-shadow:0 4px 15px #0000004d,0 0 20px #14b8a633;cursor:pointer;display:none;height:44px;justify-content:center;left:10px;position:fixed;top:10px;transition:all .3s ease;width:44px;z-index:1100}.mobile-menu-toggle:hover{box-shadow:0 4px 20px #0006,0 0 25px #14b8a666;transform:scale(1.05)}.mobile-menu-toggle svg{color:#5eead4;height:24px;width:24px}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1000}@media (max-width:1024px){.mobile-menu-toggle{display:flex}.mobile-overlay{display:block}.sidebar{transform:translateX(-100%);width:280px}.sidebar.mobile-open{transform:translateX(0)}.sidebar.collapsed{width:280px}.sidebar.collapsed.mobile-open{transform:translateX(0)}.sidebar-toggle{display:none}.sidebar.collapsed .sidebar-label{display:inline;opacity:1;width:auto}.sidebar.collapsed .sidebar-item{justify-content:flex-start;padding:12px 16px}.sidebar.collapsed .sidebar-title{display:block;opacity:1;width:auto}.sidebar.collapsed .sidebar-footer{display:block}.sidebar.collapsed .sidebar-header{justify-content:flex-start;padding:24px 20px}}@media (max-width:480px){.sidebar{max-width:280px;width:100%}.mobile-menu-toggle{height:36px;left:8px;top:8px;width:36px}.mobile-menu-toggle svg{height:20px;width:20px}}.feedback-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:99999}.feedback-modal{animation:slideUp .3s ease;background:#1a1a2e;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 25px 50px -12px #00000080;margin:auto 0;max-height:calc(100vh - 40px);max-width:520px;overflow-y:auto;width:90%}.feedback-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 24px}.feedback-modal-header h2{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:600;gap:10px;margin:0}.feedback-modal-header h2 svg{color:#3b82f6;height:24px;width:24px}.close-btn{background:#0000;color:#9ca3af;padding:8px;transition:all .2s}.close-btn:hover{background:#ffffff1a;color:#fff}.close-btn svg{height:20px;width:20px}.feedback-modal form{padding:24px}.form-group label{color:#d1d5db}.form-group input,.form-group textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;box-sizing:border-box;color:#fff;font-size:.95rem;padding:12px 16px;transition:all .2s;width:100%}.form-group input:focus,.form-group textarea:focus{background:#3b82f61a;border-color:#3b82f6;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#6b7280}.form-group textarea{font-family:inherit;line-height:1.5;min-height:120px}.category-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.category-tab{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#9ca3af;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .2s}.category-tab:hover{background:#3b82f61a;border-color:#3b82f64d;color:#93c5fd}.category-tab.active{background:#3b82f633;border-color:#3b82f6;color:#fff}.quick-issues{background:#0003;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;padding:12px}.quick-issue-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:#9ca3af;cursor:pointer;font-size:.85rem;padding:8px 14px;transition:all .2s}.quick-issue-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}.quick-issue-btn.active{background:#ef444433;border-color:#ef4444;color:#fff}.quick-issue-btn.feature:hover{background:#22c55e1a;border-color:#22c55e4d;color:#86efac}.quick-issue-btn.feature.active{background:#22c55e33;border-color:#22c55e;color:#fff}.type-selector{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.type-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#9ca3af;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:12px 16px;transition:all .2s}.type-btn:hover{background:#ffffff1a;color:#fff}.type-btn.active{background:#3b82f633;border-color:#3b82f6;color:#fff}.type-icon{font-size:1.2rem}.priority-selector{display:flex;gap:8px}.priority-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#9ca3af;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;padding:10px 12px;transition:all .2s}.priority-btn:hover{background:#ffffff1a}.priority-btn.active{background:var(--priority-color);border-color:var(--priority-color);color:#fff}.form-actions{border-top:1px solid #ffffff1a;margin-top:24px}.btn-cancel{border:1px solid #fff3;color:#9ca3af}.btn-cancel:hover{background:#ffffff1a;color:#fff}.btn-submit{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;font-size:.95rem;gap:8px;padding:12px 24px}.btn-submit:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.btn-submit svg,.spinner{height:18px;width:18px}.spinner{border:2px solid #ffffff4d;border-top-color:#fff}.feedback-success{padding:48px 24px;text-align:center}.feedback-success svg{color:#10b981;height:64px;margin-bottom:16px;width:64px}.feedback-success h3{color:#fff;font-size:1.5rem;margin:0 0 8px}.feedback-success p{color:#9ca3af;line-height:1.5;margin:0}.feedback-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:#fca5a5;display:flex;font-size:.9rem;gap:10px;padding:12px 16px}.feedback-error svg{flex-shrink:0;height:20px;width:20px}@media (max-width:480px){.feedback-modal{margin:10px;width:95%}.type-selector{grid-template-columns:1fr}.priority-selector{flex-wrap:wrap}.priority-btn{flex:1 1 45%}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{justify-content:center;width:100%}}.top-navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0e1ad9;border-bottom:1px solid #14b8a626;box-shadow:0 4px 30px #0000004d,0 0 15px #14b8a61a;height:64px;left:240px;position:fixed;right:0;top:0;transition:left .3s ease;z-index:1000}.top-navbar-content{align-items:center;display:flex;height:100%;justify-content:space-between;max-width:100%;padding:0 24px}.top-navbar-left{align-items:center;display:flex;gap:16px}.btn-back{background:linear-gradient(135deg,#14b8a626,#06b6d426);border:1px solid #14b8a64d;color:#5eead4;font-size:13px;transition:all .2s ease}.btn-back:hover{background:linear-gradient(135deg,#14b8a640,#06b6d440);border-color:#14b8a680;transform:translateX(-2px)}.btn-back .back-icon{height:16px;width:16px}.navbar-divider{background:linear-gradient(180deg,#0000,#14b8a64d 50%,#0000);height:32px;width:1px}.navbar-titles{display:flex;flex-direction:column;gap:2px}.navbar-tenant{color:#f1f5f9;font-size:18px;font-weight:700;line-height:1.2;margin:0;text-shadow:0 0 20px #14b8a64d}.navbar-page{color:#94a3b8;font-size:12px;font-weight:500}.top-navbar-right{align-items:center;display:flex;gap:20px}.user-info{gap:16px}.admin-badge{align-items:center;background:linear-gradient(135deg,#f59e0b26,#f9731626);border:1px solid #f59e0b4d;border-radius:6px;color:#fbbf24;display:flex;font-weight:700;gap:6px;padding:5px 10px}.admin-badge svg{height:14px;width:14px}.user-name{color:#cbd5e1}.user-name svg{color:#64748b;height:18px;width:18px}.btn-feedback{align-items:center;background:linear-gradient(135deg,#3b82f626,#6366f126);border:1px solid #3b82f64d;border-radius:8px;color:#60a5fa;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.btn-feedback:hover{background:linear-gradient(135deg,#3b82f640,#6366f140);border-color:#3b82f680;transform:translateY(-1px)}.btn-feedback svg{height:16px;width:16px}.btn-logout{align-items:center;background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #ef444440;color:#f87171;display:flex;font-weight:600;gap:6px;padding:8px 14px}.btn-logout:hover{background:linear-gradient(135deg,#ef444433,#dc262633);border-color:#ef444466}.btn-logout svg{height:16px;width:16px}.sidebar.collapsed+.top-navbar,.sidebar.collapsed~.main-content .top-navbar{left:64px}@media (max-width:1024px){.top-navbar{left:0;padding-left:60px}.top-navbar-content{padding:0 16px}.navbar-tenant{font-size:16px}.top-navbar-right{gap:12px}.user-info{gap:10px}.user-name{font-size:13px}.admin-badge{font-size:10px;padding:4px 8px}}@media (max-width:768px){.top-navbar{height:56px;left:0;padding-left:56px}.top-navbar-content{padding:0 10px}.btn-back{justify-content:center;min-width:36px;padding:8px}.btn-back .btn-text{display:none}.btn-back .back-icon{height:18px;width:18px}.navbar-divider{display:none}.navbar-titles{gap:0}.navbar-tenant{font-size:14px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-page{font-size:10px}.user-info{display:none}.btn-feedback{justify-content:center;min-width:36px;padding:8px}.btn-feedback .btn-text{display:none}.btn-feedback svg{height:18px;width:18px}.btn-logout{justify-content:center;min-width:36px;padding:8px}.btn-logout .btn-text{display:none}.btn-logout svg{height:18px;width:18px}}@media (max-width:480px){.top-navbar{height:52px;padding-left:50px}.top-navbar-content{padding:0 8px}.top-navbar-left{gap:8px}.btn-back{border-radius:6px;min-width:32px;padding:6px}.navbar-tenant{font-size:13px;max-width:100px}.navbar-page{font-size:9px}.btn-logout{border-radius:6px;min-width:32px;padding:6px}}.tenant-layout{background:linear-gradient(135deg,#0a1929,#0d2137 50%,#1a3a4a);min-height:100vh}.tenant-main-content{margin-left:260px;margin-top:64px;min-height:calc(100vh - 64px);padding:24px 28px;transition:margin-left .3s ease}.tenant-layout.sidebar-collapsed .tenant-main-content{margin-left:70px}.tenant-layout.sidebar-collapsed .top-navbar{left:70px}@media (max-width:1024px){.tenant-main-content{margin-left:0;margin-top:64px;min-height:calc(100vh - 64px);padding:20px 16px}.tenant-layout.sidebar-collapsed .tenant-main-content{margin-left:0}.tenant-layout.sidebar-collapsed .top-navbar{left:0}}@media (max-width:768px){.tenant-main-content{margin-left:0;margin-top:56px;min-height:calc(100vh - 56px);padding:16px 12px}.tenant-layout.sidebar-collapsed .tenant-main-content{margin-left:0}}@media (max-width:480px){.tenant-main-content{margin-top:52px;min-height:calc(100vh - 52px);padding:12px 8px}}.progress-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.progress-modal{animation:slideUp .3s ease;background:linear-gradient(135deg,#1a2632,#0f1419);border:1px solid #5eead433;border-radius:20px;box-shadow:0 20px 60px #00000080;max-width:480px;padding:32px;width:100%}.progress-header{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:24px}.progress-header h2{color:#e2e8f0;font-size:22px;font-weight:600;margin:0}.progress-spinner{animation:spin 1s linear infinite;border:3px solid #5eead433;border-radius:50%;border-top-color:#5eead4;height:32px;width:32px}.status-icon{border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.status-icon.success{background:#22c55e33;color:#22c55e}.status-icon.success svg{height:24px;width:24px}.status-icon.error{background:#ef444433;color:#f87171}.status-icon.error svg{height:28px;width:28px}.unit-info{margin-bottom:24px;text-align:center}.unit-info .imei{color:#5eead4;font-family:Monaco,Menlo,monospace;font-size:16px;font-weight:500}.unit-info .fleet{color:#94a3b8;font-size:14px;margin-left:8px}.progress-bar-container{align-items:center;display:flex;gap:12px;margin-bottom:28px}.progress-bar{flex:1 1;height:8px}.progress-bar,.progress-fill{border-radius:4px}.progress-fill.running{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,#5eead4,#0891b2)}.progress-fill.success{background:linear-gradient(90deg,#22c55e,#16a34a)}.progress-fill.error{background:linear-gradient(90deg,#f87171,#dc2626)}.progress-percentage{font-size:16px;font-weight:600;min-width:48px;text-align:right}.steps-list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.step-item{align-items:center;background:#ffffff05;border:1px solid #0000;border-radius:8px;display:flex;gap:12px;padding:10px 14px;transition:all .2s ease}.step-item.completed{background:#22c55e0d;border-color:#22c55e4d}.step-item.running{background:#5eead41a;border-color:#5eead466}.step-item.error{background:#ef44441a;border-color:#ef444466}.step-item.pending{opacity:.5}.step-icon{flex-shrink:0;height:20px;width:20px}.step-icon.completed{color:#22c55e}.step-icon.error{color:#f87171}.step-icon.pending{color:#64748b}.step-content{display:flex;flex-direction:column;gap:2px}.step-name{color:#e2e8f0;font-size:13px;font-weight:500}.step-description{color:#94a3b8;font-size:11px}.progress-message{border-radius:8px;font-size:14px;margin-bottom:16px;padding:12px 16px;text-align:center}.progress-message.success{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.progress-message.error{background:#ef44441a;border:1px solid #ef44444d;color:#f87171}.error-details{background:#ef44440d;border:1px solid #ef444433;border-radius:8px;color:#fca5a5;font-size:13px;margin-bottom:20px;padding:12px 16px}.error-details strong{color:#f87171}.close-button{background:linear-gradient(135deg,#0d9488,#0891b2);border-radius:10px;color:#fff;font-size:15px;font-weight:600;padding:14px;transition:all .2s ease;width:100%}.close-button:hover{box-shadow:0 4px 12px #5eead44d;transform:translateY(-1px)}.minimize-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s ease;width:32px}.minimize-button:hover{background:#5eead433;border-color:#5eead466;color:#5eead4}.minimize-button svg{height:20px;width:20px}.progress-modal{position:relative}.minimize-hint{align-items:center;background:#ffffff08;border-radius:6px;color:#64748b;display:flex;font-size:12px;gap:6px;justify-content:center;margin-bottom:16px;padding:8px 12px}.minimize-hint svg{color:#94a3b8;height:14px;width:14px}.progress-minimized{animation:slideIn .3s ease;background:linear-gradient(135deg,#1a2632,#0f1419);border:1px solid #5eead44d;border-radius:16px;bottom:24px;box-shadow:0 8px 32px #0006;cursor:pointer;min-width:280px;padding:16px 20px;position:fixed;right:24px;transition:all .2s ease;z-index:2000}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.progress-minimized:hover{border-color:#5eead480;box-shadow:0 12px 40px #00000080;transform:translateY(-2px)}.minimized-content{align-items:center;display:flex;gap:12px}.minimized-spinner{animation:spin 1s linear infinite;border:3px solid #5eead433;border-radius:50%;border-top-color:#5eead4}.minimized-icon,.minimized-spinner{flex-shrink:0;height:24px;width:24px}.minimized-icon.success{color:#22c55e}.minimized-icon.error{color:#f87171}.minimized-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.minimized-title{color:#e2e8f0;font-size:14px;font-weight:600}.minimized-imei{color:#5eead4;font-family:Monaco,Menlo,monospace;font-size:11px}.minimized-progress{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.minimized-progress-bar{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden;width:60px}.minimized-progress-fill{border-radius:2px;height:100%;transition:width .3s ease}.minimized-progress-fill.running{background:linear-gradient(90deg,#5eead4,#0891b2)}.minimized-progress-fill.success{background:#22c55e}.minimized-progress-fill.error{background:#f87171}.minimized-percentage{color:#5eead4;font-size:12px;font-weight:600}.minimized-hint{color:#64748b;display:block;font-size:10px;margin-top:8px;text-align:center}.login-container{align-items:center;background:linear-gradient(135deg,#0a1419,#0d2b2b 30%,#0f3d3d 50%,#0d2b2b 70%,#0a1419);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-container:before{animation:pulse1 8s ease-in-out infinite;background:radial-gradient(circle,#14b8a64d 0,#14b8a61a 40%,#0000 70%);border-radius:50%;content:"";filter:blur(60px);height:400px;left:10%;position:absolute;top:20%;width:400px}.login-container:after{animation:pulse2 10s ease-in-out infinite;background:radial-gradient(circle,#06b6d44d 0,#06b6d41a 40%,#0000 70%);border-radius:50%;bottom:10%;content:"";filter:blur(80px);height:500px;position:absolute;right:10%;width:500px}@keyframes pulse1{0%,to{opacity:.6;transform:scale(1) translate(0)}50%{opacity:1;transform:scale(1.2) translate(30px,-20px)}}@keyframes pulse2{0%,to{opacity:.5;transform:scale(1) translate(0)}50%{opacity:.9;transform:scale(1.3) translate(-40px,30px)}}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#0d3333e6,#0f2d2df2);border:1px solid #5eead440;border-radius:24px;box-shadow:0 0 60px #14b8a633,0 0 100px #06b6d41a,0 25px 80px #0006,inset 0 1px 0 #5eead433;max-width:420px;overflow:hidden;position:relative;width:100%;z-index:1}.login-card:before{animation:cardGlow 4s ease-in-out infinite;background:linear-gradient(135deg,#14b8a666,#0000,#06b6d466);border-radius:26px;bottom:-2px;content:"";left:-2px;opacity:.5;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes cardGlow{0%,to{opacity:.3}50%{opacity:.6}}.login-header{background:linear-gradient(135deg,#0d9488,#14b8a6 40%,#06b6d4);box-shadow:0 4px 30px #14b8a666;color:#fff;padding:40px 30px 30px;position:relative;text-align:center}.login-header:after{background:linear-gradient(90deg,#0000,#5eead4,#06b6d4,#5eead4,#0000);bottom:0;box-shadow:0 0 20px #5eead4cc,0 0 40px #5eead466;content:"";height:3px;left:0;position:absolute;right:0}.login-logo{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.logo-image{background:#2d3748;border-radius:12px;box-shadow:0 4px 20px #0000004d,0 0 30px #14b8a633;height:auto;max-width:220px;padding:14px 24px;transition:transform .3s ease,box-shadow .3s ease}.logo-image:hover{box-shadow:0 6px 30px #00000059,0 0 40px #14b8a64d;transform:scale(1.03)}.login-header h1{color:#fff;font-size:24px;font-weight:600;margin:0 0 8px;text-shadow:0 2px 10px #0003}.login-header p{color:#fff;font-size:14px;margin:0;opacity:.95}.login-form{background:linear-gradient(180deg,#0d333380,#0a2828cc);padding:30px}.login-error{align-items:center;background:linear-gradient(135deg,#ef444433,#b91c1c26);border:1px solid #ef444466;border-radius:12px;box-shadow:0 0 20px #ef444426;color:#fca5a5;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 16px}.login-error .error-icon{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;box-shadow:0 0 10px #ef444480;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.form-group{margin-bottom:22px}.form-group label{color:#fff!important;font-size:15px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-shadow:0 1px 3px #00000080}.form-group input{background:linear-gradient(135deg,#0d3333cc,#0a3c3c99);border:2px solid #5eead44d;border-radius:12px;color:#e0f7f5;font-size:15px;padding:14px 18px;transition:all .3s ease}.form-group input:focus{background:linear-gradient(135deg,#0d3c3ce6,#0a4646b3);box-shadow:0 0 0 4px #14b8a633,0 0 20px #14b8a64d,inset 0 0 10px #14b8a61a}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:50px}.toggle-password{align-items:center;background:none;border:none;color:#4db6ac;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:all .3s ease}.toggle-password:hover{color:#5eead4;filter:drop-shadow(0 0 8px rgba(94,234,212,.6))}.toggle-password svg{height:22px;width:22px}.login-button{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6 40%,#06b6d4);border:none;border-radius:12px;box-shadow:0 4px 20px #14b8a666,0 0 40px #14b8a633,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;overflow:hidden;padding:16px 24px;position:relative;text-shadow:0 1px 2px #0003;transition:all .3s ease;width:100%}.login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.login-button:hover:not(:disabled):before{left:100%}.login-button:hover:not(:disabled){box-shadow:0 8px 30px #14b8a680,0 0 60px #14b8a64d,0 0 100px #06b6d433;transform:translateY(-3px)}.login-button:active:not(:disabled){transform:translateY(-1px)}.login-button:disabled{cursor:not-allowed;opacity:.7}.login-button .spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;box-shadow:0 0 10px #ffffff4d;height:20px;width:20px}.login-footer{background:linear-gradient(180deg,#0a282899,#0d3333cc);border-top:1px solid #5eead433;padding:20px 30px;text-align:center}.login-footer p{color:#4db6ac;font-size:12px;margin:0;text-shadow:0 0 10px #4db6ac33}@media (max-width:480px){.login-container{padding:16px}.login-container:after,.login-container:before{height:250px;width:250px}.login-card{border-radius:20px}.login-header{padding:30px 24px 24px}.login-form{padding:24px}.logo-image{max-width:160px}.login-header h1{font-size:20px}}.admin-sidebar{--teal-primary:#14b8a6;--teal-light:#5eead4;--teal-dark:#0d9488;--teal-glow:#14b8a666;--cyan-accent:#06b6d4;--bg-dark:#0a0e1a;--bg-darker:#050810;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;background:linear-gradient(180deg,#0a0e27,#050810);border-right:1px solid var(--glass-border);box-shadow:4px 0 20px #0000004d;display:flex;flex-direction:column;left:0;min-height:100vh;position:fixed;top:0;transition:transform .3s ease;width:260px;z-index:1050}.sidebar-header{background:#14b8a608;border-bottom:1px solid var(--glass-border);padding:24px 20px}.sidebar-title{font-size:20px;font-weight:700;gap:12px;margin:0}.logo-icon,.sidebar-title{align-items:center;color:#fff;display:flex}.logo-icon{background:linear-gradient(135deg,var(--teal-primary) 0,var(--cyan-accent) 100%);border-radius:10px;box-shadow:0 4px 12px var(--teal-glow);font-size:18px;font-weight:800;height:36px;justify-content:center;width:36px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:6px;padding:20px 12px}.nav-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;color:#fff9;cursor:pointer;display:flex;gap:12px;padding:14px 16px;text-align:left;transition:all .2s ease;width:100%}.nav-item:hover{background:var(--glass-bg);border-color:#14b8a633;color:var(--teal-light)}.nav-item.active{background:linear-gradient(135deg,#14b8a626,#06b6d41a);border:1px solid #14b8a64d;box-shadow:0 0 20px var(--teal-glow);color:var(--teal-light)}.nav-item.active .nav-icon svg{color:var(--teal-primary);filter:drop-shadow(0 0 6px var(--teal-glow))}.nav-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.nav-icon svg{height:20px;transition:all .2s ease;width:20px}.nav-label{font-size:14px;font-weight:500}.sidebar-footer{border-top:1px solid var(--glass-border);padding:16px 20px}.version{color:#ffffff4d;font-size:12px;margin:0;text-align:center}.admin-mobile-menu-toggle{align-items:center;background:linear-gradient(135deg,#0a0e27 0,var(--teal-primary) 100%);border:1px solid #14b8a666;border-radius:10px;box-shadow:0 4px 15px #0000004d,0 0 20px #14b8a633;cursor:pointer;display:none;height:44px;justify-content:center;left:16px;position:fixed;top:16px;transition:all .3s ease;width:44px;z-index:1100}.admin-mobile-menu-toggle:hover{box-shadow:0 4px 20px #0006,0 0 25px #14b8a666;transform:scale(1.05)}.admin-mobile-menu-toggle svg{color:var(--teal-light);height:24px;width:24px}.admin-mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1000}@media (max-width:1024px){.admin-mobile-menu-toggle{display:flex}.admin-mobile-overlay{display:block}.admin-sidebar{transform:translateX(-100%);transition:transform .3s ease;width:280px}.admin-sidebar.mobile-open{transform:translateX(0)}}@media (max-width:480px){.admin-sidebar{max-width:280px;width:100%}.admin-mobile-menu-toggle{height:40px;left:12px;top:12px;width:40px}.admin-mobile-menu-toggle svg{height:22px;width:22px}}.tenant-selection{background:linear-gradient(135deg,#0a0e27,#050810 50%,#0d1b2a);min-height:100vh;overflow-x:hidden;position:relative}.tenant-selection:before{animation:backgroundPulse 15s ease-in-out infinite;background:radial-gradient(circle at center,#14b8a666 0,#0000 50%);background:radial-gradient(circle at center,var(--teal-glow) 0,#0000 50%);height:200%;left:-50%;top:-50%;width:200%}.tenant-selection:after,.tenant-selection:before{content:"";pointer-events:none;position:fixed;z-index:0}.tenant-selection:after{background-image:radial-gradient(circle at 20% 30%,#14b8a61a 0,#0000 50%),radial-gradient(circle at 80% 70%,#06b6d414 0,#0000 50%);height:100%;left:0;top:0;width:100%}.header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;background:var(--glass-bg);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-border);box-shadow:0 4px 24px #0006;position:-webkit-sticky;position:sticky;position:relative;top:0;z-index:100}.header-content{padding:20px 32px}.logo-section{flex:1 1}.header-logo{height:45px}.tagline{color:#94a3b8;color:var(--text-secondary);font-size:14px;margin:4px 0 0}.header-actions{gap:12px}.user-badge{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 4px 12px #0000004d;color:#5eead4;color:var(--teal-light);font-size:13px;font-weight:600;padding:10px 20px;transition:all .3s ease}.user-badge:hover{background:#ffffff14;background:var(--glass-hover);border-color:#14b8a6;border-color:var(--teal-primary);box-shadow:0 0 20px #14b8a666;box-shadow:0 0 20px var(--teal-glow);transform:translateY(-2px)}.container{margin:0 auto;max-width:1400px;padding:40px 20px;position:relative;z-index:1}.page-header{color:#fff;color:var(--text-primary);margin-bottom:40px}.page-title{-webkit-text-fill-color:#0000;animation:titleGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#5eead4,#67e8f9);background:linear-gradient(135deg,var(--teal-light) 0,var(--cyan-light) 100%);-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:700;margin:0;text-shadow:0 0 40px #14b8a666;text-shadow:0 0 40px var(--teal-glow)}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 10px rgba(20,184,166,.4));filter:drop-shadow(0 0 10px var(--teal-glow))}50%{filter:drop-shadow(0 0 20px rgba(20,184,166,.4));filter:drop-shadow(0 0 20px var(--teal-glow))}}.page-subtitle{color:#94a3b8;font-size:16px;margin:8px 0 0}.tenant-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-top:32px}.tenant-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff1a;cursor:pointer;overflow:hidden;padding:28px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.tenant-card:before{background:linear-gradient(90deg,#14b8a6,#06b6d4);background:linear-gradient(90deg,var(--teal-primary) 0,var(--cyan-accent) 100%);height:3px;right:0;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.tenant-card:after,.tenant-card:before{content:"";left:0;position:absolute;top:0}.tenant-card:after{background:radial-gradient(circle at 50% 50%,#14b8a626 0,#0000 50%);background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),#14b8a626 0,#0000 50%);height:100%;opacity:0;pointer-events:none;transition:opacity .3s ease;width:100%}.tenant-card:hover:before{transform:scaleX(1)}.tenant-card:hover:after{opacity:1}.tenant-card:hover{background:#ffffff14;background:var(--glass-hover);border-color:#14b8a6;border-color:var(--teal-primary);box-shadow:0 16px 48px #00000080,0 0 40px #14b8a666,inset 0 1px 0 #ffffff26;box-shadow:0 16px 48px #00000080,0 0 40px var(--teal-glow),inset 0 1px 0 #ffffff26;transform:translateY(-8px)}.tenant-card:active{transform:translateY(-6px);transition-duration:.1s}.tenant-card-header{align-items:flex-start;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.tenant-name{color:#fff;color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 8px;text-shadow:0 2px 10px #00000080}.tenant-code{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 2px 8px #0000004d;color:#5eead4;color:var(--teal-light);display:inline-block;font-size:12px;font-weight:700;letter-spacing:1px;padding:6px 14px;text-transform:uppercase}.tenant-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin:24px 0}.stat-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px;gap:8px;overflow:hidden;padding:16px 12px;position:relative;transition:all .3s ease}.stat-item:before{background:linear-gradient(135deg,#14b8a6,#06b6d4);background:linear-gradient(135deg,var(--teal-primary) 0,var(--cyan-accent) 100%);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.stat-item:hover:before{opacity:.1}.stat-item:hover{background:#ffffff14;background:var(--glass-hover);border-color:#14b8a6;border-color:var(--teal-primary);box-shadow:0 8px 20px #0006,0 0 20px #14b8a666;box-shadow:0 8px 20px #0006,0 0 20px var(--teal-glow);transform:translateY(-4px)}.stat-icon{filter:drop-shadow(0 0 8px rgba(20,184,166,.4));filter:drop-shadow(0 0 8px var(--teal-glow))}.stat-icon,.stat-value{font-size:24px;position:relative;z-index:1}.stat-value{line-height:1;text-shadow:0 0 20px #14b8a666;text-shadow:0 0 20px var(--teal-glow)}.stat-label{font-size:11px;letter-spacing:.8px;position:relative;text-align:center;z-index:1}.tenant-card-footer{border-top:1px solid #ffffff1a;border-top:1px solid var(--glass-border);display:flex;flex-direction:column;gap:10px;margin:24px 0 20px;padding:20px 0 0}.footer-item{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.footer-label{color:#94a3b8;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.footer-value{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600}.card-action{margin-top:20px}.btn-block{background:linear-gradient(135deg,#14b8a6,#06b6d4);background:linear-gradient(135deg,var(--teal-primary) 0,var(--cyan-accent) 100%);border:none;border-radius:12px;box-shadow:0 4px 16px #14b8a64d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;overflow:hidden;padding:16px;position:relative;transition:all .3s ease;width:100%}.btn-block:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-block:hover:before{left:100%}.btn-block:hover{background:linear-gradient(135deg,#0d9488,#14b8a6);background:linear-gradient(135deg,var(--teal-dark) 0,var(--teal-primary) 100%);box-shadow:0 8px 24px #14b8a680,0 0 40px #14b8a666;box-shadow:0 8px 24px #14b8a680,0 0 40px var(--teal-glow);transform:translateY(-2px)}.btn-block:active{box-shadow:0 4px 12px #14b8a666;transform:translateY(0)}.empty-state{color:#fff;color:var(--text-primary);padding:100px 20px;position:relative;z-index:1}.empty-icon{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(20,184,166,.4));filter:drop-shadow(0 0 20px var(--teal-glow));font-size:80px;margin-bottom:24px;opacity:.8}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.empty-state h3{color:#5eead4;color:var(--teal-light);font-size:32px;margin-bottom:16px;text-shadow:0 0 30px #14b8a666;text-shadow:0 0 30px var(--teal-glow)}.empty-state p{color:#94a3b8;color:var(--text-secondary)}.tenant-selection::-webkit-scrollbar{width:12px}.tenant-selection::-webkit-scrollbar-track{background:#050810;background:var(--bg-darker);border-left:1px solid #ffffff1a;border-left:1px solid var(--glass-border)}.tenant-selection::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#14b8a6,#06b6d4);background:linear-gradient(135deg,var(--teal-primary),var(--cyan-accent));border:2px solid #050810;border:2px solid var(--bg-darker);border-radius:6px;box-shadow:0 0 10px #14b8a666;box-shadow:0 0 10px var(--teal-glow)}.tenant-selection::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5eead4,#67e8f9);background:linear-gradient(135deg,var(--teal-light),var(--cyan-light));box-shadow:0 0 20px #14b8a666;box-shadow:0 0 20px var(--teal-glow)}@media (max-width:1200px){.tenant-grid{gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (max-width:768px){.header-content{padding:16px 20px}.header-content,.page-header{align-items:flex-start;flex-direction:column;gap:16px}.page-header{margin-bottom:32px}.page-title{font-size:32px}.company-name{font-size:26px}.tenant-grid{gap:20px;grid-template-columns:1fr}.tenant-stats{gap:12px;grid-template-columns:1fr}.tenant-card{padding:24px}.tenant-name{font-size:22px}.stat-value{font-size:24px}.container{padding:24px 16px}}@media (max-width:480px){.main-area{padding-top:60px}.header{padding:12px 0}.header-content{flex-direction:column;gap:12px;padding:10px}.logo-section{align-items:center;text-align:center}.header-logo{height:30px}.tagline{font-size:11px}.header-actions{gap:8px;justify-content:center;width:100%}.user-name{font-size:12px}.logout-btn{font-size:11px;padding:6px 12px}.page-title{font-size:20px}.company-name{font-size:16px}.tenant-card{padding:14px}.tenant-name{font-size:16px}.tenant-code{font-size:10px}.tenant-stats{gap:6px}.stat-item{padding:10px 8px}.stat-value{font-size:16px}.stat-label{font-size:9px}.stat-icon{height:14px;width:14px}.empty-icon{font-size:48px}.empty-icon svg{height:48px;width:48px}.empty-state h3{font-size:18px}.empty-state p{font-size:13px}.tenants-grid{gap:12px}.content-wrapper{padding:16px 12px}}@media (prefers-contrast:high){.tenant-card{border:2px solid #14b8a6;border:2px solid var(--teal-primary)}.tenant-card:hover{border:2px solid #5eead4;border:2px solid var(--teal-light)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tenant-card{animation:slideInUp .4s ease-out}.tenant-card:first-child{animation-delay:.05s}.tenant-card:nth-child(2){animation-delay:.1s}.tenant-card:nth-child(3){animation-delay:.15s}.tenant-card:nth-child(4){animation-delay:.2s}.tenant-card:nth-child(5){animation-delay:.25s}.tenant-card:nth-child(6){animation-delay:.3s}.user-menu{align-items:center;display:flex;gap:16px}.admin-badge{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important}.logout-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s ease}.logout-btn:hover{background:#ffffff26;border-color:#14b8a6;border-color:var(--teal-primary);color:#fff;color:var(--text-primary)}.main-area{min-height:100vh;transition:margin-left .3s ease}.main-area.with-sidebar{margin-left:260px}@media (max-width:1024px){.main-area.with-sidebar{margin-left:0;padding-top:70px}}.admin-quick-actions{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.admin-action-card{align-items:center;background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px;cursor:pointer;display:flex;flex:1 1;gap:16px;max-width:400px;min-width:280px;padding:20px 24px;transition:all .3s ease}.admin-action-card:hover{background:#ffffff14;background:var(--glass-hover);border-color:#14b8a6;border-color:var(--teal-primary);box-shadow:0 8px 24px #14b8a633;transform:translateY(-2px)}.admin-action-card.deinstall-card{border-color:#ef444433}.admin-action-card.deinstall-card:hover{border-color:#f87171;box-shadow:0 8px 24px #ef444433}.admin-action-card .action-icon{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);background:linear-gradient(135deg,var(--teal-dark) 0,var(--teal-primary) 100%);border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.admin-action-card.deinstall-card .action-icon{background:linear-gradient(135deg,#dc2626,#f87171)}.admin-action-card .action-icon svg{color:#fff;height:24px;width:24px}.admin-action-card .action-content{flex:1 1}.admin-action-card .action-content h3{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.admin-action-card .action-content p{color:#94a3b8;color:var(--text-secondary);font-size:13px;margin:0}.admin-action-card .action-arrow{color:#64748b;color:var(--text-muted);height:24px;transition:transform .2s ease;width:24px}.admin-action-card:hover .action-arrow{color:#5eead4;color:var(--teal-light);transform:translateX(4px)}.admin-action-card.deinstall-card:hover .action-arrow{color:#f87171}@media (max-width:768px){.admin-quick-actions{flex-direction:column}.admin-action-card{max-width:100%}}.create-tenant-page{--teal-primary:#14b8a6;--teal-light:#5eead4;--teal-dark:#0d9488;--teal-glow:#14b8a666;--cyan-accent:#06b6d4;--bg-dark:#0a0e1a;--bg-darker:#050810;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--text-primary:#fff;--text-secondary:#94a3b8;background:linear-gradient(135deg,#0a0e27,#050810 50%,#0d1b2a);display:flex;min-height:100vh}.create-tenant-page .main-content{flex:1 1;margin-left:260px;padding:30px}@media (max-width:1024px){.create-tenant-page .main-content{margin-left:0;padding-top:70px}}.back-btn{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:14px;gap:8px;margin-bottom:16px;padding:8px 0;transition:color .2s}.back-btn:hover{color:var(--teal-light)}.back-btn svg{height:20px;width:20px}.form-container{max-width:700px}.form-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:24px}.form-section h2{align-items:center;border-bottom:1px solid var(--glass-border);color:var(--teal-light);display:flex;font-size:18px;font-weight:600;gap:10px;margin:0 0 20px;padding-bottom:12px}.form-section h2:before{background:linear-gradient(180deg,var(--teal-primary),var(--cyan-accent));border-radius:2px;content:"";height:20px;width:4px}.form-row{grid-gap:20px;gap:20px}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group input{background:#0000004d;border:1px solid var(--glass-border);border-radius:10px;box-sizing:border-box;color:var(--text-primary);padding:12px 16px;width:100%}.form-group input:focus{border-color:var(--teal-primary);box-shadow:0 0 0 3px var(--teal-glow),0 0 20px var(--teal-glow)}.form-group input::placeholder{color:#ffffff4d}.form-group input.valid{border-color:#10b981;box-shadow:0 0 10px #10b9814d}.form-group input.invalid{border-color:#ef4444;box-shadow:0 0 10px #ef44444d}.help-text{color:var(--text-secondary);display:block;font-size:12px;margin-top:6px;opacity:.7}.token-input-group{display:flex;gap:12px}.token-input-group input{flex:1 1}.validate-btn{background:linear-gradient(135deg,#14b8a633,#06b6d433);border:1px solid #14b8a64d;border-radius:10px;color:var(--teal-light);cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s;white-space:nowrap}.validate-btn:hover:not(:disabled){background:linear-gradient(135deg,#14b8a64d,#06b6d44d);box-shadow:0 0 20px var(--teal-glow)}.validate-btn:disabled{cursor:not-allowed;opacity:.5}.validation-success{color:#10b981}.validation-error,.validation-success{align-items:center;display:flex;font-size:13px;gap:6px;margin-top:8px}.validation-error{color:#ef4444}.error-message{border-radius:10px;font-size:14px;gap:10px;margin-bottom:24px;padding:14px 18px}.error-message svg{flex-shrink:0;height:20px;width:20px}.form-actions{gap:16px;padding-top:10px}.btn-cancel{border-radius:10px;padding:14px 28px}.btn-cancel:hover{border-color:#fff3;color:var(--text-primary)}.btn-submit{border-radius:10px;box-shadow:0 4px 15px var(--teal-glow);font-weight:600;padding:14px 32px}.btn-submit:hover:not(:disabled){box-shadow:0 8px 25px var(--teal-glow);transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.user-section{border-color:#14b8a64d}.user-toggle{margin-bottom:20px}.toggle-label{align-items:center;cursor:pointer;display:flex;gap:12px;-webkit-user-select:none;user-select:none}.toggle-label input[type=checkbox]{display:none}.toggle-slider{background:#ffffff1a;border:1px solid var(--glass-border);border-radius:13px;height:26px;position:relative;transition:all .3s;width:48px}.toggle-slider:before{background:var(--text-secondary);border-radius:50%;content:"";height:20px;left:3px;position:absolute;top:2px;transition:all .3s;width:20px}.toggle-label input:checked+.toggle-slider{background:linear-gradient(135deg,var(--teal-primary) 0,var(--cyan-accent) 100%);border-color:var(--teal-primary)}.toggle-label input:checked+.toggle-slider:before{background:#fff;transform:translateX(22px)}.toggle-text{color:var(--text-primary);font-size:14px;font-weight:500}.toggle-description{color:var(--text-secondary);font-size:13px;margin:8px 0 0 60px}.custom-user-fields{animation:slideDown .3s ease;border-top:1px solid var(--glass-border);margin-top:16px;padding-top:16px}.success-container{margin:0 auto;max-width:600px;padding:40px 20px;text-align:center}.success-icon{align-items:center;animation:pulse-success 2s ease-in-out infinite;background:linear-gradient(135deg,#10b98133,#14b8a633);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.success-icon svg{color:#10b981;height:48px;width:48px}@keyframes pulse-success{0%,to{box-shadow:0 0 0 0 #10b98166}50%{box-shadow:0 0 0 20px #10b98100}}.success-container h1{color:var(--text-primary);font-size:28px;font-weight:700;margin:0 0 30px}.tenant-info-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;margin-bottom:24px;padding:20px}.tenant-info-card h2{color:var(--teal-light);font-size:22px;margin:0 0 8px}.tenant-info-card .tenant-code{color:var(--text-secondary);font-size:14px;margin:0}.credentials-card{background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border:1px solid #fbbf244d;border-radius:16px;margin-bottom:24px;padding:24px;text-align:left}.credentials-card h3{color:#fbbf24;font-size:18px;font-weight:600;margin:0 0 12px;text-align:center}.credentials-warning{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#f87171;font-size:13px;font-weight:500;margin:0 0 20px;padding:12px;text-align:center}.credentials-box{background:#0000004d;border-radius:12px;margin-bottom:16px;padding:16px}.credential-row{align-items:center;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;padding:10px 0}.credential-row:last-child{border-bottom:none}.credential-row .label{color:var(--text-secondary);font-size:14px;font-weight:500}.credential-row .value{background:#14b8a61a;border-radius:6px;color:var(--text-primary);font-family:Monaco,Consolas,monospace;font-size:14px;padding:4px 10px}.credential-row .value.password{background:#fbbf2433;color:#fbbf24;font-weight:600;letter-spacing:1px}.copy-btn{align-items:center;background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border:1px solid #fbbf2466;border-radius:10px;color:#fbbf24;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:14px 20px;transition:all .2s;width:100%}.copy-btn:hover{background:linear-gradient(135deg,#fbbf244d,#f59e0b4d);box-shadow:0 0 20px #fbbf244d}.copy-btn svg{height:18px;width:18px}.password-note{color:var(--text-secondary);font-size:12px;font-style:italic;margin:16px 0 0;text-align:center}.credentials-card.custom-user{background:linear-gradient(135deg,#14b8a61a,#06b6d41a);border:1px solid #14b8a64d}.credentials-card.custom-user h3,.custom-user-note{color:var(--teal-light)}.custom-user-note{background:#14b8a61a;border:1px solid #14b8a64d;border-radius:8px;font-size:13px;margin:16px 0 0;padding:12px;text-align:center}.poller-status{margin-bottom:24px}.status-badge{font-size:13px;padding:8px 16px}.status-badge.success{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.status-badge.warning{background:#f59e0b26;border:1px solid #f59e0b4d;color:#f59e0b}.btn-done{background:linear-gradient(135deg,var(--teal-primary) 0,var(--cyan-accent) 100%);border:none;border-radius:12px;box-shadow:0 4px 15px var(--teal-glow);color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 40px;transition:all .2s}.btn-done:hover{box-shadow:0 8px 25px var(--teal-glow);transform:translateY(-2px)}@media (max-width:768px){.create-tenant-page .main-content{margin-left:60px;padding:20px}.form-row{grid-template-columns:1fr}.token-input-group{flex-direction:column}.success-container{padding:20px 10px}.credential-row{align-items:flex-start;flex-direction:column;gap:8px}}.system-users-page{--teal-primary:#14b8a6;--teal-light:#5eead4;--teal-dark:#0d9488;--teal-glow:#14b8a666;--cyan-accent:#06b6d4;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--text-primary:#fff;--text-secondary:#94a3b8;background:linear-gradient(135deg,#0a0e27,#050810 50%,#0d1b2a);display:flex;min-height:100vh}.system-users-page .main-content{flex:1 1;margin-left:260px;padding:30px}@media (max-width:1024px){.system-users-page .main-content{margin-left:0;padding-top:70px}}.users-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden}.users-card-header{align-items:center;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;padding:20px}.users-card-header h2{color:var(--text-primary);font-size:18px;margin:0}.btn-create{background:linear-gradient(135deg,var(--teal-primary) 0,var(--cyan-accent) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-create:hover{box-shadow:0 4px 15px var(--teal-glow);transform:translateY(-2px)}.users-table td,.users-table th{padding:14px 16px}.users-table th{background:#0003;color:var(--text-secondary)}.users-table tbody tr:hover{background:#ffffff05}.user-info{gap:12px}.user-avatar{background:linear-gradient(135deg,var(--teal-primary) 0,var(--cyan-accent) 100%);border-radius:50%;font-size:14px;height:40px;width:40px}.online-indicator{border:2px solid #0a0e27;bottom:0;height:12px;right:0;width:12px}.user-name{gap:8px}.system-admin-badge{border-radius:12px;padding:2px 8px}.role-badge{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-secondary);font-weight:500;padding:4px 10px}.role-admin{background:#14b8a626;border-color:#14b8a64d}.role-manager{background:#06b6d426;border-color:#06b6d44d;color:#67e8f9}.role-viewer{background:#ffffff0d;color:var(--text-secondary)}.action-btn{background:var(--glass-bg);border-radius:6px;padding:6px 12px}.action-btn:hover{background:#ffffff1a;color:var(--text-primary)}.action-btn.danger{color:#ef4444}.action-btn.danger:hover{border-color:#ef44444d}.empty-state .hint{font-size:13px;margin-top:8px;opacity:.7}.no-tenant-selected .icon{font-size:48px}.form-group label{color:var(--text-secondary)}.form-group input,.form-group select{background:#0000004d;border:1px solid var(--glass-border);border-radius:8px;padding:10px 12px}.form-group input:focus,.form-group select:focus{box-shadow:0 0 0 3px var(--teal-glow)}.form-group select option{background:#1a1a2e}.form-error{background:#ef44441a;border-radius:8px;color:#ef4444;padding:10px 12px}.btn-submit{background:linear-gradient(135deg,var(--teal-primary) 0,var(--cyan-accent) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-submit:hover:not(:disabled){box-shadow:0 4px 15px var(--teal-glow)}.btn-cancel:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.system-users-page .main-content{margin-left:60px;padding:20px}.form-row{grid-template-columns:1fr}.users-table{font-size:13px}.action-buttons{flex-direction:column}}.wialon-status-filter{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0006;margin-bottom:24px;padding:24px;transition:all .3s ease}.wialon-status-filter:hover{border-color:#14b8a64d;box-shadow:0 8px 32px #0006,0 0 20px #14b8a61a}.filter-header{border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:16px}.filter-title{color:#5eead4;font-size:16px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.filter-description{color:#94a3b8;font-size:13px;margin:0}.status-buttons{display:flex;gap:16px}.status-button{align-items:center;background:#ffffff08;border:2px solid #ffffff26;border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:inherit;justify-content:center;padding:20px 24px;position:relative;transition:all .3s ease}.status-button:hover{background:#ffffff0d;box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.status-button.active{border-color:currentColor;box-shadow:0 0 0 3px #14b8a626}.status-button.green{color:#34d399}.status-button.green:hover{border-color:#10b98180;box-shadow:0 0 20px #10b98133}.status-button.green.active{background:#10b98126;border-color:#10b981;box-shadow:0 0 30px #10b9814d}.status-button.red{color:#f87171}.status-button.red:hover{border-color:#ef444480;box-shadow:0 0 20px #ef444433}.status-button.red.active{background:#ef444426;border-color:#ef4444;box-shadow:0 0 30px #ef44444d}.button-content{gap:16px;width:100%}.button-content,.button-icon{align-items:center;display:flex}.button-icon{background:#ffffff0d;border-radius:10px;flex-shrink:0;height:40px;justify-content:center;width:40px}.button-icon svg{height:24px;width:24px}.status-button.green .button-icon{background:#10b98126;box-shadow:0 0 15px #10b98133}.status-button.red .button-icon{background:#ef444426;box-shadow:0 0 15px #ef444433}.button-text{flex:1 1;text-align:left}.button-label{color:inherit;font-size:15px;font-weight:600;margin-bottom:4px}.button-description{color:#64748b;font-size:12px;opacity:1}.button-count{background:#ffffff0d;border-radius:12px;color:#f1f5f9;font-size:28px;font-weight:700;min-width:60px;padding:8px 16px;text-align:center;text-shadow:0 0 20px #fff3}.status-button.green .button-count{color:#34d399;text-shadow:0 0 15px #10b98166}.status-button.red .button-count{color:#f87171;text-shadow:0 0 15px #ef444466}.status-button.green.active .button-count{background:#10b98140;border:1px solid #10b98180;color:#34d399}.status-button.red.active .button-count{background:#ef444440;border:1px solid #ef444480;color:#f87171}.active-indicator{background:currentColor;border-radius:0 0 10px 10px;bottom:0;box-shadow:0 0 10px currentColor;height:3px;left:0;position:absolute;right:0}.deactivated-banner{align-items:flex-start;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:10px;display:flex;gap:14px;margin-top:20px;padding:16px 20px}.banner-icon{color:#fbbf24;filter:drop-shadow(0 0 8px rgba(245,158,11,.4));flex-shrink:0;height:24px;width:24px}.banner-icon svg{height:100%;width:100%}.banner-text{color:#fbbf24;font-size:14px;line-height:1.6}.banner-text strong{color:#fcd34d;font-weight:600}@media (max-width:768px){.wialon-status-filter{padding:16px}.status-buttons{flex-direction:column;gap:12px}.status-button{padding:16px}.button-content{gap:12px}.button-icon{height:36px;width:36px}.button-icon svg{height:20px;width:20px}.button-count{font-size:24px;min-width:50px;padding:6px 12px}.button-description{display:none}}@media (max-width:480px){.button-label{font-size:13px}.button-count{font-size:20px}.filter-title{font-size:14px}}.contract-filter{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 4px 20px #0000004d;margin-bottom:20px;padding:16px 20px;transition:all .3s ease}.contract-filter:hover{border-color:#14b8a633;box-shadow:0 4px 20px #0000004d,0 0 15px #14b8a614}.contract-filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.contract-filter-title{align-items:center;color:#5eead4;display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;margin:0;text-transform:uppercase}.contract-filter-title svg{opacity:.8}.contract-filter-description{color:#64748b;font-size:12px;margin:0}.contract-tabs{display:flex;flex-wrap:wrap;gap:8px}.contract-tabs-loading{align-items:center;color:#94a3b8;display:flex;font-size:13px;gap:10px;padding:8px 16px}.spinner-small{border:2px solid #5eead433;border-top-color:#5eead4}.contract-tab{align-items:center;background:#ffffff08;border:1px solid #ffffff1f;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-family:inherit;font-size:13px;gap:8px;padding:8px 14px;transition:all .2s ease}.contract-tab:hover{background:#ffffff0f;border-color:#5eead44d;color:#e2e8f0;transform:translateY(-1px)}.contract-tab.active{background:#14b8a626;border-color:#14b8a6;box-shadow:0 0 12px #14b8a633;color:#5eead4}.contract-tab-label{font-weight:500;white-space:nowrap}.contract-tab-count{align-items:center;background:#ffffff0f;border-radius:12px;color:inherit;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;min-width:24px;padding:2px 8px}.contract-tab.active .contract-tab-count{background:#14b8a640;color:#5eead4}.contract-tab.unassigned{border-color:#f59e0b4d;color:#fbbf24}.contract-tab.unassigned:hover{background:#f59e0b1a;border-color:#f59e0b80;color:#fcd34d}.contract-tab.unassigned.active{background:#f59e0b26;border-color:#f59e0b;box-shadow:0 0 12px #f59e0b33;color:#fbbf24}.contract-tab.unassigned .contract-tab-count{background:#f59e0b26}.contract-tab.unassigned.active .contract-tab-count{background:#f59e0b40;color:#fbbf24}@media (max-width:768px){.contract-filter{padding:12px 16px}.contract-filter-header{align-items:flex-start;flex-direction:column;gap:4px;margin-bottom:12px}.contract-filter-description{display:none}.contract-tabs{gap:6px}.contract-tab{font-size:12px;padding:6px 10px}.contract-tab-count{font-size:11px;min-width:20px;padding:2px 6px}}@media (max-width:480px){.contract-tab-label{max-width:60px;overflow:hidden;text-overflow:ellipsis}}.fleet-dashboard{background:linear-gradient(135deg,#0a0e27,#050810 50%,#0d1b2a);display:flex;min-height:100vh;overflow-x:hidden;position:relative}.fleet-dashboard-content{background:#0000;min-height:100%;position:relative;z-index:1}.fleet-dashboard-content .container{margin:0 auto;max-width:100%}.fleet-stats-header{background:#0a0e1a80;border-bottom:1px solid #14b8a61a;display:flex;justify-content:flex-end;padding:16px 24px}.fleet-stats-header .header-stats{display:flex;gap:24px}.fleet-stats-header .header-stat{align-items:flex-end;display:flex;flex-direction:column}.fleet-stats-header .stat-value{color:#5eead4;font-size:24px;font-weight:700;line-height:1}.fleet-stats-header .stat-label{color:#94a3b8;font-size:11px;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.fleet-dashboard .main-content{flex:1 1;margin-left:260px;min-height:100vh;position:relative;transition:margin-left .3s ease;z-index:1}.fleet-dashboard:has(.sidebar.collapsed) .main-content{margin-left:70px}.fleet-dashboard:before{animation:backgroundPulse 15s ease-in-out infinite;background:radial-gradient(circle,#14b8a666 0,#0000 50%);background:radial-gradient(circle,var(--teal-glow) 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:fixed;top:-50%;width:200%;z-index:0}.dashboard-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0e1ab3;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-border);box-shadow:0 4px 30px #00000080,0 0 20px #14b8a666;box-shadow:0 4px 30px #00000080,0 0 20px var(--teal-glow);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:24px 20px;position:relative;z-index:1}.header-left{gap:20px}.header-logo{filter:drop-shadow(0 0 10px rgba(20,184,166,.3));height:50px;transition:filter .3s ease;width:auto}.header-logo:hover{filter:drop-shadow(0 0 15px rgba(20,184,166,.5))}.header-titles{display:flex;flex-direction:column;gap:4px}.btn-back{box-shadow:0 4px 15px #14b8a666;box-shadow:0 4px 15px var(--teal-glow);padding:10px 20px}.btn-back:hover{box-shadow:0 6px 25px #14b8a666;box-shadow:0 6px 25px var(--teal-glow)}.tenant-title{color:#fff;color:var(--text-primary);font-size:28px;font-weight:700;margin:0;text-shadow:0 0 20px #14b8a666;text-shadow:0 0 20px var(--teal-glow)}.tenant-subtitle{color:#94a3b8;color:var(--text-secondary);font-size:14px;margin-top:4px}.dashboard-content{margin:0 auto;max-width:1400px;padding:24px 20px;position:relative;z-index:1}.stats-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000004d;padding:24px}.stat-card:hover{background:#ffffff14;background:var(--glass-hover);border-color:#14b8a6;border-color:var(--teal-primary);box-shadow:0 12px 40px #0006,0 0 30px #14b8a666;box-shadow:0 12px 40px #0006,0 0 30px var(--teal-glow);transform:translateY(-4px)}.stat-label{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:1px;margin-bottom:8px}.stat-value{color:#5eead4;color:var(--teal-light);font-size:32px;text-shadow:0 0 15px #14b8a666;text-shadow:0 0 15px var(--teal-glow)}.stat-icon{background:linear-gradient(135deg,#14b8a6,#06b6d4);background:linear-gradient(135deg,var(--teal-primary) 0,var(--cyan-accent) 100%);box-shadow:0 4px 15px #14b8a666;box-shadow:0 4px 15px var(--teal-glow);margin-bottom:12px}.stat-icon svg{color:#fff}.controls-bar{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.search-box{flex:1 1;min-width:250px;position:relative}.search-input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:12px;color:#fff;color:var(--text-primary);font-size:15px;padding:14px 20px 14px 48px;transition:all .3s ease;width:100%}.search-input:focus{background:#ffffff14;background:var(--glass-hover);border-color:#14b8a6;border-color:var(--teal-primary);box-shadow:0 0 20px #14b8a666;box-shadow:0 0 20px var(--teal-glow);outline:none}.search-input::placeholder{color:#64748b;color:var(--text-muted)}.search-icon{color:#14b8a6;color:var(--teal-primary);height:20px;left:16px;position:absolute;top:50%;transform:translateY(-50%);width:20px}.sort-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;background:var(--glass-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2314b8a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:15px;font-weight:500;min-width:220px;padding:14px 40px 14px 20px;transition:all .3s ease}.sort-select:focus,.sort-select:hover{background:#ffffff14;background:var(--glass-hover);border-color:#14b8a6;border-color:var(--teal-primary)}.sort-select:focus{box-shadow:0 0 20px #14b8a666;box-shadow:0 0 20px var(--teal-glow);outline:none}.sort-select option{background:#1a1f2e;color:#fff;color:var(--text-primary);padding:12px}.vehicles-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:32px}.vehicle-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.vehicle-card:before{background:linear-gradient(90deg,#0000,#14b8a61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.vehicle-card:hover:before{left:100%}.vehicle-card:hover{background:#ffffff14;background:var(--glass-hover);border-color:#14b8a6;border-color:var(--teal-primary);box-shadow:0 12px 40px #00000080,0 0 30px #14b8a666,inset 0 1px 0 #ffffff26;box-shadow:0 12px 40px #00000080,0 0 30px var(--teal-glow),inset 0 1px 0 #ffffff26;transform:translateY(-4px)}.card-header-section{align-items:flex-start;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-border);display:flex;gap:12px;justify-content:space-between;padding-bottom:14px;position:relative}.contract-badge{background:linear-gradient(135deg,#14b8a633,#06b6d426);border:1px solid #14b8a666;border-radius:4px;box-shadow:0 0 8px #14b8a633;color:#14b8a6;color:var(--teal-primary);font-size:.7rem;padding:3px 8px;text-transform:uppercase;white-space:nowrap}.vehicle-icon{color:var(--teal-primary);filter:drop-shadow(0 0 10px rgba(20,184,166,.4));filter:drop-shadow(0 0 10px var(--teal-glow));min-width:40px;transition:all .3s ease}.vehicle-card:hover .vehicle-icon{filter:drop-shadow(0 0 20px rgba(20,184,166,.4));filter:drop-shadow(0 0 20px var(--teal-glow));transform:scale(1.1)}.vehicle-title{flex:1 1;min-width:0}.vehicle-title h3{color:#fff;color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 4px;text-shadow:0 2px 10px #00000080}.vehicle-subtitle,.vehicle-title h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vehicle-subtitle{color:#94a3b8;color:var(--text-secondary);font-size:13px;margin:0}.status-indicator{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;background:var(--glass-bg);display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.8px;padding:6px 12px;white-space:nowrap}.status-indicator.active{border-color:#10b981;box-shadow:0 0 15px #10b98166;color:#6ee7b7}.status-indicator.inactive{border-color:#64748b;box-shadow:0 0 15px #64748b4d;color:#94a3b8}.status-indicator.paused{background:#f59e0b26;border-color:#f59e0b;box-shadow:0 0 15px #f59e0b66;color:#fbbf24;cursor:help;position:relative}.status-indicator.paused .status-dot{animation:pausedPulse 2s ease-in-out infinite;background:#f59e0b}@keyframes pausedPulse{0%,to{box-shadow:0 0 8px #f59e0b99;opacity:1;transform:scale(1)}50%{box-shadow:0 0 15px #f59e0bcc;opacity:.6;transform:scale(1.4)}}.status-dot{animation:statusPulse 2s ease-in-out infinite;background:currentColor;height:6px;width:6px}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.info-grid{grid-gap:10px;gap:10px;grid-template-columns:1fr 1fr}.info-item{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;display:flex;gap:10px;padding:10px}.info-item:hover{background:#ffffff0d;border-color:#14b8a6;border-color:var(--teal-primary);box-shadow:0 0 15px #14b8a633}.info-svg-icon{color:#94a3b8;color:var(--text-secondary);height:20px;min-width:20px;opacity:.7;width:20px}.info-item>div{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.info-label{color:#64748b;color:var(--text-muted);font-size:10px;letter-spacing:.5px}.info-value{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contract-progress-wrapper{margin-bottom:12px}.contract-progress-bar-container{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;box-shadow:inset 0 2px 4px #0000004d;height:88px;overflow:hidden;position:relative}.contract-progress-fill{background:linear-gradient(90deg,#0d9488,#14b8a6 50%,#5eead4);background:linear-gradient(90deg,var(--teal-dark) 0,var(--teal-primary) 50%,var(--teal-light) 100%);bottom:0;box-shadow:0 0 15px #14b8a666;box-shadow:0 0 15px var(--teal-glow);left:0;overflow:hidden;position:absolute;top:0;transition:width .5s ease,background .5s ease,box-shadow .5s ease}.contract-progress-fill.warning{background:linear-gradient(90deg,#d97706,#f59e0b 50%,#fbbf24);box-shadow:0 0 15px #f9731680}.contract-progress-fill:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#fff0,#ffffff4d 50%,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.contract-progress-overlay{align-items:center;display:flex;height:100%;justify-content:space-between;padding:0 14px;position:relative;z-index:2}.vehicle-name-section{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.vehicle-name-icon{color:#5eead4;color:var(--teal-light);filter:drop-shadow(0 0 4px rgba(20,184,166,.4));filter:drop-shadow(0 0 4px var(--teal-glow));height:20px;min-width:20px;width:20px}.vehicle-name-text{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #00000080;white-space:nowrap}.contract-progress-percentage{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;border-radius:8px;color:#fff;font-size:13px;font-weight:700;min-width:50px;padding:4px 10px;text-align:center;text-shadow:0 1px 3px #000000b3}.live-data-divider{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-border);border-top:1px solid #ffffff1a;border-top:1px solid var(--glass-border);color:#5eead4;color:var(--teal-light);display:flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:1px;padding:8px 0;text-transform:uppercase}.pulse-dot{animation:livePulse 1.5s ease-in-out infinite;background:#14b8a6;background:var(--teal-primary);border-radius:50%;box-shadow:0 0 10px #14b8a666;box-shadow:0 0 10px var(--teal-glow);height:8px;width:8px}.telemetry-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.telemetry-item{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;display:flex;gap:10px;overflow:hidden;padding:12px;position:relative;transition:all .3s ease}.telemetry-item:before{background:linear-gradient(135deg,#14b8a6,#06b6d4);background:linear-gradient(135deg,var(--teal-primary) 0,var(--cyan-accent) 100%);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.telemetry-item:hover:before{opacity:.05}.telemetry-item:hover{background:#ffffff0f;box-shadow:0 0 20px #14b8a633;transform:translateY(-2px)}.telemetry-item.highlight,.telemetry-item:hover{border-color:#14b8a6;border-color:var(--teal-primary)}.telemetry-item.highlight{background:#14b8a60d;box-shadow:0 0 15px #14b8a626}.telemetry-item.highlight:after{background:linear-gradient(180deg,#14b8a6,#06b6d4);background:linear-gradient(180deg,var(--teal-primary),var(--cyan-accent));box-shadow:0 0 10px #14b8a666;box-shadow:0 0 10px var(--teal-glow);content:"";height:100%;left:0;position:absolute;top:0;width:3px}.telemetry-svg-icon{color:#5eead4;color:var(--teal-light);filter:drop-shadow(0 0 8px rgba(20,184,166,.4));filter:drop-shadow(0 0 8px var(--teal-glow));height:22px;min-width:22px;position:relative;width:22px;z-index:1}.telemetry-item.highlight .telemetry-svg-icon{animation:iconGlow 2s ease-in-out infinite}@keyframes iconGlow{0%,to{filter:drop-shadow(0 0 8px rgba(20,184,166,.4));filter:drop-shadow(0 0 8px var(--teal-glow))}50%{filter:drop-shadow(0 0 15px rgba(20,184,166,.4));filter:drop-shadow(0 0 15px var(--teal-glow))}}.telemetry-item>div{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;position:relative;z-index:1}.telemetry-label{color:#64748b;color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.telemetry-value{color:#fff;color:var(--text-primary);font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 8px #00000080;white-space:nowrap}.telemetry-item.highlight .telemetry-value{color:#5eead4;color:var(--teal-light);text-shadow:0 0 15px #14b8a666;text-shadow:0 0 15px var(--teal-glow)}.gps-coords{font-family:Courier New,monospace;font-size:11px}.timestamp{font-size:12px}.telemetry-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.8px;padding:3px 10px;text-transform:uppercase}.telemetry-badge.badge-on{background:#10b98133;border:1px solid #10b981;box-shadow:0 0 10px #10b9814d;color:#6ee7b7}.telemetry-badge.badge-off{background:#64748b33;border:1px solid #64748b;color:#94a3b8}.card-header{align-items:flex-start;margin-bottom:16px}.vehicle-info h3{color:#fff;color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 4px;text-shadow:0 0 10px #ffffff4d}.vehicle-model{color:#94a3b8;color:var(--text-secondary);font-size:14px;margin:0}.status-indicator{border:1px solid;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.status-indicator.online{background:#22c55e33;border-color:#22c55e;box-shadow:0 0 15px #22c55e66;color:#86efac}.status-indicator.idle{background:#fb923c33;border-color:#fb923c;box-shadow:0 0 15px #fb923c66;color:#fdba74}.status-indicator.offline{background:#ef444433;border-color:#ef4444;box-shadow:0 0 15px #ef444466;color:#fca5a5}.card-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.metric-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:12px;transition:all .3s ease}.metric-item:hover{background:#ffffff0d;border-color:#14b8a6;border-color:var(--teal-primary);box-shadow:0 0 15px #14b8a666;box-shadow:0 0 15px var(--teal-glow)}.metric-label{color:#64748b;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.metric-value{color:#5eead4;color:var(--teal-light);font-size:18px;font-weight:700;text-shadow:0 0 10px #14b8a666;text-shadow:0 0 10px var(--teal-glow)}.metric-unit{color:#94a3b8;color:var(--text-secondary);font-size:12px;margin-left:4px}.card-footer{display:flex;gap:12px;justify-content:space-between}.btn-vehicle-details,.btn-vehicle-stats{align-items:center;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;justify-content:center;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s ease}.btn-vehicle-stats{background:linear-gradient(135deg,#14b8a6,#06b6d4);background:linear-gradient(135deg,var(--teal-primary) 0,var(--cyan-accent) 100%);box-shadow:0 4px 15px #14b8a666;box-shadow:0 4px 15px var(--teal-glow)}.btn-vehicle-stats:hover{box-shadow:0 6px 25px #14b8a666;box-shadow:0 6px 25px var(--teal-glow);transform:translateY(-2px)}.btn-vehicle-details{background:linear-gradient(135deg,#8b5cf6,#ec4899);box-shadow:0 4px 15px #8b5cf666}.btn-vehicle-details:hover{box-shadow:0 6px 25px #8b5cf699;transform:translateY(-2px)}.btn-vehicle-details svg,.btn-vehicle-stats svg{height:18px;margin-right:8px;width:18px}.pagination{gap:12px;margin-top:32px}.pagination-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#ffffff14;background:var(--glass-hover);border-color:#14b8a6;border-color:var(--teal-primary);box-shadow:0 0 20px #14b8a666;box-shadow:0 0 20px var(--teal-glow)}.pagination-btn:disabled{cursor:not-allowed;opacity:.3}.page-info{color:var(--text-secondary);font-size:14px;font-weight:500}.modal-overlay{animation:fadeIn .3s ease;background:#000000d9}.modal-content{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#0a0e1af2;border-radius:24px;box-shadow:0 20px 80px #000c,0 0 60px #14b8a666;box-shadow:0 20px 80px #000c,0 0 60px var(--teal-glow);max-width:900px}.modal-header{padding:24px 32px}.modal-header h2{font-weight:700;text-shadow:0 0 15px #14b8a666;text-shadow:0 0 15px var(--teal-glow)}.modal-header p{color:#94a3b8;color:var(--text-secondary);font-size:14px;margin:4px 0 0}.modal-close{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:#fff;color:var(--text-primary);font-size:28px;line-height:1;transition:all .3s ease}.modal-close:hover{border-color:#ef4444;box-shadow:0 0 20px #ef444480;color:#fca5a5;transform:rotate(90deg)}.modal-body{padding:32px}.error-state,.loading-state{min-height:60vh}.spinner{border-top:4px solid var(--teal-primary);box-shadow:0 0 20px #14b8a666;box-shadow:0 0 20px var(--teal-glow);height:50px;margin-bottom:20px;width:50px}.comprehensive-stats{max-height:calc(80vh - 150px);overflow-y:auto;padding:20px}.stats-section{margin-bottom:28px;padding:20px;transition:all .3s ease}.stats-section:hover{border-color:#14b8a6;border-color:var(--teal-primary);box-shadow:0 0 30px #14b8a666;box-shadow:0 0 30px var(--teal-glow)}.stats-section-title{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-border);font-size:18px;margin:0 0 16px;padding-bottom:12px}.stats-list{display:flex;flex-direction:column;gap:12px}.stat-row{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .3s ease}.stat-row:hover{background:#ffffff0d;border-color:#14b8a6;border-color:var(--teal-primary);box-shadow:0 0 15px #14b8a666;box-shadow:0 0 15px var(--teal-glow);transform:translateX(4px)}.stat-label-compact{color:#94a3b8;color:var(--text-secondary);font-size:14px;font-weight:500}.stat-value-compact{color:#5eead4;color:var(--teal-light);font-size:16px;font-weight:700;text-shadow:0 0 10px #14b8a666;text-shadow:0 0 10px var(--teal-glow)}@media (max-width:1024px){.fleet-dashboard .main-content{margin-left:0;padding-top:70px}.fleet-dashboard:has(.sidebar.collapsed) .main-content{margin-left:0}}@media (max-width:768px){.dashboard-content{padding:16px}.stats-summary,.vehicles-grid{grid-template-columns:1fr}.controls-bar{flex-direction:column}.search-box{width:100%}.header-content{flex-direction:column;gap:16px;padding:16px}.header-right{flex-direction:column;gap:12px;width:100%}.header-stats{justify-content:space-around;width:100%}.user-section{justify-content:center;width:100%}}@media (max-width:480px){.tenant-title{font-size:16px}.vehicle-card{padding:14px}.modal-content{margin:10px;max-height:95vh;padding:16px;width:95%}.vehicle-name{font-size:15px}.vehicle-fleet-number{font-size:11px}.vehicle-stats{gap:6px}.stat-item{padding:6px}.stat-value{font-size:13px}.stat-label{font-size:9px}.dashboard-header{padding:8px 0}.header-content{padding:10px!important}.controls-bar{gap:8px;padding:10px}.filter-dropdown select,.search-box input{font-size:13px;padding:8px 10px}.header-stats{gap:8px}.header-stat{padding:6px 10px}.header-stat-value{font-size:14px}.header-stat-label{font-size:9px}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#14b8a6,#06b6d4);background:linear-gradient(135deg,var(--teal-primary),var(--cyan-accent));border-radius:10px;box-shadow:0 0 10px #14b8a666;box-shadow:0 0 10px var(--teal-glow)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5eead4,#14b8a6);background:linear-gradient(135deg,var(--teal-light),var(--teal-primary))}.header-right{gap:24px}.user-section{padding-left:24px}.user-name{color:#94a3b8;color:var(--text-secondary)}.live-stats-container{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.live-stats-bar{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0a0e1a99;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 20px #0000004d;display:flex;gap:16px;justify-content:space-between;padding:16px 24px}.live-stats-bar.alerts-row{background:#0f0a1a99;padding:14px 24px}.live-stats-bar.critical-alerts-row{background:#dc26260d;border-left:3px solid #dc262666;padding:14px 24px}.live-stats-bar.health-row{background:#0f0a1a66;padding:14px 24px}.live-stats-indicator{align-items:center;border-right:1px solid #ffffff1a;border-right:1px solid var(--glass-border);display:flex;flex-shrink:0;gap:8px;padding-right:20px}.live-pulse{animation:livePulse 1.5s ease-in-out infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 10px #22c55e99;height:10px;width:10px}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.live-label{color:#22c55e;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.live-stat-item{align-items:center;border-radius:8px;display:flex;flex:1 1;gap:12px;justify-content:center;padding:8px 12px}.live-stat-icon{background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:8px;height:28px;padding:6px;width:28px}.live-stat-icon.ignition{color:#5eead4;color:var(--teal-light)}.live-stat-icon.moving{color:#22c55e}.live-stat-icon.idling{color:#f59e0b}.live-stat-icon.offline{color:#6b7280}.live-stat-icon.over-allowance{color:#ef4444}.live-stat-icon.near-limit{color:#f59e0b}.live-stat-icon.low-battery{color:#f97316}.live-stat-icon.high-speed{color:#ec4899}.live-stat-icon.unused-today{color:#64748b}.live-stat-icon.high-mileage-today{color:#fbbf24}.live-stat-icon.moving-ign-off{color:#f43f5e}.live-stat-item.alert-active{animation:alertPulse 2s ease-in-out infinite;background:#f43f5e26;border:1px solid #f43f5e4d}@keyframes alertPulse{0%,to{background:#f43f5e26;box-shadow:0 0 10px #f43f5e33}50%{background:#f43f5e40;box-shadow:0 0 20px #f43f5e66}}.live-stat-icon.dead-battery{color:#dc2626}.live-stat-value.dead-battery{color:#dc2626;font-weight:700;text-shadow:0 0 15px #dc262699}.live-stat-icon.battery-disconnect{color:#f43f5e}.live-stat-value.battery-disconnect{color:#f43f5e;text-shadow:0 0 15px #f43f5e99}.live-stat-item.alert-critical{animation:criticalPulse 1.5s ease-in-out infinite;background:#dc262633;border:1px solid #dc262666}@keyframes criticalPulse{0%,to{background:#dc262633;box-shadow:0 0 10px #dc26264d}50%{background:#dc26264d;box-shadow:0 0 25px #dc262680}}.live-stat-content{display:flex;flex-direction:column;gap:2px}.live-stat-value{color:#fff;color:var(--text-primary);font-size:22px;font-weight:700;line-height:1;text-shadow:0 0 20px #14b8a666;text-shadow:0 0 20px var(--teal-glow)}.live-stat-value.moving{color:#22c55e;text-shadow:0 0 15px #22c55e80}.live-stat-value.idling{color:#f59e0b;text-shadow:0 0 15px #f59e0b80}.live-stat-value.offline{color:#6b7280;text-shadow:0 0 15px #6b728080}.live-stat-value.over-allowance{color:#ef4444;text-shadow:0 0 15px #ef444480}.live-stat-value.near-limit{color:#f59e0b;text-shadow:0 0 15px #f59e0b80}.live-stat-value.low-battery{color:#f97316;text-shadow:0 0 15px #f9731680}.live-stat-value.high-speed{color:#ec4899;text-shadow:0 0 15px #ec489980}.live-stat-value.unused-today{color:#64748b;text-shadow:0 0 15px #64748b80}.live-stat-value.high-mileage-today{color:#fbbf24;text-shadow:0 0 15px #fbbf2480}.live-stat-value.moving-ign-off{color:#f43f5e;text-shadow:0 0 15px #f43f5e80}.live-stat-label{color:#64748b;color:var(--text-muted);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.live-stat-divider{background:#ffffff1a;background:var(--glass-border);flex-shrink:0;height:40px;width:1px}@media (max-width:768px){.live-stats-bar{flex-wrap:wrap;gap:16px;padding:14px 16px}.live-stats-indicator{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-border);border-right:none;justify-content:center;padding-bottom:12px;padding-right:0;width:100%}.live-stat-divider{display:none}.live-stat-item{flex:1 1;justify-content:center}.live-stat-value{font-size:20px}}.modal-overlay{animation:fadeIn .2s ease-out;background:#000c;z-index:99999!important}.modal-content.stat-details-modal{animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0e1af2;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:85vh;max-width:900px;width:90%}.modal-header{padding:24px 28px}.modal-header h2{color:#5eead4;color:var(--teal-light)}.modal-close{height:40px;transition:all .2s ease;width:40px}.modal-close:hover{background:#ef444433}.modal-close svg{color:#94a3b8;color:var(--text-secondary);transition:color .2s ease}.modal-close:hover svg{color:#ef4444}.modal-body{padding:24px 28px}.stat-vehicle-count{background:#14b8a61a;border-left:3px solid #14b8a6;border-left:3px solid var(--teal-primary);border-radius:8px;color:#94a3b8;color:var(--text-secondary);font-size:14px;margin-bottom:16px;padding:12px 16px}.stat-vehicle-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.stat-vehicle-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:12px;cursor:pointer;padding:16px;transition:all .2s ease}.stat-vehicle-card:hover{background:#ffffff0f;border-color:#14b8a6;border-color:var(--teal-primary);box-shadow:0 8px 24px #14b8a626;transform:translateY(-2px)}.stat-vehicle-card.alert-card{background:#f43f5e1a;border-color:#f43f5e66}.stat-vehicle-card.alert-card:hover{background:#f43f5e26;border-color:#f43f5e;box-shadow:0 8px 24px #f43f5e40}.stat-vehicle-detail-item.alert-detail{background:#f43f5e26;border-radius:6px;margin-bottom:8px;padding:8px 12px}.detail-value.alert-value{color:#f43f5e;font-size:1.1em;font-weight:700}.stat-vehicle-header{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-border);display:flex;flex-direction:column;gap:4px;margin-bottom:12px;padding-bottom:12px}.stat-vehicle-fleet{color:#5eead4;color:var(--teal-light);font-size:16px;font-weight:600}.stat-vehicle-name{color:#94a3b8;color:var(--text-secondary);font-size:13px}.stat-vehicle-details{display:flex;flex-direction:column;gap:8px}.stat-vehicle-detail-item{align-items:center;display:flex;font-size:13px;justify-content:space-between}.detail-label{color:var(--text-muted)}.detail-value{color:#fff;color:var(--text-primary);font-weight:500}.empty-state{color:var(--text-muted)}.live-stat-item.clickable{cursor:pointer;transition:all .2s ease}.live-stat-item.clickable:hover{background:#ffffff14;box-shadow:0 4px 12px #14b8a633;transform:translateY(-2px)}@media (max-width:768px){.modal-content.stat-details-modal{max-height:90vh;width:95%}.stat-vehicle-list{grid-template-columns:1fr}.modal-header h2{font-size:20px}}.contract-sync-selector{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0006;padding:20px;transition:all .3s ease}.contract-sync-selector:hover{border-color:#14b8a64d;box-shadow:0 8px 32px #0006,0 0 20px #14b8a61a}.contract-sync-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.contract-sync-header h3{color:#5eead4;font-size:16px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.refresh-btn{background:#ffffff1a;padding:8px}.refresh-btn:hover:not(:disabled){background:#14b8a633;border-color:#14b8a6}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.refresh-icon{color:#94a3b8;height:20px;transition:transform .3s ease;width:20px}.refresh-btn:hover:not(:disabled) .refresh-icon{color:#5eead4}.refresh-icon.spinning{animation:spin 1s linear infinite}.contract-sync-loading{align-items:center;color:#94a3b8;display:flex;gap:12px;padding:20px}.spinner-tiny{animation:spin .8s linear infinite;border:2px solid #fff3;border-radius:50%;border-top-color:initial;height:14px;width:14px}.contract-sync-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;display:flex;gap:12px;padding:16px}.error-icon{align-items:center;background:#ef444433;border-radius:50%;color:#ef4444;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.retry-btn{background:#ef444433;border:1px solid #ef44444d;border-radius:6px;color:#fca5a5;cursor:pointer;font-size:13px;margin-left:auto;padding:6px 12px;transition:all .2s ease}.retry-btn:hover{background:#ef44444d;border-color:#ef4444}.contract-sync-content{position:relative}.dropdown-container{margin-bottom:16px;position:relative}.contract-dropdown-btn{align-items:center;background:#ffffff0d;border:2px solid #ffffff26;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;text-align:left;transition:all .3s ease;width:100%}.contract-dropdown-btn:hover:not(:disabled){background:#ffffff14;border-color:#14b8a6}.contract-dropdown-btn.open{border-color:#14b8a6;box-shadow:0 0 20px #14b8a633}.contract-dropdown-btn:disabled{cursor:not-allowed;opacity:.6}.selected-contract-info{display:flex;flex-direction:column;gap:4px}.contract-code{color:#5eead4;font-size:18px;font-weight:700}.contract-name{font-size:13px}.dropdown-arrow{color:#94a3b8;height:24px;transition:transform .3s ease;width:24px}.dropdown-arrow.open{transform:rotate(180deg)}.contract-dropdown-menu{animation:dropdownSlide .2s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f172afa;border:1px solid #ffffff26;border-radius:10px;box-shadow:0 12px 40px #00000080;left:0;max-height:320px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:100}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.no-contracts{color:#94a3b8;font-style:italic;padding:20px;text-align:center}.contract-option{background:#0000;border:none;border-bottom:1px solid #ffffff14;cursor:pointer;display:flex;flex-direction:column;padding:14px 16px;position:relative;text-align:left;transition:all .2s ease;width:100%}.contract-option:last-child{border-bottom:none}.contract-option:hover{background:#14b8a61a}.contract-option.selected{background:#14b8a626}.contract-option:disabled{cursor:not-allowed;opacity:.5}.option-main{align-items:center;display:flex;gap:10px;margin-bottom:6px}.option-code{color:#5eead4;font-size:16px;font-weight:700}.option-name{color:#94a3b8;font-size:13px}.option-details{align-items:center;display:flex;gap:10px}.option-allowance{background:#ffffff0d;border-radius:4px;color:#64748b;font-size:12px;padding:3px 8px}.default-tag{background:#10b98126;border-radius:4px;color:#10b981;font-size:11px;font-weight:600;padding:2px 8px}.check-mark{color:#10b981;height:20px;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:20px}.check-mark svg{height:100%;width:100%}.sync-status-box{border-radius:10px;margin-bottom:16px;padding:14px 16px;transition:all .3s ease}.sync-status-box.synced{background:#10b9811a;border:1px solid #10b9814d}.sync-status-box.out-of-sync{background:#f59e0b1a;border:1px solid #f59e0b4d}.sync-status-main{gap:10px;margin-bottom:6px}.sync-icon,.sync-status-main{align-items:center;display:flex}.sync-icon{height:22px;justify-content:center;width:22px}.sync-icon.synced{color:#10b981}.sync-icon.warning{color:#f59e0b}.sync-icon svg{height:100%;width:100%}.sync-text{font-size:14px;font-weight:600}.sync-status-box.synced .sync-text{color:#10b981}.sync-status-box.out-of-sync .sync-text{color:#f59e0b}.sync-time{color:#64748b;font-size:12px;margin-left:32px}.sync-values{background:#0003;border-radius:6px;gap:12px;margin:12px 0;padding:10px 12px}.sync-value-item,.sync-values{align-items:center;display:flex}.sync-value-item{gap:6px}.sync-value-label{color:#94a3b8;font-size:12px}.sync-value-code{color:#f1f5f9;font-size:14px;font-weight:600}.sync-separator{color:#64748b;font-weight:300}.conflict-actions{display:flex;gap:10px;margin-top:12px}.conflict-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 14px;transition:all .2s ease}.conflict-btn:disabled{cursor:not-allowed;opacity:.6}.conflict-btn.use-wialon{background:#f59e0b33;border:1px solid #f59e0b66;color:#fbbf24}.conflict-btn.use-wialon:hover:not(:disabled){background:#f59e0b4d;border-color:#f59e0b}.conflict-btn.push-to-wialon{background:#14b8a633;border:1px solid #14b8a666;color:#5eead4}.conflict-btn.push-to-wialon:hover:not(:disabled){background:#14b8a64d;border-color:#14b8a6}.btn-loading{align-items:center;display:flex;justify-content:center}.sync-error-message{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;display:flex;font-size:13px;gap:10px;margin-bottom:16px;padding:12px 14px}.dismiss-btn{background:#0000;border:none;color:#94a3b8;cursor:pointer;margin-left:auto;padding:4px;transition:color .2s ease}.dismiss-btn:hover{color:#ef4444}.dismiss-btn svg{height:18px;width:18px}.syncing-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0f172ad9;border-radius:8px;bottom:0;color:#5eead4;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:10px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:50}.contract-details-summary{border-top:1px solid #ffffff1a;margin-top:16px;padding-top:16px}.contract-details-summary h4{color:#94a3b8;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 14px;text-transform:uppercase}.details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:14px}.detail-label{color:#64748b;font-size:11px;letter-spacing:.3px;text-transform:uppercase}.detail-value{color:#f1f5f9;font-size:16px;font-weight:600}.contract-rules{background:#ffffff08;border-radius:8px;padding:12px}.rule{color:#94a3b8;font-size:13px;gap:10px;padding:6px 0}.rule,.rule-icon{align-items:center;display:flex}.rule-icon{border-radius:4px;font-size:14px;font-weight:700;height:20px;justify-content:center;width:20px}.rule.enabled .rule-icon{background:#10b98133;color:#10b981}.rule.disabled .rule-icon{background:#ef444433;color:#ef4444}@media (max-width:768px){.contract-sync-selector{padding:16px}.conflict-actions,.sync-values{flex-direction:column}.sync-values{align-items:flex-start;gap:8px}.sync-separator{display:none}.details-grid{grid-template-columns:1fr}}.contract-dropdown-menu::-webkit-scrollbar{width:6px}.contract-dropdown-menu::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.contract-dropdown-menu::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.contract-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.allowance-progress-bar{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden}.allowance-progress-bar.compact{border-radius:12px}.allowance-loading{align-items:center;color:#94a3b8;display:flex;gap:12px;justify-content:center;padding:24px}.allowance-progress-bar .spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff1a;border-radius:50%;border-top-color:#14b8a6;height:20px;width:20px}.allowance-error{background:#ef44441a;border-left:4px solid #ef4444;border-radius:8px;color:#f87171;font-size:14px;margin:16px;padding:20px}.allowance-no-data{color:#94a3b8;font-size:14px;padding:24px;text-align:center}.allowance-section{padding:24px}.allowance-progress-bar.compact .allowance-section{padding:16px}.monthly-section{border-bottom:1px solid #ffffff1a}.quarterly-section{background:#0003}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.title-text{color:#94a3b8;font-size:14px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.contract-badge{background:#14b8a633;border-radius:6px;color:#5eead4;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px}.month-label,.quarter-label{color:#5eead4;font-size:14px;font-weight:500}.allowance-summary{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.summary-main{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px}.current-value{color:#fff;font-size:28px;font-weight:700;text-shadow:0 0 20px #fff3}.allowance-progress-bar.compact .current-value{font-size:22px}.separator{color:#64748b;font-size:14px}.allowance-value{color:#5eead4;font-size:20px;font-weight:600}.allowance-progress-bar.compact .allowance-value{font-size:16px}.allowance-label{color:#64748b;font-size:14px}.status-badge{font-size:11px;letter-spacing:.5px}.status-normal{background:#10b98133;border:1px solid #10b9814d;color:#34d399}.status-over,.status-soft-cap{background:#f59e0b33;border:1px solid #f59e0b4d;color:#fbbf24}.status-hard-cap{background:#ef444433;border:1px solid #ef44444d;color:#f87171}.progress-container{margin-bottom:12px;position:relative}.quarterly-progress{margin-top:20px}.progress-bar{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;height:24px;overflow:visible;position:relative}.allowance-progress-bar.compact .progress-bar{border-radius:8px;height:16px}.progress-fill{border-radius:12px 0 0 12px;position:absolute;top:0;transition:width .5s ease}.allowance-progress-bar.compact .progress-fill{border-radius:8px 0 0 8px}.progress-fill:last-of-type{border-radius:12px}.progress-base{background:linear-gradient(90deg,#10b981,#34d399);box-shadow:0 0 20px #10b98166;left:0;z-index:3}.progress-soft{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 20px #f59e0b66;z-index:2}.progress-hard{background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:0 0 20px #ef444466;z-index:1}.progress-over{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 20px #f59e0b66}.progress-overflow-indicator{animation:pulse 1.5s infinite;background:#ef4444;border:2px solid #fff3;border-radius:50%;height:16px;position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:16px;z-index:10}.cap-marker{bottom:-4px;position:absolute;top:-4px;transform:translateX(-50%);width:2px;z-index:5}.marker-line{background:#fff9;height:100%;width:100%}.soft-cap-marker .marker-line{background:#f59e0bcc}.hard-cap-marker .marker-line{background:#ef4444cc}.progress-scale{height:24px;margin-top:8px;position:relative}.scale-label{color:#64748b;font-size:11px;position:absolute;transform:translateX(-50%);white-space:nowrap}.scale-start{left:0;transform:translateX(0)}.scale-end{left:100%;transform:translateX(-100%)}.scale-hard,.scale-soft{color:#94a3b8}.cap-labels{height:20px;margin-top:4px;position:relative}.cap-label{color:#64748b;font-size:10px;letter-spacing:.5px;position:absolute;text-transform:uppercase;transform:translateX(-50%);white-space:nowrap}.cap-label:last-child{transform:translateX(-100%)}.usage-info{align-items:center;border-top:1px solid #ffffff0d;display:flex;justify-content:space-between;margin-top:16px;padding-top:16px}.usage-percent{color:#94a3b8;font-size:13px}.credit-info{border-radius:6px;font-size:13px;font-weight:600;padding:4px 10px}.credit-info.positive{background:#10b98126;color:#34d399}.credit-info.negative{background:#ef444426;color:#f87171}.months-breakdown{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:16px}.month-item{align-items:center;display:flex;gap:8px}.month-name{color:#64748b;font-size:13px;font-weight:500}.month-value{color:#fff;font-size:14px;font-weight:600}.month-value.pending{color:#64748b;font-style:italic}.qtd-summary{align-items:baseline;background:#ffffff08;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;padding:12px 16px}.qtd-label{color:#64748b;font-size:13px;font-weight:600}.qtd-value{color:#fff;font-size:18px;font-weight:700}.qtd-separator{color:#64748b;font-size:13px}.qtd-cap{color:#5eead4;font-size:16px;font-weight:600}.qtd-cap-label{color:#64748b;font-size:12px}.quarterly-status{margin-top:16px;text-align:right}@media (max-width:768px){.allowance-section{padding:16px}.section-header{gap:8px}.allowance-summary,.section-header{align-items:flex-start;flex-direction:column}.current-value{font-size:24px}.allowance-value{font-size:18px}.months-breakdown,.usage-info{flex-direction:column;gap:8px}.usage-info{align-items:flex-start}.progress-scale{font-size:10px}.qtd-summary{flex-direction:column;gap:4px}}@media (max-width:480px){.current-value{font-size:20px}.allowance-value{font-size:16px}.progress-bar{height:18px}.scale-label{font-size:9px}}.december-bonus-display{animation:bonus-glow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#10b98126,#14b8a61a);border:1px solid #10b9814d;border-radius:12px;margin-top:16px;padding:16px}@keyframes bonus-glow{0%{box-shadow:0 0 10px #10b9811a}to{box-shadow:0 0 20px #10b98133}}.bonus-badge{gap:8px;margin-bottom:8px}.bonus-badge,.bonus-icon{align-items:center;display:flex}.bonus-icon{background:linear-gradient(135deg,#10b981,#14b8a6);border-radius:50%;box-shadow:0 2px 8px #10b98166;color:#fff;font-size:16px;font-weight:700;height:24px;justify-content:center;width:24px}.bonus-amount{color:#34d399;font-size:20px;font-weight:700;text-shadow:0 0 10px #34d3994d}.bonus-label{color:#5eead4;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.bonus-info{color:#94a3b8;font-size:12px;padding-left:32px}.allowance-progress-bar.compact .december-bonus-display{margin-top:12px;padding:12px}.allowance-progress-bar.compact .bonus-amount{font-size:16px}.allowance-progress-bar.compact .bonus-label{font-size:12px}.allowance-progress-bar.compact .bonus-info{font-size:11px}@media (max-width:480px){.bonus-badge{flex-wrap:wrap}.bonus-amount{font-size:18px}.bonus-label{font-size:12px}.bonus-info{margin-top:8px;padding-left:0}}.credit-balance-widget{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0006;padding:20px;position:relative;transition:all .3s ease}.credit-balance-widget:hover{border-color:#14b8a64d;box-shadow:0 8px 32px #0006,0 0 20px #14b8a61a}.credit-balance-widget.compact{border-radius:12px;padding:16px}.credit-balance-header{border-bottom:1px solid #ffffff1a;margin-bottom:16px;padding-bottom:12px}.credit-balance-header h3{color:#5eead4;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.credit-balance-widget.compact .credit-balance-header{margin-bottom:12px;padding-bottom:10px}.credit-balance-loading{align-items:center;color:#94a3b8;display:flex;gap:12px;justify-content:center;padding:40px 16px}.credit-balance-widget.compact .credit-balance-loading{padding:20px 12px}.spinner-small{border:2px solid #ffffff1a;border-top-color:#14b8a6;height:20px;width:20px}.credit-balance-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;display:flex;font-size:14px;gap:12px;padding:16px}.credit-balance-error .error-icon{align-items:center;background:#ef444433;border-radius:50%;color:#ef4444;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.credit-balance-empty{color:#94a3b8;padding:32px 16px;text-align:center}.credit-balance-empty span{color:#f1f5f9;display:block;font-size:16px;font-weight:500;margin-bottom:8px}.credit-balance-empty p{color:#64748b;font-size:13px;margin:0}.credit-balance-main{display:flex;justify-content:center;margin-bottom:20px}.credit-balance-widget.compact .credit-balance-main{margin-bottom:16px}.balance-display{background:#ffffff08;border:2px solid #ffffff26;border-radius:12px;min-width:200px;padding:20px 32px;text-align:center;transition:all .3s ease}.credit-balance-widget.compact .balance-display{min-width:150px;padding:14px 20px}.balance-display.positive{background:#10b9811a;border-color:#10b98180;box-shadow:0 0 20px #10b98133}.balance-display.negative{background:#ef44441a;border-color:#ef444480;box-shadow:0 0 20px #ef444433}.balance-display.neutral{background:#ffffff08;border-color:#94a3b84d}.balance-value{font-size:32px;font-weight:700;margin-bottom:4px;text-shadow:0 0 20px #fff3}.credit-balance-widget.compact .balance-value{font-size:24px}.balance-display.positive .balance-value{color:#34d399;text-shadow:0 0 20px #10b98166}.balance-display.negative .balance-value{color:#f87171;text-shadow:0 0 20px #ef444466}.balance-display.neutral .balance-value{color:#94a3b8}.balance-label{color:#94a3b8;font-size:13px;font-weight:500}.credit-balance-widget.compact .balance-label{font-size:11px}.balance-warning{background:#ef444433;border:1px solid #ef444466;border-radius:20px;color:#fca5a5;font-size:12px;font-weight:600;gap:6px;margin-top:12px;padding:6px 12px}.balance-warning,.balance-warning .warning-icon{align-items:center;display:flex;justify-content:center}.balance-warning .warning-icon{background:#ef44444d;border-radius:50%;color:#f87171;font-size:11px;font-weight:700;height:16px;width:16px}.credit-balance-section{border-top:1px solid #ffffff1a;margin-top:16px;padding-top:16px}.section-header{color:#5eead4;font-size:14px;font-weight:600;margin-bottom:12px}.month-breakdown{background:#0003;border:1px solid #ffffff0d;border-radius:10px;padding:14px}.breakdown-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.breakdown-label{color:#94a3b8;font-size:14px}.breakdown-value{color:#f1f5f9;font-size:14px;font-weight:600}.breakdown-divider{background:#ffffff1a;height:1px;margin:8px 0}.breakdown-row.total{padding-top:12px}.breakdown-row.total .breakdown-label{color:#f1f5f9;font-weight:600}.breakdown-row.total .breakdown-value{font-size:16px}.breakdown-row.total.positive .breakdown-value{color:#34d399;text-shadow:0 0 10px #10b9814d}.breakdown-row.total.negative .breakdown-value{color:#f87171;text-shadow:0 0 10px #ef44444d}.breakdown-row.total.neutral .breakdown-value{color:#94a3b8}.history-chart{background:#0003;border:1px solid #ffffff0d;border-radius:10px;padding:16px}.history-bars{display:flex;gap:8px;justify-content:space-between;margin-bottom:16px}.history-bar-container{flex:1 1;min-width:45px}.history-bar-container,.history-bar-wrapper{align-items:center;display:flex;flex-direction:column}.history-bar-wrapper{height:60px;justify-content:flex-end;margin-bottom:8px;width:100%}.history-bar{align-items:flex-start;border-radius:4px 4px 0 0;display:flex;justify-content:center;max-width:30px;min-height:4px;position:relative;transition:height .3s ease;width:100%}.history-bar.positive{background:linear-gradient(0deg,#10b981 0,#34d399);box-shadow:0 0 10px #10b98166}.history-bar.negative{background:linear-gradient(0deg,#ef4444 0,#f87171);box-shadow:0 0 10px #ef444466}.history-bar.neutral{background:#64748b}.history-bar .bar-indicator{align-items:center;background:#ef44444d;border:1px solid #ef444480;border-radius:50%;color:#f87171;display:flex;font-size:10px;font-weight:700;height:14px;justify-content:center;position:absolute;top:-8px;width:14px}.history-value{font-size:11px;font-weight:600;margin-bottom:4px}.history-value.positive{color:#34d399}.history-value.negative{color:#f87171}.history-value.neutral{color:#94a3b8}.history-month{color:#64748b;font-size:11px;letter-spacing:.3px;text-transform:uppercase}.history-summary{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:12px}.summary-label{font-size:13px;font-weight:500}.summary-value{font-size:16px}.summary-value.positive{color:#34d399;text-shadow:0 0 10px #10b9814d}.summary-value.negative{color:#f87171;text-shadow:0 0 10px #ef44444d}.summary-value.neutral{color:#94a3b8}.compact-history{margin-top:12px;padding-top:12px}.compact-history-row{display:flex;gap:8px;justify-content:center}.compact-history-item{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;display:flex;flex-direction:column;min-width:60px;padding:8px 12px;transition:all .2s ease}.compact-history-item:hover{background:#ffffff0d;border-color:#ffffff26}.compact-history-item.positive{background:#10b9811a;border-color:#10b98133}.compact-history-item.negative{background:#ef44441a;border-color:#ef444433}.compact-month{color:#64748b;font-size:10px;margin-bottom:2px;text-transform:uppercase}.compact-value{font-size:13px;font-weight:600}.compact-history-item.positive .compact-value{color:#34d399}.compact-history-item.negative .compact-value{color:#f87171}.refresh-btn{align-items:center;background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .3s ease;width:32px}.refresh-btn:hover{background:#14b8a633;border-color:#14b8a6;color:#5eead4}.refresh-btn:active{transform:scale(.95)}.credit-balance-widget.compact .refresh-btn{height:28px;right:12px;top:12px;width:28px}@media (max-width:768px){.credit-balance-widget{padding:16px}.balance-display{min-width:auto;padding:16px 20px;width:100%}.balance-value{font-size:28px}.history-bars{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.history-bar-container{flex-shrink:0;min-width:40px}.history-month,.history-value{font-size:10px}}@media (max-width:480px){.balance-value{font-size:24px}.balance-display{padding:14px}.breakdown-row{align-items:flex-start;flex-direction:column;gap:4px}.breakdown-row.total{align-items:center;flex-direction:row}}.reports-tab{padding:20px}.reports-header{margin-bottom:24px}.reports-header h2{color:#e2e8f0;font-size:1.5rem;margin:0 0 8px}.reports-header p{color:#a0aec0;margin:0}.report-section{display:flex;flex-direction:column;gap:20px}.report-card{background:#1a202c;border:1px solid #2d3748;border-radius:12px;overflow:hidden}.report-card-header{align-items:center;background:#2d3748;border-bottom:1px solid #4a5568;display:flex;gap:16px;padding:20px}.report-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;height:48px;justify-content:center;width:48px}.report-icon svg{color:#fff;height:24px;width:24px}.report-icon.allowance{background:linear-gradient(135deg,#14b8a6,#0d9488)}.report-icon.services{background:linear-gradient(135deg,#f59e0b,#d97706)}.report-icon.mileage{background:linear-gradient(135deg,#3b82f6,#2563eb)}.report-title h3{color:#e2e8f0;font-size:1.25rem;margin:0 0 4px}.report-title p{color:#a0aec0;font-size:.875rem;margin:0}.report-card-body{padding:20px}.date-selection{margin-bottom:20px}.date-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.preset-btn{background:#2d3748;border:1px solid #4a5568;border-radius:6px;color:#e2e8f0;cursor:pointer;font-size:.875rem;padding:8px 16px;transition:all .2s}.preset-btn:hover{background:#4a5568;border-color:#667eea}.date-inputs{display:flex;flex-wrap:wrap;gap:16px}.date-field{flex:1 1;min-width:200px}.date-field label{color:#a0aec0;display:block;font-size:.875rem;margin-bottom:6px}.date-field input{background:#2d3748;border:1px solid #4a5568;border-radius:6px;color:#e2e8f0;font-size:1rem;padding:10px 12px;width:100%}.date-field input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.date-field input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.8)}.report-contents{background:#2d3748;border-radius:8px;margin-bottom:20px;padding:16px}.report-contents h4{color:#e2e8f0;font-size:.9rem;margin:0 0 12px}.report-contents ul{color:#a0aec0;font-size:.875rem;line-height:1.8;margin:0;padding:0 0 0 20px}.report-contents li::marker{color:#667eea}.report-error{background:#f565651a;border:1px solid #fc8181;border-radius:6px;color:#fc8181;font-size:.875rem;margin-bottom:16px;padding:12px 16px}.download-buttons{display:flex;flex-wrap:wrap;gap:12px}.download-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:12px 20px;transition:all .2s}.download-btn:disabled{cursor:not-allowed;opacity:.6}.download-btn svg{height:18px;width:18px}.download-btn.xlsx{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.download-btn.xlsx:hover:not(:disabled){background:linear-gradient(135deg,#38a169,#2f855a);transform:translateY(-1px)}.download-btn.pdf{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff}.download-btn.pdf:hover:not(:disabled){background:linear-gradient(135deg,#dd6b20,#c05621);transform:translateY(-1px)}.download-btn.json{background:linear-gradient(135deg,#667eea,#5a67d8);color:#fff}.download-btn.json:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#4c51bf);transform:translateY(-1px)}.download-btn.csv{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff}.download-btn.csv:hover:not(:disabled){background:linear-gradient(135deg,#0d9488,#0f766e);transform:translateY(-1px)}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;height:18px;width:18px}@media (max-width:768px){.date-inputs,.download-buttons{flex-direction:column}.download-btn{min-width:100%}}.modal-overlay{animation:fadeIn .2s ease-in;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000c}.modal-content{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#0d1117f2,#0a0e1afa);border:1px solid var(--glass-border,#ffffff1a);box-shadow:0 20px 60px #00000080,0 0 40px #14b8a61a;max-width:700px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--glass-border,#ffffff1a)}.modal-header h2{color:var(--text-primary,#fff);font-size:24px}.modal-close-btn{background:#ffffff0d;background:var(--glass-bg,#ffffff0d);border:1px solid #ffffff1a;border:1px solid var(--glass-border,#ffffff1a);border-radius:10px;color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:24px;height:40px;transition:all .2s;width:40px}.modal-close-btn:hover{background:#ffffff14;background:var(--glass-hover,#ffffff14);border-color:#14b8a6;border-color:var(--teal-primary,#14b8a6);color:#fff;color:var(--text-primary,#fff)}.form-section h3{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-border,#ffffff1a);color:#5eead4;color:var(--teal-light,#5eead4);font-size:16px;font-weight:600;margin-bottom:12px;padding-bottom:8px}.vehicle-info-box{background:#06b6d41a;border:1px solid #06b6d44d;border-left:4px solid #06b6d4;border-left:4px solid var(--cyan-accent,#06b6d4);border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:14px;padding:12px}.form-group{flex:1 1}.form-row{display:flex}.form-row .form-group{flex:1 1}.form-group label{color:var(--text-primary,#fff)}.form-group .required{color:#f87171}.form-group input,.form-group select,.form-group textarea{background:var(--glass-bg,#ffffff0d);border:1px solid var(--glass-border,#ffffff1a);color:#fff;color:var(--text-primary,#fff);font-family:inherit;font-size:14px;transition:all .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted,#64748b)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff14;border-color:var(--teal-primary,#14b8a6)}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.form-group select option{background:#0d1117;color:var(--text-primary,#fff)}.form-text{color:#64748b;color:var(--text-muted,#64748b);display:block;font-size:12px;margin-top:4px}.alert{border-radius:8px;font-size:14px;margin-bottom:20px;padding:12px 16px}.alert-error{background:#ef44441a;border:1px solid #ef44444d;color:#f87171}.alert-error strong{font-weight:600}.cost-total{background:#14b8a61a;border:1px solid #14b8a64d;border-radius:8px;color:#5eead4;color:var(--teal-light,#5eead4);font-size:16px;margin-top:12px;padding:12px 16px}.cost-total strong{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-weight:500;margin-right:8px}.modal-actions{border-top:1px solid var(--glass-border,#ffffff1a);margin-top:32px}.btn{border-radius:8px;font-weight:500;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:var(--glass-bg,#ffffff0d);border:1px solid var(--glass-border,#ffffff1a);color:#94a3b8;color:var(--text-secondary,#94a3b8)}.btn-secondary:hover:not(:disabled){background:#ffffff14;background:var(--glass-hover,#ffffff14);border-color:#fff3;color:#fff;color:var(--text-primary,#fff)}.btn-primary{background:linear-gradient(135deg,var(--teal-primary,#14b8a6) 0,var(--cyan-accent,#06b6d4) 100%)}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #14b8a666;transform:translateY(-1px)}.modal-content::-webkit-scrollbar-track{background:#ffffff0d}.modal-content::-webkit-scrollbar-thumb{background:#fff3}.modal-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){.modal-content{max-height:95vh;width:95%}.form-row{flex-direction:column;gap:0}.modal-header h2{font-size:20px}}.service-history-tab{color:#fff;color:var(--text-primary,#fff);padding:20px}.service-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-border,#ffffff1a);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.service-header h3{color:#fff;color:var(--text-primary,#fff);font-size:22px;font-weight:600;margin:0}.btn-book-service{background:linear-gradient(135deg,#14b8a6,#06b6d4);background:linear-gradient(135deg,var(--teal-primary,#14b8a6) 0,var(--cyan-accent,#06b6d4) 100%);border:none;border-radius:8px;box-shadow:0 4px 15px #14b8a64d;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.btn-book-service:hover{box-shadow:0 6px 20px #14b8a666;transform:translateY(-2px)}.mileage-summary-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background:var(--glass-bg,#ffffff0d);border:1px solid #ffffff1a;border:1px solid var(--glass-border,#ffffff1a);border-radius:16px;margin-bottom:24px;padding:20px}.mileage-summary-section h4{color:#fff;color:var(--text-primary,#fff);font-size:16px;font-weight:600;margin:0 0 16px}.summary-grid{grid-template-columns:repeat(4,1fr)}.summary-card{align-items:center;background:#ffffff08;background:var(--glass-bg,#ffffff08);border:1px solid #ffffff14;border:1px solid var(--glass-border,#ffffff14);border-radius:12px;display:flex;gap:12px;padding:16px}.summary-card:hover{background:#ffffff0f;background:var(--glass-hover,#ffffff0f)}.summary-card.billable{border-left:3px solid #10b981}.summary-card.service{border-left:3px solid #f59e0b}.summary-card.total{border-left:3px solid #06b6d4}.summary-card.cost{border-left:3px solid #8b5cf6}.summary-icon{background:#ffffff0d;background:var(--glass-bg,#ffffff0d);font-size:24px}.summary-content{display:flex;flex-direction:column;gap:2px}.summary-label{color:var(--text-muted,#64748b)}.summary-value{color:#fff;color:var(--text-primary,#fff);font-size:18px;font-weight:600}.summary-card.billable .summary-value{color:#34d399}.summary-card.service .summary-value{color:#fbbf24}.summary-card.total .summary-value{color:#22d3ee}.summary-card.cost .summary-value{color:#a78bfa}.summary-footer{border-top:1px solid #ffffff1a;border-top:1px solid var(--glass-border,#ffffff1a);color:#64748b;color:var(--text-muted,#64748b);display:flex;font-size:13px;gap:24px;margin-top:16px;padding-top:16px}.summary-footer strong{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.summary-footer .active-indicator{color:#f59e0b}.summary-footer .active-indicator strong{color:#fbbf24}@media (max-width:1200px){.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.summary-grid{grid-template-columns:1fr}.summary-footer{flex-direction:column;gap:8px}}.alerts-section{margin-bottom:24px}.alerts-section h4{color:#fff;color:var(--text-primary,#fff);font-size:16px;font-weight:600;margin-bottom:12px}.alert-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f59e0b1a;border:1px solid #f59e0b4d;border-left:4px solid #f59e0b;border-radius:8px;margin-bottom:12px;padding:16px;position:relative}.alert-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.alert-type{color:#64748b;color:var(--text-muted,#64748b);font-size:12px;text-transform:capitalize}.alert-message{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:14px;line-height:1.5;margin-bottom:8px}.alert-km{color:#5eead4;color:var(--teal-light,#5eead4);font-size:13px;font-weight:500}.btn-dismiss-alert{background:#ffffff0d;background:var(--glass-bg,#ffffff0d);border:1px solid #ffffff1a;border:1px solid var(--glass-border,#ffffff1a);border-radius:6px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;font-size:12px;padding:4px 12px;position:absolute;right:12px;top:12px;transition:all .2s}.btn-dismiss-alert:hover{background:#ffffff14;background:var(--glass-hover,#ffffff14);border-color:#14b8a6;border-color:var(--teal-primary,#14b8a6);color:#fff;color:var(--text-primary,#fff)}.priority-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px}.priority-critical{background:#ef444433;border:1px solid #ef44444d;color:#f87171}.priority-high{background:#f9731633;border:1px solid #f973164d;color:#fb923c}.priority-medium{background:#f59e0b33;border:1px solid #f59e0b4d;color:#fbbf24}.priority-low{background:#10b98133;border:1px solid #10b9814d;color:#34d399}.status-badge{display:inline-block;padding:4px 12px}.status-scheduled{background:#06b6d433;border:1px solid #06b6d44d;color:#22d3ee}.status-in-progress{background:#f59e0b33;border:1px solid #f59e0b4d;color:#fbbf24}.status-completed{background:#10b98133;border:1px solid #10b9814d;color:#34d399}.status-cancelled{background:#ef444433;border:1px solid #ef44444d;color:#f87171}.active-services-section,.scheduled-services-section,.service-history-section{margin-bottom:32px}.active-services-section h4,.scheduled-services-section h4,.service-history-section h4{align-items:center;color:#fff;color:var(--text-primary,#fff);display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:12px}.service-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background:var(--glass-bg,#ffffff0d);border:1px solid #ffffff1a;border:1px solid var(--glass-border,#ffffff1a);border-radius:12px;margin-bottom:12px;padding:16px;transition:all .3s ease}.service-card:hover{background:#ffffff14;background:var(--glass-hover,#ffffff14);border-color:#14b8a6;border-color:var(--teal-primary,#14b8a6);box-shadow:0 4px 20px #14b8a626}.active-service{background:#f59e0b0d;border-left:4px solid #f59e0b}.scheduled-service{background:#06b6d40d;border-left:4px solid #06b6d4;border-left:4px solid var(--cyan-accent,#06b6d4)}.service-card-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-border,#ffffff1a);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.service-card-header strong{color:#fff;color:var(--text-primary,#fff);font-size:16px;text-transform:capitalize}.service-date{color:#64748b;color:var(--text-muted,#64748b);font-size:13px;margin-left:12px}.service-card-body{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:14px}.service-card-body p{margin:6px 0}.service-card-body strong{color:#fff;color:var(--text-primary,#fff)}.service-card-actions{border-top:1px solid #ffffff1a;border-top:1px solid var(--glass-border,#ffffff1a);display:flex;gap:8px;margin-top:12px;padding-top:12px}.btn-action{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-start{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 10px #10b9814d;color:#fff}.btn-start:hover{box-shadow:0 4px 15px #10b98166;transform:translateY(-1px)}.btn-cancel{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 10px #ef44444d;color:#fff}.btn-cancel:hover{box-shadow:0 4px 15px #ef444466;transform:translateY(-1px)}.service-history-list{display:flex;flex-direction:column;gap:12px}.service-history-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background:var(--glass-bg,#ffffff0d);border:1px solid #ffffff1a;border:1px solid var(--glass-border,#ffffff1a);border-radius:12px;padding:16px;transition:all .3s ease}.service-history-card:hover{background:#ffffff14;background:var(--glass-hover,#ffffff14);border-color:#fff3}.empty-state{background:#ffffff0d;background:var(--glass-bg,#ffffff0d);border:2px dashed #ffffff1a;border:2px dashed var(--glass-border,#ffffff1a);border-radius:12px;padding:40px 20px}.empty-state p{margin-bottom:16px}.empty-state p,.error-state,.loading-state{color:#64748b;color:var(--text-muted,#64748b)}.error-state,.loading-state{background:#ffffff0d;background:var(--glass-bg,#ffffff0d);border-radius:12px;padding:40px 20px}.error-state{background:#ef44441a;border:1px solid #ef444433;color:#f87171}@media (max-width:768px){.service-header{align-items:flex-start;gap:12px}.service-card-actions,.service-header{flex-direction:column}.btn-action{width:100%}}.cost-line-items{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin-top:16px;padding:16px}.line-items-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.header-label{color:#e2e8f0;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.add-item-btn{align-items:center;background:#14b8a633;border:1px solid #14b8a666;border-radius:6px;color:#14b8a6;cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.add-item-btn:hover{background:#14b8a64d;border-color:#14b8a6}.no-items{color:#64748b;padding:32px;text-align:center}.no-items p{margin:0 0 16px}.add-first-btn{background:#ffffff0d;border:1px dashed #fff3;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:.875rem;padding:10px 20px;transition:all .2s ease}.add-first-btn:hover{background:#14b8a61a;border-color:#14b8a666;color:#14b8a6}.line-items-table{overflow-x:auto}.table-header{grid-gap:12px;background:#ffffff08;border-radius:8px;display:grid;gap:12px;grid-template-columns:120px 1fr 70px 120px 100px 40px;margin-bottom:8px;padding:10px 12px}.table-header>div{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table-body{display:flex;flex-direction:column;gap:8px}.table-row{grid-gap:12px;align-items:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;display:grid;gap:12px;grid-template-columns:120px 1fr 70px 120px 100px 40px;padding:10px 12px;transition:all .2s ease}.table-row:hover{background:#ffffff0a;border-color:#ffffff1a}.col-actions,.col-category,.col-description,.col-price,.col-qty,.col-total{align-items:center;display:flex}.col-price,.col-qty,.col-total{justify-content:flex-end}.col-actions{justify-content:center}.category-select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#e2e8f0;cursor:pointer;font-size:.8125rem;padding:8px 10px;width:100%}.category-select:focus{border-color:#14b8a6;outline:none}.category-select option{background:#1e293b;color:#e2e8f0}.category-badge{border:1px solid;border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;padding:4px 10px}.description-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#e2e8f0;font-size:.8125rem;padding:8px 10px;width:100%}.description-input:focus{border-color:#14b8a6;outline:none}.description-input::placeholder{color:#64748b}.qty-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#e2e8f0;font-size:.8125rem;padding:8px 10px;text-align:right;width:100%}.qty-input:focus{border-color:#14b8a6;outline:none}.price-input-wrapper{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;display:flex;overflow:hidden;width:100%}.price-input-wrapper:focus-within{border-color:#14b8a6}.currency-symbol{background:#ffffff08;border-right:1px solid #ffffff14;color:#64748b}.currency-symbol,.price-input{font-size:.8125rem;padding:8px}.price-input{background:#0000;border:none;color:#e2e8f0;text-align:right;width:100%}.price-input:focus{outline:none}.total-value{color:#14b8a6;font-family:SF Mono,Fira Code,monospace;font-size:.875rem;font-weight:600}.delete-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.delete-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.grand-total-row{align-items:center;border-top:1px solid #ffffff14;display:flex;gap:24px;justify-content:flex-end;margin-top:16px;padding-top:16px}.grand-total-label{color:#94a3b8;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.grand-total-value{color:#10b981;font-family:SF Mono,Fira Code,monospace;font-size:1.25rem;font-weight:700}.price-input::-webkit-inner-spin-button,.price-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button,.qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.price-input[type=number],.qty-input[type=number]{-moz-appearance:textfield}@media (max-width:768px){.table-header{display:none}.table-row{gap:8px;grid-template-columns:1fr}.table-row>div{justify-content:flex-start}.table-row>div:before{color:#64748b;content:attr(data-label);font-size:.75rem;margin-right:8px;min-width:80px}.col-actions{border-top:1px solid #ffffff0d;justify-content:flex-end;padding-top:8px}}.complete-service-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.complete-service-modal{background:#1a202c;border:1px solid #2d3748;border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.complete-service-modal-header{align-items:center;background:linear-gradient(135deg,#38a169,#2f855a);border-bottom:1px solid #2d3748;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.complete-service-modal-header h2{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:#fff3;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background .2s}.modal-close-btn:hover{background:#ffffff4d}.modal-close-btn svg{color:#fff;height:20px;width:20px}.complete-service-modal-body{padding:24px}.service-summary-info{grid-gap:12px;background:#2d3748;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px;padding:16px}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-label{color:#a0aec0}.summary-value{color:#e2e8f0;font-size:.95rem;font-weight:500}.form-section-title{align-items:center;border-bottom:1px solid #2d3748;color:#a0aec0;display:flex;font-size:.875rem;font-weight:600;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.use-line-items-toggle{align-items:center;color:#94a3b8;cursor:pointer;display:flex;font-size:.8125rem;font-weight:400;gap:8px}.use-line-items-toggle input[type=checkbox]{accent-color:#14b8a6;cursor:pointer;height:16px;width:16px}.use-line-items-toggle span{color:#94a3b8}.simple-cost-message{background:#ffffff08;border:1px dashed #ffffff1a;border-radius:8px;margin-bottom:16px;padding:24px;text-align:center}.simple-cost-message p{color:#64748b;font-size:.875rem;margin:0}.form-group{margin-bottom:16px}.form-group label{color:#e2e8f0;font-size:.875rem;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:#2d3748;border:1px solid #4a5568;border-radius:6px;font-size:.95rem;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#38a169;box-shadow:0 0 0 3px #38a16933}.form-group input::placeholder,.form-group textarea::placeholder{color:#718096}.cost-inputs-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.total-cost-display{align-items:center;background:#38a1691a;border:1px solid #38a1694d;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.total-cost-display span:first-child{color:#a0aec0;font-size:.875rem}.total-amount{color:#38a169;font-size:1.25rem;font-weight:700}.modal-actions{border-top:1px solid #2d3748;padding-top:16px}.btn-cancel{background:#4a5568;border:none;color:#e2e8f0;flex:1 1;font-size:.95rem;font-weight:500;padding:12px 20px;transition:background .2s}.btn-cancel:hover:not(:disabled){background:#5a6678}.btn-cancel:disabled{cursor:not-allowed;opacity:.6}.btn-complete{align-items:center;background:linear-gradient(135deg,#38a169,#2f855a);border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s}.btn-complete:hover:not(:disabled){background:linear-gradient(135deg,#2f855a,#276749)}.btn-complete:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-complete svg,.btn-spinner{height:18px;width:18px}.btn-spinner{animation:spin .8s linear infinite}@media (max-width:480px){.complete-service-modal{margin:10px;max-width:100%}.cost-inputs-row{grid-template-columns:1fr}.modal-actions{flex-direction:column}}.active-service-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f59e0b26,#d977061a);border:1px solid #f59e0b66;border-radius:16px;box-shadow:0 8px 32px #f59e0b26;margin-bottom:24px;padding:24px}.active-service-header{align-items:center;border-bottom:1px solid #f59e0b4d;display:flex;gap:16px;margin-bottom:20px;padding-bottom:16px}.active-service-icon{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.active-service-icon svg{fill:#fff;height:28px;width:28px}.active-service-title{display:flex;flex-direction:column;gap:6px}.active-service-title h3{color:#f59e0b;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0}.active-service-badge{background:#f59e0b33;border-radius:20px;color:#fbbf24;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.active-service-content{margin-bottom:20px}.service-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.service-detail-item{display:flex;flex-direction:column;gap:4px}.service-detail-label{color:#fff9;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.service-detail-value{color:#e2e8f0;font-size:15px;font-weight:500}.service-detail-value.duration-highlight{color:#fbbf24;font-size:16px;font-weight:600}.service-notes{background:#0003;border-left:3px solid #f59e0b;border-radius:8px;margin-top:16px;padding:12px 16px}.service-notes-label{color:#fff9;font-size:12px;font-weight:500;letter-spacing:.5px;margin-right:8px;text-transform:uppercase}.service-notes-value{color:#e2e8f0;font-size:14px;font-style:italic}.active-service-actions{border-top:1px solid #f59e0b33;display:flex;flex-wrap:wrap;gap:12px;padding-top:16px}.btn-service-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.btn-service-action svg{height:18px;width:18px}.btn-service-action:disabled{cursor:not-allowed;opacity:.6}.btn-complete{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-complete:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.btn-cancel-service{background:#ef444433;border:1px solid #ef444466;color:#f87171}.btn-cancel-service:hover:not(:disabled){background:#ef44444d;transform:translateY(-1px)}.btn-view-details{background:#ffffff1a;border:1px solid #fff3;color:#e2e8f0}.btn-view-details:hover:not(:disabled){background:#fff3;transform:translateY(-1px)}.btn-spinner{animation:btn-spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes btn-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.active-service-card{padding:16px}.active-service-header{align-items:flex-start;flex-direction:column;gap:12px}.active-service-icon{height:40px;width:40px}.active-service-icon svg{height:24px;width:24px}.service-details-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.active-service-actions{flex-direction:column}.btn-service-action{justify-content:center;width:100%}}@media (max-width:480px){.service-details-grid{grid-template-columns:1fr}}:root{--cyan-light:#67e8f9;--bg-card:#0d1117;--glass-bg:#ffffff0d;--glass-hover:#ffffff14;--text-muted:#64748b;--text-accent:var(--teal-light);--status-online:#10b981;--status-idle:#f59e0b;--status-offline:#ef4444}.vehicle-detail-content{background:#0000;min-height:100%;padding:20px;position:relative;z-index:1}.vehicle-page-header{margin-bottom:20px}.btn-back-inline{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s ease}.btn-back-inline:hover{background:#ffffff1a;border-color:#14b8a6;border-color:var(--teal-primary);color:#fff;color:var(--text-primary)}.btn-back-inline svg{height:18px;width:18px}.vehicle-detail-wrapper{background:linear-gradient(135deg,#0a0e27,#050810 50%,#0d1b2a);display:flex;min-height:100vh}.vehicle-detail-container{background:#0000;flex:1 1;margin-left:260px;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:20px;position:relative;transition:margin-left .3s ease}.vehicle-detail-wrapper:has(.sidebar.collapsed) .vehicle-detail-container{margin-left:70px}@media (max-width:1024px){.vehicle-detail-container{margin-left:0;padding-top:70px}.vehicle-detail-wrapper:has(.sidebar.collapsed) .vehicle-detail-container{margin-left:0}}.vehicle-detail-container .main-content{margin:0 auto;max-width:1400px;position:relative;width:100%;z-index:1}.vehicle-detail-container:before{animation:backgroundPulse 15s ease-in-out infinite;background:radial-gradient(circle at center,#14b8a666 0,#0000 50%);background:radial-gradient(circle at center,var(--teal-glow) 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:fixed;top:-50%;width:200%;z-index:0}.vehicle-detail-container:after{background-image:radial-gradient(circle at 20% 30%,#14b8a61a 0,#0000 50%),radial-gradient(circle at 80% 70%,#06b6d414 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.vehicle-detail-container>*{position:relative;z-index:1}.error-state,.loading-state{align-items:center;color:#fff;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;min-height:80vh;position:relative;text-align:center;z-index:1}.spinner{border:4px solid #ffffff1a;border-top:4px solid #14b8a6;border:4px solid var(--glass-border);box-shadow:0 0 30px #14b8a666;box-shadow:0 0 30px var(--teal-glow);height:60px;margin-bottom:24px;width:60px}.error-state h2{color:#5eead4;color:var(--teal-light);font-size:32px;margin-bottom:20px;text-shadow:0 0 30px #14b8a666;text-shadow:0 0 30px var(--teal-glow)}.error-state p{color:#94a3b8;color:var(--text-secondary);font-size:16px;margin-bottom:30px}.vehicle-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff1a;margin-bottom:24px;padding:28px 36px;width:100%}.btn-back-header,.vehicle-header{background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border)}.btn-back-header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;color:#5eead4;color:var(--teal-light);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:10px;margin-bottom:20px;padding:12px 24px;transition:all .3s ease}.btn-back-header svg{height:20px;width:20px}.btn-back-header:hover{background:#ffffff14;background:var(--glass-hover);border-color:#14b8a6;border-color:var(--teal-primary);box-shadow:0 0 20px #14b8a666;box-shadow:0 0 20px var(--teal-glow);transform:translateX(-4px)}.vehicle-title-section{border-left:4px solid #14b8a6;border-left:4px solid var(--teal-primary);box-shadow:-4px 0 20px #14b8a666;box-shadow:-4px 0 20px var(--teal-glow);padding-left:24px}.vehicle-title{color:#fff;color:var(--text-primary);font-size:36px;font-weight:700;margin:0 0 12px;text-shadow:0 2px 20px #00000080}.vehicle-subtitle{align-items:center;display:flex;gap:16px}.registration{color:#94a3b8;color:var(--text-secondary);font-size:18px;font-weight:600}.status-badge{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:14px;font-weight:700;gap:8px;letter-spacing:.8px;padding:8px 18px;text-transform:uppercase}.status-badge.online{border-color:#10b981;border-color:var(--status-online);box-shadow:0 0 20px #10b98180}.status-badge.idle{border-color:#f59e0b;border-color:var(--status-idle);box-shadow:0 0 20px #f59e0b80}.status-badge.offline{border-color:#ef4444;border-color:var(--status-offline);box-shadow:0 0 20px #ef444480}.status-dot{animation:pulse 2s ease-in-out infinite;background:#fff;border-radius:50%;height:10px;width:10px}.basic-info-toggle{align-items:center;background:#14b8a61a;border:1px solid #14b8a64d;border-radius:12px;color:#5eead4;color:var(--teal-light);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;margin-top:20px;padding:16px 20px;transition:all .3s ease;width:100%}.basic-info-toggle:hover{background:#14b8a626;border-color:#14b8a6;border-color:var(--teal-primary);box-shadow:0 0 15px #14b8a64d}.basic-info-toggle svg{flex-shrink:0;height:20px;width:20px}.basic-info-dropdown{animation:slideDown .3s ease;background:#0a0e1a80;border:1px solid #14b8a633;border-radius:12px;margin-top:16px;padding:20px}.telemetry-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:24px;width:100%}@media (max-width:768px){.telemetry-cards-grid{grid-template-columns:1fr}}.telemetry-card{align-items:flex-start;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff1a;display:flex;gap:20px;padding:24px;transition:all .3s ease}.telemetry-card:hover{background:#ffffff14;background:var(--glass-hover);border-color:#14b8a6;border-color:var(--teal-primary);box-shadow:0 12px 40px #00000080,0 0 30px #14b8a666,inset 0 1px 0 #ffffff26;box-shadow:0 12px 40px #00000080,0 0 30px var(--teal-glow),inset 0 1px 0 #ffffff26;transform:translateY(-4px)}.card-icon{align-items:center;border-radius:12px;box-shadow:0 8px 24px #0006;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.card-icon svg{color:#fff;filter:drop-shadow(0 0 10px rgba(255,255,255,.5));height:24px;width:24px}.odometer-icon{background:linear-gradient(135deg,#14b8a6,#0d9488);background:linear-gradient(135deg,var(--teal-primary) 0,var(--teal-dark) 100%);box-shadow:0 0 30px #14b8a666;box-shadow:0 0 30px var(--teal-glow)}.speed-icon{background:linear-gradient(135deg,#ec4899,#be185d);box-shadow:0 0 30px #ec489966}.battery-icon{background:linear-gradient(135deg,#06b6d4,#67e8f9);background:linear-gradient(135deg,var(--cyan-accent) 0,var(--cyan-light) 100%);box-shadow:0 0 30px #06b6d466}.ignition-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 30px #10b98166}.gps-icon{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 30px #f59e0b66}.update-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 0 30px #8b5cf666}.card-content{flex:1 1}.card-label{color:#94a3b8;color:var(--text-secondary);font-size:13px;font-weight:700;letter-spacing:.8px;margin-bottom:8px;text-transform:uppercase}.card-value{color:#fff;color:var(--text-primary);font-size:32px;font-weight:700;line-height:1;margin-bottom:6px;text-shadow:0 2px 10px #00000080}.card-subtitle{color:#94a3b8;color:var(--text-secondary);font-size:14px}.vehicle-info-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff1a;margin-bottom:24px;padding:32px;width:100%}.section-title{border-bottom:2px solid #ffffff1a;border-bottom:2px solid var(--glass-border);color:#fff;color:var(--text-primary);font-size:24px;font-weight:700;gap:12px;margin:0 0 28px;padding-bottom:20px}.section-title svg{color:var(--teal-primary);filter:drop-shadow(0 0 10px rgba(20,184,166,.4));filter:drop-shadow(0 0 10px var(--teal-glow));height:24px;width:24px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.info-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border-left:4px solid #14b8a6;border:1px solid var(--glass-border);border-left:4px solid var(--teal-primary);border-radius:16px;box-shadow:-4px 0 20px #14b8a633;padding:20px;transition:all .3s ease}.info-item:hover{background:#ffffff14;background:var(--glass-hover);border-left-color:#5eead4;border-left-color:var(--teal-light);box-shadow:-4px 0 30px #14b8a666;box-shadow:-4px 0 30px var(--teal-glow);transform:translateX(6px)}.info-label{color:#94a3b8;color:var(--text-secondary);font-size:13px;font-weight:700;letter-spacing:.8px;margin-bottom:10px;text-transform:uppercase}.info-value{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600}.location-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff1a;margin-bottom:24px;padding:32px}.location-coordinates{display:flex;flex-wrap:wrap;gap:32px}.coordinate-item{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px;display:flex;flex:1 1;gap:16px;min-width:250px;padding:20px 28px;transition:all .3s ease}.coordinate-item:hover{background:#ffffff14;background:var(--glass-hover);border-color:#14b8a6;border-color:var(--teal-primary);box-shadow:0 0 30px #14b8a666;box-shadow:0 0 30px var(--teal-glow);transform:translateY(-2px)}.coordinate-label{color:#94a3b8;color:var(--text-secondary);font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.coordinate-value{color:#5eead4;color:var(--teal-light);font-family:Courier New,monospace;font-size:20px;font-weight:700;text-shadow:0 0 15px #14b8a666;text-shadow:0 0 15px var(--teal-glow)}.btn-back{background:linear-gradient(135deg,#14b8a6,#06b6d4);background:linear-gradient(135deg,var(--teal-primary) 0,var(--cyan-accent) 100%);border:none;border-radius:12px;box-shadow:0 4px 20px #14b8a666;box-shadow:0 4px 20px var(--teal-glow);color:#fff;font-size:16px;font-weight:600;padding:14px 36px;transition:all .3s ease}.btn-back:hover{background:linear-gradient(135deg,#0d9488,#14b8a6);background:linear-gradient(135deg,var(--teal-dark) 0,var(--teal-primary) 100%);box-shadow:0 8px 32px #14b8a666;box-shadow:0 8px 32px var(--teal-glow);transform:translateY(-2px)}.stats-tabs-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff1a;margin-bottom:24px;overflow:hidden;width:100%}.stats-tabs-container,.tabs-nav{background:#ffffff0d;background:var(--glass-bg)}.tabs-nav{border-bottom:2px solid #ffffff1a;border-bottom:2px solid var(--glass-border);display:flex;overflow-x:auto;scrollbar-color:#14b8a6 #050810;scrollbar-color:var(--teal-primary) var(--bg-darker);scrollbar-width:thin}.tabs-nav::-webkit-scrollbar{height:4px}.tabs-nav::-webkit-scrollbar-track{background:#050810;background:var(--bg-darker)}.tabs-nav::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#14b8a6,#06b6d4);background:linear-gradient(90deg,var(--teal-primary),var(--cyan-accent));border-radius:2px}.tab-btn{border-bottom:3px solid #0000;flex:1 1;font-size:15px;font-weight:700;gap:10px;justify-content:center;letter-spacing:.5px;padding:18px 28px;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{background:#ffffff14;background:var(--glass-hover);color:#5eead4}.tab-btn.active{background:#ffffff0d;background:var(--glass-bg);border-bottom-color:#14b8a6;box-shadow:0 -2px 20px #14b8a666;box-shadow:0 -2px 20px var(--teal-glow)}.tabs-content{min-height:400px;padding:36px}.tab-panel{animation:fadeIn .4s ease}.stats-loading{align-items:center;display:flex;flex-direction:column;justify-content:center}.stats-error,.stats-loading{color:#94a3b8;color:var(--text-secondary);padding:80px 20px}.stats-error{text-align:center}.stats-error p{color:#fff;color:var(--text-primary);font-size:16px;margin:0}.stats-section{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 16px #0000004d;margin-bottom:36px;padding:28px}.stats-section-title{align-items:center;border-bottom:2px solid #ffffff1a;border-bottom:2px solid var(--glass-border);color:#fff;color:var(--text-primary);display:flex;font-size:22px;font-weight:700;gap:12px;margin:0 0 24px;padding-bottom:16px}.stats-emoji{filter:drop-shadow(0 0 10px rgba(20,184,166,.4));filter:drop-shadow(0 0 10px var(--teal-glow));font-size:24px}.stats-grid{grid-template-columns:1fr}.stat-card-mini{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;padding:24px;position:relative;text-align:center;transition:all .3s ease}.stat-card-mini:before{background:linear-gradient(135deg,#14b8a6,#06b6d4);background:linear-gradient(135deg,var(--teal-primary) 0,var(--cyan-accent) 100%);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.stat-card-mini:hover:before{opacity:.1}.stat-card-mini:hover{background:#ffffff14;background:var(--glass-hover);border-color:#14b8a6;border-color:var(--teal-primary);box-shadow:0 8px 24px #0006,0 0 20px #14b8a666;box-shadow:0 8px 24px #0006,0 0 20px var(--teal-glow);transform:translateY(-4px)}.stat-mini-label{color:#94a3b8;color:var(--text-secondary);font-size:12px;letter-spacing:.8px;margin-bottom:10px;text-transform:uppercase}.stat-mini-label,.stat-mini-value{font-weight:700;position:relative;z-index:1}.stat-mini-value{color:#5eead4;color:var(--teal-light);font-size:28px;margin-bottom:6px;text-shadow:0 0 20px #14b8a666;text-shadow:0 0 20px var(--teal-glow)}.stat-mini-value-small{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;position:relative;z-index:1}.stat-mini-arrow{color:#14b8a6;color:var(--teal-primary);filter:drop-shadow(0 0 10px rgba(20,184,166,.4));filter:drop-shadow(0 0 10px var(--teal-glow));font-size:24px;margin:10px 0;position:relative;z-index:1}.stat-mini-sub{color:#94a3b8;color:var(--text-secondary);font-size:13px}.stat-badge,.stat-mini-sub{position:relative;z-index:1}.stat-badge{border-radius:16px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.8px;margin-top:10px;padding:6px 14px;text-transform:uppercase}.stat-badge.high-usage{background:#ef444433;border:1px solid #ef444466;color:#fca5a5}.peak-days-list{display:flex;flex-direction:column;gap:14px}.peak-day-item{grid-gap:20px;align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:12px;display:grid;gap:20px;grid-template-columns:40px 120px 140px 1fr;padding:20px;transition:all .3s ease}.peak-day-item:hover{background:#ffffff14;background:var(--glass-hover);border-color:#14b8a6;border-color:var(--teal-primary);box-shadow:0 4px 16px #0006,0 0 20px #14b8a666;box-shadow:0 4px 16px #0006,0 0 20px var(--teal-glow);transform:translateX(4px)}.peak-rank{align-items:center;background:linear-gradient(135deg,#14b8a6,#06b6d4);background:linear-gradient(135deg,var(--teal-primary) 0,var(--cyan-accent) 100%);border-radius:50%;box-shadow:0 0 20px #14b8a666;box-shadow:0 0 20px var(--teal-glow);color:#fff;display:flex;font-size:16px;font-weight:700;height:36px;justify-content:center;width:36px}.peak-date{color:#fff;color:var(--text-primary);font-size:15px;font-weight:600}.peak-distance{color:#5eead4;color:var(--teal-light);font-size:22px;font-weight:700;text-shadow:0 0 15px #14b8a666;text-shadow:0 0 15px var(--teal-glow)}.peak-details{color:#94a3b8;color:var(--text-secondary);display:flex;font-size:13px;gap:20px}.weekly-list{display:flex;flex-direction:column;gap:14px}.week-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:12px;padding:20px 24px;transition:all .3s ease}.week-item:hover{background:#ffffff14;background:var(--glass-hover);border-color:#14b8a6;border-color:var(--teal-primary);box-shadow:0 4px 16px #0006,0 0 20px #14b8a666;box-shadow:0 4px 16px #0006,0 0 20px var(--teal-glow)}.week-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.week-label{color:#fff;color:var(--text-primary);font-size:15px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.week-dates{color:#94a3b8;color:var(--text-secondary);font-size:13px}.week-stats{align-items:center;display:flex;gap:16px}.week-total{color:#5eead4;color:var(--teal-light);font-size:20px;font-weight:700;text-shadow:0 0 15px #14b8a666;text-shadow:0 0 15px var(--teal-glow)}.week-avg{align-items:center;color:#94a3b8;color:var(--text-secondary);display:flex;font-size:14px;gap:8px}.fire-emoji{filter:drop-shadow(0 0 8px rgba(255,165,0,.6));font-size:16px}.pattern-type-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 16px #0000004d;padding:28px;text-align:center}.pattern-type-label{color:#94a3b8;color:var(--text-secondary);font-size:13px;font-weight:700;letter-spacing:.8px;margin-bottom:14px;text-transform:uppercase}.pattern-type-value{color:#14b8a6;color:var(--teal-primary);font-size:32px;font-weight:700;margin-bottom:24px;text-shadow:0 0 30px #14b8a666;text-shadow:0 0 30px var(--teal-glow)}.pattern-details{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;margin-top:24px}.pattern-detail-item{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:12px;padding:16px}.pattern-detail-label{color:#94a3b8;color:var(--text-secondary);display:block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.pattern-detail-value{color:#fff;color:var(--text-primary);display:block;font-size:18px;font-weight:700}.chart-container{background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 16px #0000004d;height:300px;padding:24px}.chart-container-large{height:400px}.chart-container-donut,.chart-container-large{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 16px #0000004d;padding:24px}.chart-container-donut{height:300px}.activity-stats-grid{grid-gap:28px;align-items:center;display:grid;gap:28px;grid-template-columns:1fr}.activity-details{display:flex;flex-direction:column;gap:16px}.activity-stat{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.activity-stat:hover{background:#ffffff14;background:var(--glass-hover);border-color:#14b8a6;border-color:var(--teal-primary);box-shadow:0 0 20px #14b8a666;box-shadow:0 0 20px var(--teal-glow)}.activity-stat-label{color:#94a3b8;color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.activity-stat-value{color:#5eead4;color:var(--teal-light);font-size:28px;font-weight:700;text-shadow:0 0 20px #14b8a666;text-shadow:0 0 20px var(--teal-glow)}.summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.summary-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px;padding:24px;text-align:center;transition:all .3s ease}.summary-card:hover{background:#ffffff14;background:var(--glass-hover);border-color:#14b8a6;border-color:var(--teal-primary);box-shadow:0 6px 20px #0006,0 0 20px #14b8a666;box-shadow:0 6px 20px #0006,0 0 20px var(--teal-glow);transform:translateY(-2px)}.summary-label{color:#94a3b8;color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.8px;margin-bottom:10px}.summary-value{color:#5eead4;color:var(--teal-light);font-size:28px;text-shadow:0 0 20px #14b8a666;text-shadow:0 0 20px var(--teal-glow)}.mileage-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.mileage-stat-card{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.mileage-stat-card:hover{background:#ffffff14;background:var(--glass-hover);border-color:#14b8a6;border-color:var(--teal-primary);box-shadow:0 6px 20px #0006,0 0 20px #14b8a666;box-shadow:0 6px 20px #0006,0 0 20px var(--teal-glow);transform:translateY(-2px)}.mileage-stat-icon{align-items:center;background:#14b8a61a;border:1px solid #14b8a633;border-radius:12px;display:flex;flex-shrink:0;font-size:36px;height:56px;justify-content:center;width:56px}.mileage-stat-content{flex:1 1;min-width:0}.mileage-stat-label{color:#94a3b8;color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.8px;margin-bottom:6px;text-transform:uppercase}.mileage-stat-value{color:#5eead4;color:var(--teal-light);font-size:22px;font-weight:700;margin-bottom:4px;text-shadow:0 0 15px #14b8a666;text-shadow:0 0 15px var(--teal-glow)}.mileage-stat-detail{color:#64748b;color:var(--text-muted);font-size:11px;font-style:italic}.day-selector-container{margin-bottom:20px}.day-selector-label{color:#94a3b8;color:var(--text-secondary);display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.day-selector{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;max-width:400px;padding:12px 16px;transition:all .3s ease;width:100%}.day-selector:hover{background:#ffffff14;background:var(--glass-hover);box-shadow:0 0 15px #14b8a666;box-shadow:0 0 15px var(--teal-glow)}.day-selector:focus,.day-selector:hover{border-color:#14b8a6;border-color:var(--teal-primary)}.day-selector:focus{box-shadow:0 0 20px #14b8a666;box-shadow:0 0 20px var(--teal-glow);outline:none}.day-selector option{background:#1a202c;color:#e2e8f0;padding:8px}.day-selector option:checked,.day-selector option:hover{background:#2d3748;color:#fff}.selected-day-details{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px;margin-top:24px;padding:24px}.selected-day-title{color:#5eead4;color:var(--teal-light);font-size:18px;font-weight:700;margin-bottom:20px;text-shadow:0 0 15px #14b8a666;text-shadow:0 0 15px var(--teal-glow)}.selected-day-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.selected-day-stat{display:flex;flex-direction:column;gap:6px}.selected-day-label{color:#94a3b8;color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.selected-day-value{color:#fff;color:var(--text-primary);font-size:20px;font-weight:700}.monthly-list{display:flex;flex-direction:column;gap:12px}.monthly-list-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:12px;padding:16px 20px;transition:all .3s ease}.monthly-list-item:hover{background:#ffffff14;background:var(--glass-hover);border-color:#14b8a6;border-color:var(--teal-primary);box-shadow:0 4px 15px #0000004d,0 0 15px #14b8a666;box-shadow:0 4px 15px #0000004d,0 0 15px var(--teal-glow);transform:translateX(4px)}.monthly-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.monthly-name{color:#fff;color:var(--text-primary);font-size:16px;font-weight:700}.monthly-total{color:#5eead4;color:var(--teal-light);font-size:18px;font-weight:700;text-shadow:0 0 15px #14b8a666;text-shadow:0 0 15px var(--teal-glow)}.monthly-list-details{color:#64748b;color:var(--text-muted);display:flex;font-size:12px;gap:16px}.monthly-detail{font-style:italic}.weekly-charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}.health-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.health-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px;padding:28px;text-align:center;transition:all .3s ease}.health-card:hover{background:#ffffff14;background:var(--glass-hover);border-color:#14b8a6;border-color:var(--teal-primary);box-shadow:0 6px 20px #0006,0 0 20px #14b8a666;box-shadow:0 6px 20px #0006,0 0 20px var(--teal-glow);transform:translateY(-2px)}.health-label{color:#94a3b8;color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.8px;margin-bottom:14px;text-transform:uppercase}.health-value{color:#5eead4;color:var(--teal-light);font-size:32px;font-weight:700;margin-bottom:10px;text-shadow:0 0 20px #14b8a666;text-shadow:0 0 20px var(--teal-glow)}.health-status{font-size:14px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.health-status.excellent{color:#10b981}.health-status.good{color:#14b8a6;color:var(--teal-primary)}.health-status.fair{color:#f59e0b}.health-status.low{color:#ef4444}.status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.status-item{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:12px;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.status-item:hover{background:#ffffff14;background:var(--glass-hover);border-color:#14b8a6;border-color:var(--teal-primary);box-shadow:0 0 20px #14b8a666;box-shadow:0 0 20px var(--teal-glow)}.status-label{color:#94a3b8;color:var(--text-secondary);font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.status-value{color:#fff;color:var(--text-primary);font-size:18px;font-weight:700}.vehicle-detail-container::-webkit-scrollbar{width:12px}.vehicle-detail-container::-webkit-scrollbar-track{background:#050810;background:var(--bg-darker);border-left:1px solid #ffffff1a;border-left:1px solid var(--glass-border)}.vehicle-detail-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#14b8a6,#06b6d4);background:linear-gradient(135deg,var(--teal-primary),var(--cyan-accent));border:2px solid #050810;border:2px solid var(--bg-darker);border-radius:6px;box-shadow:0 0 10px #14b8a666;box-shadow:0 0 10px var(--teal-glow)}.vehicle-detail-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5eead4,#67e8f9);background:linear-gradient(135deg,var(--teal-light),var(--cyan-light));box-shadow:0 0 20px #14b8a666;box-shadow:0 0 20px var(--teal-glow)}@media (max-width:1024px){.activity-stats-grid{grid-template-columns:1fr}.chart-container-donut{margin-bottom:20px}.weekly-charts-grid{grid-template-columns:1fr}.vehicle-detail-container{margin-left:70px}}@media (max-width:768px){.vehicle-detail-container{margin-left:0;padding:12px}body.sidebar-visible .vehicle-detail-container{margin-left:70px}.vehicle-header{padding:20px}.vehicle-title{font-size:28px}.vehicle-subtitle{align-items:flex-start;flex-direction:column;gap:10px}.info-grid,.telemetry-cards-grid{gap:16px;grid-template-columns:1fr}.location-coordinates{flex-direction:column;gap:16px}.coordinate-item{min-width:100%}.tabs-content{padding:24px}.tab-btn{font-size:13px;padding:16px 20px}.tab-btn svg{height:18px;width:18px}.stats-grid{grid-template-columns:1fr}.peak-day-item{gap:12px;grid-template-columns:40px 1fr}.peak-distance{grid-column:2}.peak-details{grid-column:1/-1;margin-top:8px}.health-grid,.pattern-details,.summary-grid{grid-template-columns:1fr}.chart-container,.chart-container-donut,.chart-container-large{height:250px}}@media (max-width:480px){.vehicle-detail-container{padding:60px 12px 12px}.vehicle-title{font-size:18px}.registration{font-size:13px}.card-value{font-size:22px}.telemetry-card{padding:14px}.card-icon{height:36px;width:36px}.card-icon svg{height:18px;width:18px}.card-label{font-size:11px}.card-unit{font-size:10px}.location-panel,.vehicle-info-panel{padding:16px}.tabs-nav{-webkit-overflow-scrolling:touch;gap:4px;overflow-x:auto}.tab-btn{flex:0 0 auto;font-size:11px;min-width:80px;padding:8px 12px}.stats-section{padding:14px}.stats-section-title{font-size:14px}.stat-mini-value{font-size:20px}.stat-mini-label{font-size:10px}.peak-day-item{grid-template-columns:1fr;text-align:center}.vehicle-header{padding:12px}.btn-back-header{font-size:12px;padding:8px 12px}.info-grid{gap:8px;grid-template-columns:1fr}.info-item{padding:10px}.info-label{font-size:10px}.info-value{font-size:13px}.peak-rank{margin:0 auto 8px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.stats-tabs-container,.telemetry-card,.vehicle-header{border:2px solid #14b8a6;border:2px solid var(--teal-primary)}}.teal-glow-text{color:#5eead4;color:var(--teal-light);text-shadow:0 0 20px #14b8a666;text-shadow:0 0 20px var(--teal-glow)}.glass-panel{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px}.teal-gradient-bg{background:linear-gradient(135deg,#14b8a6,#06b6d4);background:linear-gradient(135deg,var(--teal-primary) 0,var(--cyan-accent) 100%)}.this-month-hero{animation:fadeInDown .6s ease-out;margin-bottom:30px}.this-month-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#14b8a626,#06b6d41a);border:2px solid #14b8a6;border:2px solid var(--teal-primary);border-radius:20px;box-shadow:0 10px 40px #14b8a64d,0 0 60px #14b8a633,inset 0 1px 0 #ffffff1a;overflow:hidden;padding:30px;position:relative}.this-month-container:before{animation:heroGlow 4s ease-in-out infinite;background:radial-gradient(circle,#14b8a666 0,#0000 70%);background:radial-gradient(circle,var(--teal-glow) 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}@keyframes heroGlow{0%,to{opacity:.3;transform:translate(0)}50%{opacity:.6;transform:translate(-20px,-20px)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.this-month-header{align-items:center;display:flex;gap:16px;margin-bottom:24px;position:relative;z-index:1}.this-month-icon{animation:iconPulse 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(20,184,166,.4));filter:drop-shadow(0 0 20px var(--teal-glow));font-size:48px}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.this-month-title h2{color:#5eead4;color:var(--teal-light);font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0;text-shadow:0 0 30px #14b8a666;text-shadow:0 0 30px var(--teal-glow)}.this-month-subtitle{color:#94a3b8;color:var(--text-secondary);font-size:14px;font-weight:500;letter-spacing:1px;margin:4px 0 0;text-transform:uppercase}.this-month-stats{grid-gap:30px;align-items:center;display:grid;gap:30px;grid-template-columns:auto 1fr;position:relative;z-index:1}.this-month-main-value{align-items:baseline;background:#14b8a633;border:1px solid #14b8a6;border:1px solid var(--teal-primary);border-radius:16px;box-shadow:0 4px 20px #14b8a64d,inset 0 1px 0 #ffffff1a;display:flex;gap:8px;padding:20px 30px}.this-month-km{color:#5eead4;color:var(--teal-light);font-size:72px;font-weight:800;line-height:1;text-shadow:0 0 40px #14b8a666;text-shadow:0 0 40px var(--teal-glow)}.this-month-unit{color:#94a3b8;color:var(--text-secondary);font-size:28px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.this-month-progress-container{flex:1 1}.this-month-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.progress-label{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.progress-percentage{color:#5eead4;color:var(--teal-light);font-size:24px;font-weight:700;text-shadow:0 0 20px #14b8a666;text-shadow:0 0 20px var(--teal-glow)}.this-month-progress-bar{background:#0006;border:1px solid #ffffff1a;border-radius:16px;box-shadow:inset 0 2px 8px #0000004d;height:32px;overflow:hidden;position:relative;width:100%}.this-month-progress-fill{background:linear-gradient(90deg,#10b981,#5eead4);background:linear-gradient(90deg,var(--status-online) 0,var(--teal-light) 100%);border-radius:16px;box-shadow:0 0 20px currentColor,inset 0 1px 0 #ffffff4d;height:100%;overflow:hidden;position:relative;transition:width .8s cubic-bezier(.4,0,.2,1),background .3s ease,box-shadow .3s ease}.this-month-progress-fill:before{animation:progressShine 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes progressShine{0%{left:-100%}to{left:200%}}.this-month-progress-footer{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.progress-info{color:#5eead4;color:var(--teal-light);font-size:14px;font-weight:600;text-shadow:0 0 10px #14b8a666;text-shadow:0 0 10px var(--teal-glow)}.progress-allowance{color:#94a3b8;color:var(--text-secondary);font-size:13px;font-weight:500}@media (max-width:1024px){.this-month-stats{gap:20px;grid-template-columns:1fr}.this-month-main-value{justify-content:center}.this-month-km{font-size:64px}}@media (max-width:768px){.this-month-container{padding:20px}.this-month-title h2{font-size:24px}.this-month-icon{font-size:36px}.this-month-km{font-size:56px}.this-month-unit{font-size:22px}.progress-percentage{font-size:20px}}.contract-allowance-section{margin-bottom:24px}.contract-allowance-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}@media (max-width:1200px){.contract-allowance-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.contract-allowance-grid{grid-template-columns:1fr}}.vehicle-header{background:#ffffff08;border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:16px 24px}.header-left-section,.header-user-section,.vehicle-header{align-items:center;display:flex}.header-user-section{gap:12px}.vehicle-content-header{padding:20px 24px}.contracts-management{background:linear-gradient(135deg,#0a0e27,#050810 50%,#0d1b2a);display:flex;min-height:100vh;overflow-x:hidden;position:relative}.contracts-management:before{animation:backgroundPulse 15s ease-in-out infinite;background:radial-gradient(circle,#14b8a666 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:fixed;top:-50%;width:200%;z-index:0}@keyframes backgroundPulse{0%,to{opacity:.3;transform:translate(0) scale(1)}50%{opacity:.5;transform:translate(-10%,-10%) scale(1.1)}}.contracts-management .main-content{flex:1 1;margin-left:260px;min-height:100vh;position:relative;transition:margin-left .3s ease;z-index:1}.contracts-management:has(.sidebar.collapsed) .main-content{margin-left:70px}@media (max-width:1024px){.contracts-management .main-content{margin-left:0;padding-top:70px}.contracts-management:has(.sidebar.collapsed) .main-content{margin-left:0}.contracts-management .container{padding:24px 16px}.contracts-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (max-width:768px){.contracts-management .container{padding:16px 12px}.contracts-management .page-header{align-items:stretch;flex-direction:column;gap:16px;padding:16px 20px}.contracts-management .page-header h2{font-size:24px}.contracts-grid{gap:16px;grid-template-columns:1fr}.contract-card{padding:20px}.contract-header h3{font-size:20px}.contract-stats{gap:12px}.contract-stats .stat .stat-value{font-size:16px}.form-grid{grid-template-columns:1fr}.modal-content{margin:10px;max-width:95%}.batch-assign-modal{max-height:90vh;max-width:95%}.batch-assign-controls,.vehicle-primary{flex-direction:column}.vehicle-primary{align-items:flex-start;gap:4px}.header-actions{flex-direction:column;gap:12px}.user-section{border-left:none;border-top:1px solid #ffffff1a;padding-left:0;padding-top:12px}}@media (max-width:480px){.contracts-management .container{padding:12px 8px}.contracts-management .page-header{border-radius:12px;padding:14px 16px}.contracts-management .page-header h2{font-size:20px}.contract-card{border-radius:12px;padding:16px}.contract-header h3{font-size:18px}.contract-stats{grid-template-columns:1fr}.contract-stats .stat{padding:10px}.contract-stats .stat .stat-value{font-size:15px}.caps-grid{grid-template-columns:1fr}.cap-value{font-size:14px}.contract-actions{flex-direction:column;gap:8px}.contract-actions button{flex:none;width:100%}.btn{font-size:13px;padding:10px 16px}.modal-header{padding:16px}.modal-header h3{font-size:18px}form{padding:16px}.form-group input{font-size:13px;padding:10px 12px}.modal-actions{flex-direction:column;padding:16px}.modal-actions button{width:100%}.batch-assign-body{padding:16px}.vehicle-item{padding:12px}.fleet-number{font-size:14px}.vehicle-secondary{font-size:12px}}.contracts-management .container{margin:0 auto;max-width:100%}.contracts-management .page-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0e1ab3;border:1px solid #14b8a633;border-radius:16px;box-shadow:0 4px 30px #00000080,0 0 20px #14b8a633;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px 32px}.contracts-management .page-header h2{color:#5eead4;font-size:32px;font-weight:600;margin:0;text-shadow:0 0 20px #5eead480}.contracts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:32px}.contract-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0e1ab3;border:1px solid #14b8a633;border-radius:16px;box-shadow:0 4px 30px #00000080,0 0 20px #14b8a626;display:flex;flex-direction:column;overflow:hidden;padding:24px;position:relative;transition:all .3s}.contract-card:before{background:linear-gradient(90deg,#14b8a6,#06b6d4);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.contract-card:hover{border-color:#14b8a666;box-shadow:0 8px 40px #0009,0 0 30px #14b8a64d;transform:translateY(-4px)}.contract-card:hover:before{opacity:1}.contract-header{align-items:flex-start;border-bottom:1px solid #14b8a633;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.contract-header h3{color:#5eead4;font-size:24px;font-weight:700;margin:0 0 4px;text-shadow:0 0 15px #5eead466}.contract-name{color:#94a3b8;font-size:14px;margin:0}.contract-badges{display:flex;gap:8px}.badge{box-shadow:0 2px 8px #0000004d;font-size:12px;padding:4px 12px}.badge-default{background:linear-gradient(135deg,#14b8a6,#0d9488);box-shadow:0 2px 8px #14b8a666;color:#fff}.badge-inactive{background:#ef444433;border:1px solid #ef44444d;color:#fca5a5}.contract-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.contract-stats .stat{background:#14b8a60d;border:1px solid #14b8a61a;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:12px}.contract-stats .stat label{color:#64748b;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.contract-stats .stat .stat-value{color:#5eead4;font-size:18px;font-weight:600;text-shadow:0 0 10px #5eead44d}.contract-caps-section{background:#14b8a60d;border:1px solid #14b8a61a;border-radius:10px;margin-bottom:16px;padding:12px 16px}.contract-caps-section h4{color:#94a3b8;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.caps-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.cap-item{display:flex;flex-direction:column;gap:2px}.cap-item label{color:#64748b;font-size:11px;font-weight:500}.cap-value{font-size:16px;font-weight:600}.cap-value.warning{color:#fbbf24;text-shadow:0 0 8px #fbbf244d}.cap-value.danger{color:#f87171;text-shadow:0 0 8px #f871714d}.contract-rules{background:#14b8a60d;border:1px solid #14b8a61a;border-radius:10px;margin-bottom:20px;padding:16px}.contract-rules .rule{align-items:center;color:#94a3b8;display:flex;font-size:14px;gap:8px;padding:6px 0}.contract-rules .rule span{font-size:16px;font-weight:600;width:20px}.contract-rules .rule .enabled{color:#14b8a6;text-shadow:0 0 8px #14b8a680}.contract-rules .rule .disabled{color:#ef4444}.contract-actions{border-top:1px solid #14b8a633;display:flex;gap:12px;margin-top:auto;padding-top:16px}.contract-actions button{flex:1 1}.btn{border:none;border-radius:12px;box-shadow:0 4px 15px #0000004d;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#14b8a6,#06b6d4);box-shadow:0 4px 15px #14b8a64d}.btn-primary:hover{box-shadow:0 6px 20px #14b8a680;transform:translateY(-2px)}.btn-secondary{background:#14b8a61a;border:1px solid #14b8a64d;color:#5eead4}.btn-secondary:hover{background:#14b8a633;border-color:#14b8a680}.btn-danger{background:#ef444433;border:1px solid #ef44444d;color:#fca5a5}.btn-danger:hover{background:#ef44444d;border-color:#ef444480}.btn-danger:disabled{background:#64748b33;color:#64748b;cursor:not-allowed;opacity:.5}.empty-state{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0e1ab3;border:1px solid #14b8a633;border-radius:16px;box-shadow:0 4px 30px #00000080;color:#94a3b8;padding:64px}.empty-state p{font-size:16px;margin:8px 0}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-content{background:linear-gradient(135deg,#0a0e27,#050810);border:1px solid #14b8a64d;box-shadow:0 8px 40px #000c,0 0 40px #14b8a64d;max-width:800px}.modal-header{background:#14b8a60d;border-bottom:1px solid #14b8a633}.modal-header h3{color:#5eead4;font-size:24px;font-weight:600;margin:0;text-shadow:0 0 15px #5eead466}.close-btn{background:#ef444433;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;font-size:24px;height:32px;padding:4px 8px;transition:all .3s;width:32px}.close-btn:hover{background:#ef44444d;transform:scale(1.1)}form{padding:24px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.form-group{gap:8px}.form-group.full-width{grid-column:1/-1}.form-group label{color:#5eead4}.form-group input{background:#0a0e1a80;border:1px solid #14b8a64d;border-radius:8px;color:#fff;font-size:14px;padding:10px 12px;transition:all .2s}.form-group input:focus{background:#0a0e1ab3;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a633;outline:none}.form-group input.error{border-color:#ef4444}.form-group input:disabled{background:#64748b1a;color:#64748b;cursor:not-allowed}.error-text,.form-group small{font-size:12px}.error-text{color:#fca5a5;font-weight:500}.form-section{background:#14b8a60d;border:1px solid #14b8a61a;border-radius:12px;margin-bottom:24px;padding:20px}.form-section h4{color:#5eead4;font-size:16px;font-weight:600;margin:0 0 16px}.form-section.caps-section{background:#14b8a608;border:1px dashed #14b8a633}.form-section.caps-section h4{color:#94a3b8;font-size:14px;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.form-section.caps-section .form-grid{margin-bottom:0}.checkbox-group{background:#0a0e1a80;border:1px solid #14b8a61a;border-radius:8px;margin-bottom:16px;padding:12px}.checkbox-group label{align-items:flex-start;gap:12px}.checkbox-group input[type=checkbox]{margin-top:2px}.checkbox-group span{color:#5eead4;font-size:14px;font-weight:600}.checkbox-group small{color:#64748b;display:block;font-size:12px;margin-left:30px;margin-top:4px}.modal-actions{border-top:1px solid #14b8a633}.loading{align-items:center;color:#5eead4;display:flex;flex-direction:column;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border:4px solid #14b8a633;border-top-color:#14b8a6;height:48px;width:48px}.error-message{background:#0a0e1ae6;border-radius:16px;box-shadow:0 8px 40px #000c;margin:100px auto;max-width:600px;padding:48px;text-align:center}.error-message h3{color:#fca5a5;margin:0 0 16px}.error-message p{color:#94a3b8;margin:0 0 24px}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#14b8a60d;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#14b8a64d;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#14b8a680}.header-actions{gap:16px}.header-actions,.user-section{align-items:center;display:flex}.user-section{border-left:1px solid #ffffff1a;gap:12px;padding-left:16px}.admin-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.user-name{color:#ffffffb3;font-size:14px;font-weight:500}.btn-logout{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-logout:hover{background:#ef444433;border-color:#ef4444;box-shadow:0 0 15px #ef44444d}.batch-assign-modal{max-height:85vh;max-width:700px}.batch-assign-modal .modal-header{align-items:flex-start;flex-direction:column;gap:4px}.batch-assign-modal .modal-header-top{align-items:center;display:flex;justify-content:space-between;width:100%}.modal-subtitle{color:#94a3b8;font-size:14px;margin:0}.batch-assign-body{display:flex;flex-direction:column;gap:16px;max-height:calc(85vh - 200px);overflow:hidden;padding:24px}.batch-assign-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.batch-assign-controls .search-box{flex:1 1;min-width:200px}.batch-assign-controls .search-input{background:#0a0e1a80;border:1px solid #14b8a64d;border-radius:10px;color:#fff;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.batch-assign-controls .search-input:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a633;outline:none}.batch-assign-controls .search-input::placeholder{color:#64748b}.selection-info{align-items:center;color:#5eead4;display:flex;font-size:14px;font-weight:600;gap:12px}.btn-small{font-size:13px;padding:8px 16px}.vehicle-list{background:#0a0e1a80;border:1px solid #14b8a633;border-radius:12px;flex:1 1;max-height:400px;min-height:200px}.vehicle-item{border-bottom:1px solid #14b8a61a;gap:16px}.vehicle-item:last-child{border-bottom:none}.vehicle-item:hover:not(.disabled){background:#14b8a61a}.vehicle-item.selected{background:#14b8a626;border-left:3px solid #14b8a6}.vehicle-item.disabled{background:#64748b1a;cursor:not-allowed;opacity:.5}.vehicle-item.disabled:hover{background:#64748b1a}.vehicle-item input[type=checkbox]{accent-color:#14b8a6;cursor:pointer;flex-shrink:0;height:20px;width:20px}.vehicle-item.disabled input[type=checkbox]{cursor:not-allowed}.vehicle-details{gap:4px}.vehicle-primary{align-items:center;display:flex;gap:12px}.fleet-number{color:#5eead4;font-weight:700;text-shadow:0 0 8px #5eead44d}.vehicle-name{color:#fff;font-weight:500}.vehicle-secondary{align-items:center;color:#94a3b8;display:flex;flex-wrap:wrap;font-size:13px;gap:8px}.vehicle-secondary .separator{color:#475569}.current-contract{color:#fbbf24;font-weight:500}.current-contract.none{color:#64748b;font-style:italic}.already-assigned-badge{background:#64748b4d;border-radius:6px;color:#94a3b8;font-size:11px;font-weight:600;padding:2px 8px}.vehicle-list::-webkit-scrollbar{width:8px}.vehicle-list::-webkit-scrollbar-track{background:#14b8a60d;border-radius:4px}.vehicle-list::-webkit-scrollbar-thumb{background:#14b8a64d;border-radius:4px}.vehicle-list::-webkit-scrollbar-thumb:hover{background:#14b8a680}.batch-assign-body .empty-state,.batch-assign-body .loading{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:48px}.batch-assign-body .spinner{animation:spin 1s linear infinite;border:3px solid #14b8a633;border-radius:50%;border-top-color:#14b8a6;height:40px;margin-bottom:16px;width:40px}.batch-assign-modal .modal-actions{background:#14b8a60d;border-top:1px solid #14b8a633;margin:0;padding:20px 24px}.batch-assign-modal .btn-primary:disabled{background:#64748b4d;box-shadow:none;color:#64748b;cursor:not-allowed}.batch-assign-modal .btn-primary:disabled:hover{transform:none}.batch-progress-container{background:#14b8a626;border-top:1px solid #14b8a64d;bottom:0;padding:16px 24px;position:-webkit-sticky;position:sticky;z-index:10}.batch-progress-bar{background:#14b8a633;border-radius:4px;height:8px;margin-bottom:12px;overflow:hidden}.batch-progress-fill{background:linear-gradient(90deg,#14b8a6,#0ea5e9);border-radius:4px;height:100%;min-width:3%;position:relative;transition:width .3s ease}.batch-progress-fill:after{animation:progressShimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progressShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.batch-progress-info{align-items:center;display:flex;justify-content:space-between}.batch-progress-text{color:#e2e8f0;font-size:.875rem;font-weight:500}.batch-progress-stats{display:flex;gap:16px}.batch-progress-stats .success-count{color:#10b981;font-size:.875rem;font-weight:600}.batch-progress-stats .failed-count{color:#ef4444;font-size:.875rem;font-weight:600}.december-bonus-section{background:linear-gradient(135deg,#14b8a61a,#0ea5e90d);border:1px solid #14b8a64d;border-radius:12px;margin-top:24px;padding:20px}.december-bonus-section h4{align-items:center;color:#14b8a6;display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0 0 8px}.december-bonus-section h4:before{content:"🎄";font-size:1.1rem}.december-bonus-section .section-description{color:#94a3b8;font-size:.8rem;margin:0 0 16px}.december-bonus-toggle{margin-bottom:0}.december-bonus-toggle label{background:#14b8a61a;border:1px solid #14b8a633;border-radius:8px;padding:12px 16px}.december-bonus-toggle label:hover{background:#14b8a626;border-color:#14b8a666}.december-bonus-config{animation:slideDown .3s ease;border-top:1px solid #14b8a633;margin-top:16px;padding-top:16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.december-bonus-config .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.december-bonus-config .form-group{margin-bottom:12px}.december-bonus-config .form-group label{color:#e2e8f0;display:block;font-size:.8rem;font-weight:500;margin-bottom:6px}.december-bonus-config .form-group input,.december-bonus-config .form-group select{background:#0f172acc;border:1px solid #14b8a64d;border-radius:8px;color:#e2e8f0;font-size:.9rem;padding:10px 12px;transition:all .2s ease;width:100%}.december-bonus-config .form-group input:focus,.december-bonus-config .form-group select:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a633;outline:none}.december-bonus-config .form-group input::placeholder{color:#64748b}.december-bonus-config .form-group small{color:#64748b;display:block;font-size:.7rem;margin-top:4px}.december-bonus-config .form-group select option{background:#1e293b;color:#e2e8f0}.contract-card .bonus-badge{align-items:center;background:linear-gradient(135deg,#14b8a633,#0ea5e926);border:1px solid #14b8a666;border-radius:6px;color:#14b8a6;display:inline-flex;font-size:.7rem;font-weight:500;gap:4px;padding:4px 8px}.contract-card .bonus-badge:before{content:"🎄";font-size:.75rem}@media (max-width:600px){.december-bonus-config .form-row{grid-template-columns:1fr}}.contracts-tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:0;margin-bottom:24px}.contracts-tabs .tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:#94a3b8;cursor:pointer;font-size:14px;font-weight:500;padding:14px 28px;transition:all .2s}.contracts-tabs .tab-btn:hover{background:#14b8a60d;color:#5eead4}.contracts-tabs .tab-btn.active{border-bottom-color:#14b8a6;color:#14b8a6}.december-bonus-tab{animation:fadeIn .3s ease}.december-bonus-tab .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.december-bonus-tab .page-header .header-left h2{color:#fff;font-size:24px;margin:0 0 4px}.december-bonus-tab .page-header .page-subtitle{color:#94a3b8;font-size:14px;margin:0}.december-bonus-tab .year-selector{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.december-bonus-tab .year-selector option{background:#1e293b}.bonus-summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}.bonus-summary-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:12px;padding:16px}.bonus-summary-card.wide{grid-column:span 2}.bonus-summary-card .card-icon{font-size:24px}.bonus-summary-card .card-content{display:flex;flex-direction:column}.bonus-summary-card .card-value{color:#14b8a6;font-size:24px;font-weight:700}.bonus-summary-card .card-value.eligible-value{color:#10b981}.bonus-summary-card .card-value.ineligible-value{color:#ef4444}.bonus-summary-card .card-value.awarded-value{color:#f59e0b}.bonus-summary-card .card-label{color:#94a3b8;font-size:12px}.bonus-action-bar{align-items:center;background:#ffffff08;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding:16px}.bonus-filters{display:flex;flex-wrap:wrap;gap:12px}.bonus-filters .filter-select,.bonus-filters .search-input{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:14px;min-width:150px;padding:10px 14px}.bonus-filters .search-input::placeholder{color:#64748b}.bonus-filters .filter-select option{background:#1e293b}.bonus-actions{display:flex;flex-wrap:wrap;gap:10px}.bonus-actions .btn-outline{background:#0000;border:1px solid #fff3;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .2s}.bonus-actions .btn-outline:hover{background:#ffffff0d;border-color:#14b8a6;color:#14b8a6}.bonus-vehicles-table-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:24px;overflow:hidden}.bonus-vehicles-table-container .empty-state,.bonus-vehicles-table-container .loading-state{color:#94a3b8;padding:60px 20px;text-align:center}.bonus-vehicles-table-container .empty-icon{font-size:48px;margin-bottom:16px}.bonus-vehicles-table-container .empty-state h3{color:#fff;margin:0 0 8px}.bonus-vehicles-table-container .hint{color:#64748b;font-size:12px;margin-top:8px}.bonus-vehicles-table{border-collapse:collapse;width:100%}.bonus-vehicles-table td,.bonus-vehicles-table th{border-bottom:1px solid #ffffff0d;padding:12px 16px;text-align:left}.bonus-vehicles-table th{background:#0003;color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.bonus-vehicles-table tbody tr{transition:background .2s}.bonus-vehicles-table tbody tr:hover{background:#ffffff05}.bonus-vehicles-table tbody tr.eligible-row{background:#10b9810d}.bonus-vehicles-table tbody tr.awarded-row{background:#14b8a61a}.bonus-vehicles-table td{color:#e2e8f0;font-size:14px}.bonus-vehicles-table .col-select{width:40px}.bonus-vehicles-table .vehicle-info{display:flex;flex-direction:column;gap:2px}.bonus-vehicles-table .fleet-number{color:#14b8a6;font-weight:600}.bonus-vehicles-table .vehicle-name{color:#94a3b8;font-size:12px}.bonus-vehicles-table .contract-code{background:#14b8a626;border-radius:4px;color:#5eead4;font-size:12px;padding:4px 8px}.usage-display{align-items:center;display:flex;gap:8px}.usage-bar{background:#ffffff1a;border-radius:3px;flex:1 1;height:6px;min-width:60px;overflow:hidden}.usage-fill{border-radius:3px;height:100%;transition:width .3s ease}.usage-text{color:#94a3b8;font-size:12px;min-width:45px}.bonus-vehicles-table .status-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:500;padding:4px 10px}.bonus-vehicles-table .status-badge.eligible{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.bonus-vehicles-table .status-badge.ineligible{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.bonus-vehicles-table .status-badge.awarded{background:#14b8a633;border:1px solid #14b8a666;color:#14b8a6}.bonus-amount{color:#10b981;font-weight:600}.reason-text{color:#94a3b8;font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bonus-info-panel{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.bonus-info-panel h4{color:#14b8a6;font-size:14px;margin:0 0 12px}.bonus-info-panel ul{color:#94a3b8;font-size:13px;margin:0;padding-left:20px}.bonus-info-panel li{margin-bottom:8px}.bonus-info-panel strong{color:#e2e8f0}.bonus-help-section{margin-top:20px;text-align:center}.btn-help{background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:14px;padding:12px 24px;transition:all .2s}.btn-help:hover{background:#14b8a61a;border-color:#14b8a6;color:#14b8a6}.bonus-explain-modal{max-height:85vh;max-width:700px;overflow-y:auto}.bonus-explain-modal .modal-header h3{color:#14b8a6}.bonus-explain-content{padding:0 24px 24px}.explain-section{border-bottom:1px solid #ffffff1a;margin-bottom:24px;padding-bottom:20px}.explain-section:last-of-type{border-bottom:none}.explain-section h4{color:#fff;font-size:16px;margin:0 0 12px}.explain-section p{color:#94a3b8;font-size:14px;line-height:1.6;margin:0 0 12px}.period-visual{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.period-visual .month{background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;color:#94a3b8;font-size:13px;padding:8px 14px}.period-visual .month.bonus{background:linear-gradient(135deg,#14b8a633,#10b98133);border-color:#14b8a6;color:#14b8a6;font-weight:600}.formula-box{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;margin:12px 0;padding:16px}.formula-line{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.formula-line .label{background:#14b8a633;border-radius:6px;color:#14b8a6;font-size:14px;font-weight:600;padding:6px 12px}.formula-line .equals{color:#64748b;font-size:18px}.formula-line .formula{color:#e2e8f0;font-family:Monaco,Menlo,monospace;font-size:14px}.formula-example{background:#ffffff08;border-radius:8px;color:#94a3b8;font-size:13px;margin-top:12px;padding:14px}.formula-example ul{margin:8px 0 0;padding-left:20px}.formula-example li{margin-bottom:6px}.formula-example .eligible{color:#10b981;font-weight:600}.criteria-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:12px}.criteria-item{align-items:center;border-radius:10px;display:flex;gap:12px;padding:14px}.criteria-item.eligible{background:#10b9811a;border:1px solid #10b9814d}.criteria-item.not-eligible{background:#ef44441a;border:1px solid #ef44444d}.criteria-icon{align-items:center;border-radius:50%;display:flex;font-size:16px;font-weight:600;height:32px;justify-content:center;width:32px}.criteria-item.eligible .criteria-icon{background:#10b98133;color:#10b981}.criteria-item.not-eligible .criteria-icon{background:#ef444433;color:#ef4444}.criteria-text{display:flex;flex-direction:column;gap:2px}.criteria-text strong{color:#e2e8f0;font-size:14px}.criteria-text span{color:#94a3b8;font-size:12px}.settings-table{border-collapse:collapse;margin:12px 0;width:100%}.settings-table td{border-bottom:1px solid #ffffff1a;font-size:13px;padding:10px 12px}.settings-table td:first-child{color:#e2e8f0;width:40%}.settings-table td:last-child{color:#94a3b8}.settings-hint{color:#64748b!important;font-size:12px!important;font-style:italic}.steps-list{list-style:none;margin:12px 0 0;padding-left:0}.steps-list li{align-items:flex-start;background:#ffffff08;border-radius:8px;display:flex;gap:14px;margin-bottom:10px;padding:14px}.steps-list li .step-number{align-items:center;background:linear-gradient(135deg,#14b8a6,#0d9488);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:28px;justify-content:center;width:28px}.steps-list li .step-content{display:flex;flex-direction:column;gap:4px;padding-top:2px}.steps-list li strong{color:#e2e8f0;font-size:14px}.steps-list li span{color:#94a3b8;font-size:12px}.explain-footer{background:#14b8a61a;border:1px solid #14b8a64d;border-radius:8px;margin-top:8px;padding:14px}.explain-footer p{color:#5eead4!important;font-size:13px!important;margin:0!important}.award-bonus-modal{max-width:480px}.award-modal-content{padding:0 24px 24px}.award-summary{background:#ffffff08;border-radius:8px;margin-bottom:20px;padding:14px}.award-summary p{color:#94a3b8;font-size:14px;line-height:1.5;margin:0}.award-form-group{margin-bottom:24px}.award-form-group label{color:#e2e8f0;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.bonus-input-wrapper{align-items:center;display:flex;gap:0}.bonus-input-wrapper input{background:#0000004d;border:1px solid #ffffff26;border-radius:8px 0 0 8px;border-right:none;color:#fff;flex:1 1;font-size:18px;font-weight:600;padding:12px 14px}.bonus-input-wrapper input:focus{border-color:#14b8a6;outline:none}.bonus-input-wrapper input::placeholder{color:#64748b;font-weight:400}.bonus-input-wrapper .input-suffix{background:#14b8a626;border:1px solid #ffffff26;border-left:none;border-radius:0 8px 8px 0;color:#14b8a6;font-size:14px;font-weight:500;padding:12px 16px}.award-form-group small{color:#64748b;display:block;font-size:12px;margin-top:8px}.award-preview{background:#0003;border:1px solid #ffffff1a;border-radius:10px;padding:16px}.preview-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:8px 0}.preview-item:last-child{border-bottom:none}.preview-item.total{border-bottom:none;border-top:1px solid #ffffff1a;margin-top:8px;padding-top:12px}.preview-label{color:#94a3b8;font-size:13px}.preview-value{color:#e2e8f0;font-size:14px;font-weight:500}.preview-value.highlight{color:#14b8a6;font-size:16px;font-weight:600}.preview-item.total .preview-label{color:#e2e8f0;font-weight:500}.preview-item.total .preview-value{font-size:18px}@media (max-width:768px){.contracts-tabs{flex-wrap:wrap}.contracts-tabs .tab-btn{flex:1 1;min-width:150px;text-align:center}.bonus-summary-cards{grid-template-columns:repeat(2,1fr)}.bonus-summary-card.wide{grid-column:span 2}.bonus-action-bar{align-items:stretch}.bonus-action-bar,.bonus-actions,.bonus-filters{flex-direction:column}.bonus-filters .filter-select,.bonus-filters .search-input{width:100%}.bonus-vehicles-table-container{overflow-x:auto}.bonus-vehicles-table{min-width:800px}.criteria-grid{grid-template-columns:1fr}.bonus-explain-modal{margin:10px;max-width:95%}}.activity-logs-content{background:#0000;min-height:100%;position:relative;z-index:1}.activity-logs-content .container{margin:0 auto;max-width:100%}.activity-logs-content .page-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0e1ab3;border:1px solid #14b8a633;border-radius:16px;box-shadow:0 4px 30px #00000080,0 0 20px #14b8a633;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 32px}.activity-logs-content .page-header h2{color:#5eead4;font-size:32px;font-weight:600;margin:0;text-shadow:0 0 20px #5eead480}.activity-logs-content .header-actions{align-items:center;display:flex;gap:16px}.activity-logs-content .export-btn{align-items:center;background:linear-gradient(135deg,#14b8a6,#06b6d4);border:none;border-radius:12px;box-shadow:0 4px 15px #14b8a64d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s}.activity-logs-content .export-btn:hover:not(:disabled){box-shadow:0 6px 25px #14b8a666;transform:translateY(-2px)}.activity-logs-content .export-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.activity-logs-content .export-btn svg{height:18px;width:18px}.filters-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0e1ab3;border:1px solid #14b8a633;border-radius:16px;box-shadow:0 4px 30px #00000080,0 0 20px #14b8a626;margin-bottom:24px;padding:24px}.filters-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:20px}.filter-group{gap:6px}.filter-group label{font-size:12px;font-weight:500}.filter-group input,.filter-group select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;font-size:14px;padding:12px 16px;transition:all .3s}.filter-group input:focus,.filter-group select:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a633}.filter-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.filter-group select option{background:#0a0e27;color:#fff}.filter-actions{border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.filter-actions .btn-apply{background:linear-gradient(135deg,#14b8a6,#06b6d4);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s}.filter-actions .btn-apply:hover{box-shadow:0 4px 15px #14b8a666;transform:translateY(-2px)}.filter-actions .btn-clear{background:#0000;border:1px solid #ffffff1a;border-radius:10px;color:#94a3b8;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .3s}.filter-actions .btn-clear:hover{background:#ffffff0d;border-color:#fff3}.pagination-controls{align-items:center;color:#94a3b8;display:flex;font-size:14px;justify-content:space-between;margin-bottom:16px}.per-page-selector{align-items:center;display:flex;gap:10px}.per-page-selector select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.page-info{color:#64748b}.logs-table-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0e1ab3;border:1px solid #14b8a633;border-radius:16px;box-shadow:0 4px 30px #00000080,0 0 20px #14b8a626;overflow:hidden}.logs-table{border-collapse:collapse;width:100%}.logs-table th{background:#14b8a626;border-bottom:1px solid #14b8a633;color:#5eead4;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.logs-table td{border-bottom:1px solid #ffffff0d;color:#e2e8f0;font-size:14px;padding:14px 20px;vertical-align:top}.logs-table tbody tr{transition:background .2s}.logs-table tbody tr:hover{background:#14b8a60d}.logs-table tbody tr:last-child td{border-bottom:none}.timestamp-cell{color:#94a3b8;font-family:Monaco,Menlo,monospace;font-size:13px;white-space:nowrap}.user-cell{color:#fff;font-weight:500}.action-badge{border-radius:8px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.3px;padding:6px 12px;text-transform:uppercase}.action-badge.contract-assign,.action-badge.contract-batch-assign{background:#14b8a633;color:#5eead4}.action-badge.login{background:#3b82f633;color:#93c5fd}.action-badge.logout{background:#94a3b833;color:#94a3b8}.action-badge.change-password{background:#a855f733;color:#c4b5fd}.action-badge.create-user{background:#22c55e33;color:#86efac}.action-badge.default{background:#ffffff1a;color:#94a3b8}.action-badge.service-scheduled{background:#06b6d433;color:#22d3ee}.action-badge.service-started{background:#f59e0b33;color:#fbbf24}.action-badge.service-completed{background:#10b98133;color:#34d399}.action-badge.service-cancelled{background:#ef444433;color:#f87171}.details-cell{max-width:450px}.details-content{display:flex;flex-wrap:wrap;gap:6px}.details-content.batch-details{align-items:center;flex-direction:row;flex-wrap:wrap;gap:4px}.batch-summary-row{display:contents}.details-content.batch-details .detail-tag,.details-content.batch-details .failed-tag,.details-content.batch-details .success-tag{display:inline-flex;width:-webkit-fit-content;width:fit-content}.details-content .success-tag{background:#10b98126;border:1px solid #10b9814d;color:#34d399}.details-content .success-tag strong{color:#6ee7b7}.details-content .failed-tag{background:#ef444426;border:1px solid #ef44444d;color:#f87171}.details-content .failed-tag strong{color:#fca5a5}.vehicle-list-container{align-items:center;background:#ffffff0d;border-radius:6px;color:#94a3b8;display:inline-flex;font-size:12px;gap:4px;padding:4px 10px}.vehicle-list-container strong{color:#fff;font-weight:500}.vehicle-list{color:#94a3b8}.details-content .detail-tag{align-items:center;background:#ffffff0d;border-radius:6px;color:#94a3b8;display:inline-flex;font-size:12px;gap:4px;padding:4px 10px}.details-content .detail-tag strong{color:#fff;font-weight:500}.details-content .contract-change{align-items:center;background:#14b8a61a;border-radius:8px;display:flex;font-size:13px;gap:8px;padding:6px 12px}.details-content .contract-change .from{color:#94a3b8}.details-content .contract-change .arrow{color:#14b8a6}.details-content .contract-change .to{color:#5eead4;font-weight:600}.details-content.service-details{align-items:center;flex-direction:row}.details-content.service-details .detail-tag.service-type{background:#14b8a626;border:1px solid #14b8a64d}.details-content.service-details .detail-tag.cost{background:#8b5cf626;border:1px solid #8b5cf64d;color:#a78bfa}.details-content.service-details .detail-tag.cost strong{color:#c4b5fd}.details-content.service-details .detail-tag.notes{cursor:help;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagination{margin-top:24px}.pagination button{border-radius:10px;color:#fff;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s}.pagination button:hover:not(:disabled){border-color:#14b8a64d}.pagination button:disabled{opacity:.3}.pagination .page-numbers{display:flex;gap:8px}.pagination .page-number{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;transition:all .3s;width:40px}.pagination .page-number:hover{background:#ffffff0d}.pagination .page-number.active{background:linear-gradient(135deg,#14b8a6,#06b6d4);box-shadow:0 4px 15px #14b8a64d;color:#fff}.pagination-info{color:#64748b;font-size:14px}.empty-state,.loading-state{color:#64748b;padding:80px 40px;text-align:center}.loading-state .spinner{animation:spin 1s linear infinite;border:3px solid #14b8a633;border-radius:50%;border-top-color:#14b8a6;height:40px;margin:0 auto 20px;width:40px}.empty-state p,.loading-state p{font-size:16px;margin:0}.empty-state svg{color:#475569}@media (max-width:1024px){.activity-logs-content .container{padding:20px 16px}.filters-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.filter-actions{justify-content:center}}@media (max-width:768px){.activity-logs-content .container{padding:16px}.activity-logs-content .page-header{flex-direction:column;gap:16px;padding:20px}.activity-logs-content .page-header h2{font-size:24px}.filters-grid{grid-template-columns:1fr}.logs-table-container{overflow-x:auto}.logs-table{min-width:800px}.pagination{flex-wrap:wrap}.filter-actions{flex-direction:column}.filter-actions .btn-apply,.filter-actions .btn-clear{width:100%}}@media (max-width:480px){.activity-logs-content .container{padding:12px 8px}.activity-logs-content .page-header{padding:16px}.activity-logs-content .page-header h2{font-size:20px}.filters-panel{border-radius:12px;padding:16px}.logs-table td,.logs-table th{font-size:12px;padding:10px 12px}.action-badge{font-size:10px;padding:4px 8px}.pagination button{font-size:13px;padding:8px 14px}}:root{--teal-primary:#14b8a6;--teal-light:#5eead4;--teal-dark:#0d9488;--teal-glow:#14b8a666;--cyan-accent:#06b6d4;--bg-dark:#0a0e1a;--bg-darker:#050810;--bg-card:#ffffff0d;--glass-border:#ffffff1a;--text-primary:#fff;--text-secondary:#94a3b8}.user-management-content{background:#0000;min-height:100%;position:relative;z-index:1}.page-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 24px #0000004d;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.back-button{background:#0000;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:10px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:10px 16px;transition:all .3s}.back-button:hover{background:#ffffff0d;background:var(--bg-card);border-color:#14b8a6;border-color:var(--teal-primary);color:#5eead4;color:var(--teal-light)}.page-header h1{color:#fff;font-size:24px;margin:0;text-shadow:0 0 20px #14b8a666;text-shadow:0 0 20px var(--teal-glow)}.primary-button{background:linear-gradient(135deg,#0d9488,#14b8a6 50%,#06b6d4);background:linear-gradient(135deg,var(--teal-dark) 0,var(--teal-primary) 50%,var(--cyan-accent) 100%);border:none;border-radius:12px;box-shadow:0 4px 15px #14b8a666;box-shadow:0 4px 15px var(--teal-glow);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.primary-button:hover{box-shadow:0 6px 25px #14b8a666;box-shadow:0 6px 25px var(--teal-glow);transform:translateY(-2px)}.error-banner{background:#ef444426;border-radius:12px;padding:14px 18px}.error-banner button{color:#fca5a5}.loading-container{color:#94a3b8;color:var(--text-secondary);height:400px}.loading-container .spinner{animation:spin .8s linear infinite;border-top:3px solid var(--teal-primary);height:50px;width:50px}.users-table-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 24px #0000004d;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table td,.users-table th{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-border);padding:16px 20px;text-align:left}.users-table th{background:#14b8a61a;color:#5eead4;color:var(--teal-light);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.users-table tbody tr{transition:background .2s}.users-table tbody tr:hover{background:#14b8a60d}.users-table .no-data{color:#94a3b8;color:var(--text-secondary);padding:50px;text-align:center}.user-info{align-items:center;display:flex;gap:14px}.user-avatar-wrapper{display:inline-block;position:relative}.user-avatar{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);background:linear-gradient(135deg,var(--teal-dark) 0,var(--teal-primary) 100%);border-radius:12px;box-shadow:0 4px 12px #14b8a666;box-shadow:0 4px 12px var(--teal-glow);color:#fff;display:flex;font-size:15px;font-weight:600;height:44px;justify-content:center;width:44px}.online-indicator{border:2px solid #0a0e1a;border:2px solid var(--bg-dark);border-radius:50%;bottom:-2px;box-shadow:0 0 4px #0000004d;height:14px;position:absolute;right:-2px;width:14px}.online-indicator.online{animation:pulse-online 2s infinite;background:#22c55e;box-shadow:0 0 8px #22c55e99}.online-indicator.offline{background:#6b7280}@keyframes pulse-online{0%,to{box-shadow:0 0 8px #22c55e99}50%{box-shadow:0 0 12px #22c55ee6}}.user-name{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-weight:600;gap:10px}.user-username{font-size:13px}.user-email,.user-username{color:#94a3b8;color:var(--text-secondary)}.system-admin-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:8px;color:#fff;font-size:10px;font-weight:600;padding:3px 10px;text-transform:uppercase}.role-badge{background:#64748b4d;border-radius:10px;color:#94a3b8;font-size:12px;font-weight:600;padding:6px 14px;text-transform:capitalize}.role-admin{background:linear-gradient(135deg,#14b8a633,#06b6d433);border:1px solid #14b8a64d;color:#5eead4;color:var(--teal-light)}.role-manager{background:#3b82f633;border:1px solid #3b82f64d;color:#93c5fd}.role-viewer{background:#64748b33;border:1px solid #64748b4d;color:#cbd5e1}.status-badge{border-radius:10px;padding:6px 14px}.status-badge.active{background:#22c55e33;border:1px solid #22c55e4d;color:#86efac}.status-badge.inactive{background:#ef444433;color:#fca5a5}.last-login{color:#94a3b8;color:var(--text-secondary);font-size:13px}.action-buttons{display:flex;gap:8px}.action-btn{background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--glass-border);color:#94a3b8;color:var(--text-secondary);font-size:12px;padding:8px 14px}.action-btn:hover{background:#14b8a61a;border-color:#14b8a6;border-color:var(--teal-primary);color:#5eead4;color:var(--teal-light)}.action-btn.danger{color:#fca5a5}.action-btn.danger:hover{background:#ef444426;border-color:#ef444480}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#0d3333f2,#0a1e1efa);border:1px solid #5eead433;border-radius:20px;box-shadow:0 25px 80px #00000080,0 0 60px #14b8a61a}.modal-header{border-bottom:1px solid #ffffff1a;padding:24px}.modal-header h2{color:var(--text-primary)}.close-button{background:none;border:none;color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-size:24px;padding:4px;transition:color .2s}.close-button:hover{color:#5eead4;color:var(--teal-light)}.modal-content form{padding:24px}.form-row{grid-template-columns:1fr 1fr}.form-group{margin-bottom:18px}.form-group label{color:#fff;color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select{background:#0f172a99;border:2px solid #5eead433;border-radius:10px;box-sizing:border-box;color:#fff;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:all .3s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#14b8a6;border-color:var(--teal-primary);box-shadow:0 0 0 4px #14b8a626;outline:none}.form-group input::placeholder{color:#4db6ac;opacity:.6}.form-group select option{background:#0f2b2b;color:#fff;color:var(--text-primary)}.form-error{background:#ef444426;border:1px solid #ef44444d;border-radius:10px;color:#fca5a5;font-size:14px;margin-bottom:16px;padding:12px 16px}.modal-actions{border-top:1px solid #ffffff1a;margin-top:24px;padding-top:20px}.modal-actions button{border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.modal-actions button:first-child{background:#0000;border:1px solid #ffffff1a;border:1px solid var(--glass-border);color:#94a3b8;color:var(--text-secondary)}.modal-actions button:first-child:hover{background:#ffffff0d;background:var(--bg-card);color:#fff;color:var(--text-primary)}.modal-actions button.primary{background:linear-gradient(135deg,#0d9488,#14b8a6 50%,#06b6d4);background:linear-gradient(135deg,var(--teal-dark) 0,var(--teal-primary) 50%,var(--cyan-accent) 100%);border:none;box-shadow:0 4px 15px #14b8a666;box-shadow:0 4px 15px var(--teal-glow);color:#fff}.modal-actions button.primary:hover{box-shadow:0 6px 25px #14b8a666;box-shadow:0 6px 25px var(--teal-glow);transform:translateY(-2px)}.modal-actions button:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:1024px){.user-management-content{padding:20px 16px}.page-header{padding:16px 20px}.users-table-container{overflow-x:auto}}@media (max-width:768px){.user-management-content{padding:16px}.page-header{align-items:stretch;flex-direction:column;gap:16px;padding:16px}.page-header h1{font-size:20px}.form-row{grid-template-columns:1fr}.users-table td,.users-table th{font-size:13px;padding:12px 10px}.action-buttons{flex-direction:column;gap:4px}.user-info{align-items:flex-start;flex-direction:column;gap:8px}.user-avatar{font-size:13px;height:36px;width:36px}.modal-content{margin:10px;max-width:95%}}@media (max-width:480px){.user-management-content{padding:12px 8px}.page-header{border-radius:12px;padding:12px}.page-header h1{font-size:18px}.primary-button{font-size:13px;padding:10px 16px}.users-table td,.users-table th{font-size:12px;padding:10px 8px}.role-badge,.status-badge{font-size:11px;padding:4px 10px}.action-btn{font-size:11px;padding:6px 10px}.modal-content{border-radius:12px}.modal-header{padding:16px}.modal-header h2{font-size:18px}.modal-content form{padding:16px}.form-group input,.form-group select{font-size:13px;padding:10px 12px}.modal-actions button{font-size:13px;padding:10px 16px}}.cost-analytics-container{padding:20px 0}.cost-analytics-error,.cost-analytics-loading{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;min-height:400px}.cost-analytics-loading .spinner{animation:spin 1s linear infinite;border:3px solid #14b8a633;border-radius:50%;border-top-color:#14b8a6;height:40px;width:40px}.cost-analytics-error button{background:#14b8a6;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:16px;padding:8px 16px}.date-range-selector{gap:16px;justify-content:space-between;margin-bottom:24px}.date-range-options{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.date-range-select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#e2e8f0;cursor:pointer;font-size:14px;min-width:150px;padding:10px 16px}.date-range-select:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a633;outline:none}.date-range-select option{background:#1e293b;color:#e2e8f0}.custom-date-inputs span{color:#64748b}.date-input{border-radius:8px;color:#e2e8f0;font-size:14px;padding:10px 12px}.export-btn{align-items:center;background:#14b8a633;border:1px solid #14b8a666;border-radius:8px;color:#14b8a6;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.export-btn:hover{background:#14b8a64d;border-color:#14b8a6}.date-range-actions{display:flex;gap:12px}.budget-btn{background:#8b5cf633;border:1px solid #8b5cf666;color:#a78bfa}.budget-btn:hover{background:#8b5cf64d;border-color:#a78bfa}.stat-cards-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}@media (max-width:1200px){.stat-cards-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.stat-cards-row{grid-template-columns:1fr}}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;display:flex;gap:16px;transition:all .2s ease}.stat-card:hover{background:#ffffff0d}.stat-icon{flex-shrink:0}.stat-icon.total{background:#3b82f633;color:#3b82f6}.stat-icon.average{background:#10b98133;color:#10b981}.stat-icon.budget{background:#8b5cf633;color:#8b5cf6}.stat-icon.budget.warning{background:#f59e0b33;color:#f59e0b}.stat-icon.budget.over{background:#ef444433;color:#ef4444}.stat-icon.top-vehicle{background:#06b6d433;color:#06b6d4}.stat-content{min-width:0}.stat-value{line-height:1.2}.stat-value.warning{color:#f59e0b}.stat-value.over{color:#ef4444}.stat-value.on_track{color:#10b981}.stat-label{color:#94a3b8;font-size:.875rem;margin-top:4px}.stat-subtext{color:#64748b;font-size:.75rem;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.charts-row{grid-gap:20px;gap:20px}@media (max-width:900px){.charts-row{grid-template-columns:1fr}}.chart-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chart-title{border-bottom:1px solid #ffffff14;color:#e2e8f0;margin:0 0 16px;padding-bottom:12px}.chart-empty{align-items:center;color:#64748b;display:flex;font-size:.875rem;height:250px;justify-content:center}.chart-tooltip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e293bf2;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 20px #0006;padding:12px}.tooltip-label{color:#e2e8f0;font-size:.875rem;font-weight:600;margin:0 0 4px}.tooltip-value{color:#14b8a6;font-size:.875rem;margin:2px 0}.tooltip-count{color:#64748b;font-size:.75rem;margin:4px 0 0}.cost-table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;overflow-x:auto;padding:20px}.table-title{border-bottom:1px solid #ffffff14;color:#e2e8f0;font-size:1rem;font-weight:600;margin:0 0 16px;padding-bottom:12px}.table-empty{color:#64748b;padding:40px;text-align:center}.cost-table{border-collapse:collapse;width:100%}.cost-table th{background:#ffffff08;border-bottom:1px solid #ffffff14;color:#94a3b8;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.cost-table td{border-bottom:1px solid #ffffff0d;color:#e2e8f0;font-size:.875rem;padding:14px 16px}.cost-table tr:hover td{background:#ffffff05}.cost-table .vehicle-name{font-weight:500}.cost-table .center{text-align:center}.cost-table .currency{font-family:SF Mono,Fira Code,monospace;text-align:right}.cost-table .total{color:#14b8a6;font-weight:600}.recharts-legend-item-text{color:#94a3b8!important}.recharts-cartesian-axis-tick-value{fill:#94a3b8!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#ffffff0d!important}.budget-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.budget-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293bfa,#0f172afa);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 25px 50px #00000080;display:flex;flex-direction:column;max-height:85vh;max-width:700px;width:100%}.budget-modal-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:20px 24px}.budget-modal-header h2{color:#f1f5f9;font-size:1.25rem;font-weight:600;margin:0}.budget-modal-header .close-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.budget-modal-header .close-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.budget-modal-header .close-btn svg{height:20px;width:20px}.budget-modal-content{flex:1 1;overflow-y:auto;padding:24px}.error-message{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.error-message button{background:none;border:none;color:#ef4444;cursor:pointer;font-size:1.25rem;line-height:1;padding:0 4px}.budget-list-header{display:flex;justify-content:flex-end;margin-bottom:20px}.add-budget-btn{align-items:center;background:#14b8a633;border:1px solid #14b8a666;border-radius:8px;color:#14b8a6;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 18px;transition:all .2s ease}.add-budget-btn:hover{background:#14b8a64d;border-color:#14b8a6}.budget-loading{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.budget-loading .spinner{animation:spin 1s linear infinite;border:3px solid #14b8a633;border-radius:50%;border-top-color:#14b8a6;height:40px;margin-bottom:16px;width:40px}.no-budgets{color:#64748b;padding:60px 20px;text-align:center}.no-budgets p{margin:0}.no-budgets .hint{font-size:.875rem;margin-top:8px}.budget-list{display:flex;flex-direction:column;gap:12px}.budget-card{align-items:flex-start;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s ease}.budget-card:hover{background:#ffffff0d;border-color:#ffffff1f}.budget-card.on-track{border-left:3px solid #10b981}.budget-card.warning{border-left:3px solid #f59e0b}.budget-card.over{border-left:3px solid #ef4444}.budget-info{flex:1 1;min-width:0}.budget-info h3{color:#f1f5f9;font-size:1rem;font-weight:600;margin:0 0 8px}.budget-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.budget-meta .badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;padding:3px 10px;text-transform:capitalize}.budget-meta .badge.type{background:#3b82f626;color:#3b82f6}.budget-meta .badge.scope{background:#8b5cf626;color:#a78bfa}.budget-meta .badge.inactive{background:#64748b33;color:#94a3b8}.budget-amount{align-items:center;display:flex;gap:8px;margin-bottom:12px}.budget-amount .label{color:#64748b;font-size:.8125rem}.budget-amount .value{color:#14b8a6;font-family:SF Mono,Fira Code,monospace;font-size:1.125rem;font-weight:600}.budget-progress{margin-bottom:8px}.progress-bar{background:#ffffff1a;border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#14b8a6,#10b981);border-radius:3px;height:100%;transition:width .3s ease}.budget-card.warning .progress-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.budget-card.over .progress-fill{background:linear-gradient(90deg,#ef4444,#f87171)}.progress-text{color:#94a3b8;font-size:.75rem}.budget-period{color:#64748b;font-size:.75rem}.budget-actions{display:flex;flex-shrink:0;gap:8px;margin-left:16px}.budget-actions .delete-btn,.budget-actions .edit-btn{align-items:center;background:#0000;border:1px solid #ffffff1a;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.budget-actions .edit-btn:hover{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.budget-actions .delete-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.budget-actions button svg{height:18px;width:18px}.budget-form{gap:20px}.budget-form,.form-group{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#94a3b8;font-size:.8125rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#e2e8f0;font-size:.875rem;padding:10px 14px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a626;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#64748b}.form-group select option{background:#1e293b;color:#e2e8f0}.form-group small{color:#64748b;font-size:.75rem}.form-group textarea{min-height:80px;resize:vertical}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (max-width:500px){.form-row{grid-template-columns:1fr}}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:10px}.checkbox-group input[type=checkbox]{accent-color:#14b8a6;cursor:pointer;height:18px;width:18px}.checkbox-group span{color:#e2e8f0;font-size:.875rem}.form-actions{border-top:1px solid #ffffff14;display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:20px}.cancel-btn{background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.cancel-btn:hover{background:#ffffff14;color:#e2e8f0}.save-btn{background:linear-gradient(135deg,#14b8a6,#0d9488);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 24px;transition:all .2s ease}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#0d9488,#0f766e);transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.6}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-group input[type=number]{-moz-appearance:textfield}@media (max-width:600px){.budget-modal{max-height:90vh}.budget-card{flex-direction:column}.budget-actions{align-self:flex-end;margin-left:0;margin-top:16px}}.calendar-grid{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d1b2ad9;border:1px solid #00bcd433;border-radius:12px;color:#e0f7fa;padding:20px}.calendar-error,.calendar-loading{color:#e0f7fa99;padding:40px;text-align:center}.calendar-error{background:#f443361a;border-radius:8px;color:#f44336;margin-bottom:16px}.calendar-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.calendar-nav-section{align-items:center;display:flex;gap:8px}.nav-btn,.today-btn{align-items:center;background:#1a3654b3;border:1px solid #00bcd433;border-radius:8px;color:#80deea;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:all .2s ease}.nav-btn svg{height:20px;width:20px}.nav-btn:hover,.today-btn:hover{border-color:#00bcd4;box-shadow:0 4px 12px #00bcd44d;color:#00bcd4}.period-label{color:#e0f7fa;font-size:18px;font-weight:600;margin-left:12px}.calendar-controls{align-items:center;display:flex;gap:12px}.view-toggle{background:#1a365480;border:1px solid #00bcd433;border-radius:8px;display:flex;overflow:hidden}.view-toggle button{background:#0000;border:none;color:#e0f7fa99;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.view-toggle button:hover{color:#80deea}.view-toggle button.active{background:#00bcd433;color:#00bcd4}.calendar-search{background:#1a365480;border:1px solid #00bcd433;border-radius:8px;color:#e0f7fa;font-size:14px;padding:8px 14px;transition:all .2s ease;width:200px}.calendar-search::placeholder{color:#e0f7fa66}.calendar-search:focus{border-color:#00bcd4;box-shadow:0 0 0 2px #00bcd433;outline:none}.calendar-footer{margin-top:16px;text-align:right}.service-count{color:#e0f7fa99;font-size:13px}.month-view{width:100%}.month-header{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);margin-bottom:2px}.day-header-cell{background:#00bcd41a;border-radius:4px;color:#80deea;font-size:13px;font-weight:600;padding:12px 4px;text-align:center;text-transform:uppercase}.month-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.day-cell{background:#1a365466;border:1px solid #00bcd41a;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;min-height:100px;padding:8px;transition:all .2s ease}.day-cell:hover{background:#1a365499;border-color:#00bcd466}.day-cell.today{background:#00bcd426;border-color:#00bcd4}.day-cell.today .day-number{align-items:center;background:#00bcd4;border-radius:50%;color:#0d1b2a;display:flex;height:28px;justify-content:center;width:28px}.day-cell.other-month{opacity:.4}.day-cell.has-services{background:#1a365499}.day-number{color:#e0f7fa;font-size:14px;font-weight:600;margin-bottom:6px}.day-services{display:flex;flex:1 1;flex-direction:column;gap:3px;overflow:hidden}.service-pill{background:#0d1b2acc;border-left:3px solid #00bcd4;border-radius:3px;font-size:11px;overflow:hidden;padding:3px 6px;text-overflow:ellipsis;white-space:nowrap}.pill-fleet{color:#e0f7fa;font-weight:500}.pill-time{color:#e0f7fa99;font-size:10px;margin-left:4px}.overflow-indicator{color:#00bcd4;font-size:11px;font-weight:500;padding:2px 6px}.week-view{overflow-x:auto;width:100%}.week-header{grid-gap:2px;background:#0d1b2af2;display:grid;gap:2px;grid-template-columns:60px repeat(7,1fr);margin-bottom:2px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.time-column-header{background:#0000}.week-day-header{align-items:center;background:#00bcd41a;border-radius:4px;color:#80deea;cursor:pointer;display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:4px;padding:12px 4px;text-align:center;transition:all .2s ease}.week-day-header:hover{background:#00bcd433}.week-day-header.today{background:#00bcd433;border:1px solid #00bcd4}.day-service-count{background:#00bcd4;border-radius:10px;color:#0d1b2a;font-size:11px;font-weight:600;padding:2px 6px}.week-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:60px repeat(7,1fr)}.time-column{display:flex;flex-direction:column}.time-slot-label{align-items:flex-start;color:#e0f7fa80;display:flex;font-size:11px;height:50px;justify-content:flex-end;padding-right:8px}.day-column{background:#1a36544d;border:1px solid #00bcd41a;border-radius:4px;cursor:pointer;min-height:650px;position:relative}.day-column.today{background:#00bcd414;border-color:#00bcd44d}.hour-slot{border-bottom:1px solid #00bcd414;height:50px}.hour-slot:last-child{border-bottom:none}.service-block{background:#0d1b2ae6;border-left:3px solid #00bcd4;border-radius:4px;cursor:pointer;left:4px;overflow:hidden;padding:6px 8px;position:absolute;right:4px;transition:all .2s ease;z-index:5}.service-block:hover{box-shadow:0 4px 12px #00bcd466;transform:translateX(2px);z-index:6}.block-fleet{color:#e0f7fa;font-size:12px;font-weight:600}.block-fleet,.block-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block-type{color:#80deea;font-size:10px;text-transform:capitalize}.block-provider{color:#e0f7fa80;font-size:9px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.day-detail-modal{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1b2afa;border:1px solid #00bcd44d;border-radius:16px;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:100%}.day-detail-modal .modal-header{align-items:center;background:#00bcd41a;border-bottom:1px solid #00bcd433;display:flex;justify-content:space-between;padding:20px 24px}.day-detail-modal .modal-header h3{color:#e0f7fa;font-size:18px;font-weight:600;margin:0}.modal-close{color:#e0f7fa99;padding:4px;transition:color .2s ease}.modal-close:hover{color:#f44336}.modal-close svg{height:24px;width:24px}.day-detail-modal .modal-body{flex:1 1;overflow-y:auto;padding:20px 24px}.no-services{color:#e0f7fa80;padding:40px 20px;text-align:center}.service-list{display:flex;flex-direction:column;gap:12px}.service-detail-card{background:#1a365480;border:1px solid #00bcd426;border-left:4px solid #00bcd4;border-radius:8px;padding:14px 16px}.service-detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.service-fleet{color:#e0f7fa;font-size:16px;font-weight:600}.service-vehicle-name{color:#80deea;font-size:13px;margin-bottom:10px}.service-status{border-radius:12px;font-size:11px;font-weight:500;padding:3px 10px;text-transform:capitalize}.status-scheduled{background:#2196f333;color:#2196f3}.status-in-progress{background:#ff980033;color:#ff9800}.status-completed{background:#4caf5033;color:#4caf50}.status-cancelled{background:#f4433633;color:#f44336}.service-detail-row{display:flex;font-size:13px;gap:8px;margin-bottom:6px}.service-detail-row .label{color:#e0f7fa80;min-width:70px}.service-detail-row .value{color:#e0f7fa;text-transform:capitalize}.service-notes{border-top:1px solid #00bcd41a;margin-top:10px;padding-top:10px}.service-notes .label{color:#e0f7fa80;display:block;font-size:12px;margin-bottom:4px}.service-notes p{color:#e0f7facc;font-size:13px;line-height:1.4;margin:0}@media (max-width:768px){.calendar-header{align-items:flex-start;flex-direction:column}.calendar-controls{flex-wrap:wrap;width:100%}.calendar-search{width:100%}.period-label{margin-left:0;margin-top:8px}.day-cell{min-height:70px;padding:4px}.day-number{font-size:12px}.service-pill{font-size:9px;padding:2px 4px}.week-view{font-size:12px}.service-block{padding:4px 6px}.block-fleet{font-size:10px}.block-provider,.block-type{display:none}}@media (max-width:480px){.calendar-grid{padding:12px}.day-cell{min-height:50px}.day-services{display:none}.day-cell.has-services:after{background:#00bcd4;border-radius:50%;content:"";display:block;height:6px;margin-top:4px;width:6px}}:root{--cyan-glow:#00bcd44d;--success-color:#4caf50;--warning-color:#ff9800;--danger-color:#f44336;--info-color:#2196f3}.service-content{color:#e0f7fa;color:var(--text-primary);min-height:calc(100vh - 88px);width:100%}.service-content .container{margin:0 auto;max-width:100%}.service-content .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.service-content .page-header h1{color:#e0f7fa;color:var(--text-primary);font-size:28px;font-weight:600;margin:0}.service-content .btn-icon{background:#1a3654b3;background:var(--glass-bg-light);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:8px;cursor:pointer;padding:10px;transition:all .2s ease}.service-content .btn-icon svg{color:#80deea;color:var(--text-secondary);height:20px;width:20px}.service-content .btn-icon:hover{border-color:#00bcd4;border-color:var(--teal-primary)}.service-content .btn-icon:hover svg{color:#00bcd4;color:var(--teal-primary)}.service-content .dashboard-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:28px}.service-content .stat-card{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d1b2ad9;background:var(--glass-bg);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.service-content .stat-card:hover{border-color:#00bcd4;border-color:var(--teal-primary);box-shadow:0 8px 24px #00bcd44d;box-shadow:0 8px 24px var(--cyan-glow);transform:translateY(-2px)}.service-content .stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:52px;justify-content:center;width:52px}.service-content .stat-icon.active{background:linear-gradient(135deg,#00bcd4,#0097a7);background:linear-gradient(135deg,var(--teal-primary),var(--teal-dark))}.service-content .stat-icon.scheduled{background:linear-gradient(135deg,#2196f3,#1976d2);background:linear-gradient(135deg,var(--info-color),#1976d2)}.service-content .stat-icon.alerts{background:linear-gradient(135deg,#ff9800,#f57c00);background:linear-gradient(135deg,var(--warning-color),#f57c00)}.service-content .stat-icon.providers{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.service-content .stat-info .stat-value{color:#e0f7fa;color:var(--text-primary);display:block;font-size:28px;font-weight:700;line-height:1.2}.service-content .stat-info .stat-label{color:#e0f7fa99;color:var(--text-muted);display:block;font-size:13px;margin-top:4px}.service-content .stat-icon.alert{background:linear-gradient(135deg,#ff9800,#f57c00);background:linear-gradient(135deg,var(--warning-color),#f57c00)}.service-content .tabs-container{margin-top:24px}.service-content .tabs{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d1b2ad9;background:var(--glass-bg);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:12px;display:flex;gap:4px;margin-bottom:20px;padding:6px;width:-webkit-fit-content;width:fit-content}.service-content .tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#e0f7fa99;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.service-content .tab:hover{background:#00bcd41a;color:#80deea;color:var(--text-secondary)}.service-content .tab.active{background:linear-gradient(135deg,#00bcd4,#0097a7);background:linear-gradient(135deg,var(--teal-primary),var(--teal-dark));box-shadow:0 4px 12px #00bcd44d;box-shadow:0 4px 12px var(--cyan-glow);color:#fff}.service-content .tab svg{height:18px;width:18px}.service-content .tab-content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d1b2ad9;background:var(--glass-bg);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:16px;min-height:400px;padding:24px}.service-content .quick-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.service-content .section{margin-bottom:32px}.service-content .section-title{align-items:center;color:#e0f7fa;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.service-content .title-icon{font-size:12px}.service-content .title-icon.active{color:#00bcd4;color:var(--teal-primary)}.service-content .title-icon.scheduled{color:#2196f3;color:var(--info-color)}.service-content .title-icon.paused{color:#ff9800;color:var(--warning-color)}.service-content .services-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.service-content .service-card{background:#1a3654b3;background:var(--glass-bg-light);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:12px;padding:16px;transition:all .3s ease}.service-content .service-card:hover{border-color:#00bcd4;border-color:var(--teal-primary);box-shadow:0 4px 16px #00bcd44d;box-shadow:0 4px 16px var(--cyan-glow)}.service-content .service-card.active{border-left:4px solid #00bcd4;border-left:4px solid var(--teal-primary)}.service-content .service-card.scheduled{border-left:4px solid #2196f3;border-left:4px solid var(--info-color)}.service-content .service-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.service-content .service-header strong{color:#e0f7fa;color:var(--text-primary);font-size:16px}.service-content .service-body{margin-bottom:12px}.service-content .service-body p{color:#80deea;color:var(--text-secondary);font-size:13px;margin:6px 0}.service-content .service-body p strong{color:#e0f7fa99;color:var(--text-muted);font-weight:500}.service-content .service-body .notes{border-top:1px solid #00bcd433;border-top:1px solid var(--glass-border);color:#e0f7fa99;color:var(--text-muted);font-style:italic;margin-top:8px;padding-top:8px}.service-content .service-actions{border-top:1px solid #00bcd433;border-top:1px solid var(--glass-border);display:flex;gap:8px;padding-top:12px}.service-content .paused-vehicles-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.service-content .paused-vehicle-card{align-items:center;background:#ff980014;border:1px solid #ff980033;border-radius:10px;display:flex;justify-content:space-between;padding:14px}.service-content .paused-vehicle-card .vehicle-info strong{color:#e0f7fa;color:var(--text-primary);display:block;font-size:14px}.service-content .paused-vehicle-card .vehicle-info span{color:#e0f7fa99;color:var(--text-muted);font-size:12px}.service-content .providers-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.service-content .provider-filters{display:flex;gap:12px}.service-content .providers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.service-content .provider-card{position:relative}.service-content .provider-card .preferred-badge{background:linear-gradient(135deg,#4caf50,#388e3c);background:linear-gradient(135deg,var(--success-color),#388e3c);border-radius:12px;color:#fff;font-size:11px;font-weight:500;padding:4px 10px;position:absolute;right:12px;top:12px}.service-content .provider-header{gap:12px}.service-content .provider-icon{font-size:24px}.service-content .provider-title strong{color:#e0f7fa;color:var(--text-primary);display:block;font-size:16px}.service-content .provider-body{margin:12px 0}.service-content .provider-body p{color:#80deea;color:var(--text-secondary);font-size:13px;margin:6px 0}.service-content .provider-body p strong{color:#e0f7fa99;color:var(--text-muted)}.service-content .services-offered{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.service-content .service-tag{text-transform:capitalize}.service-content .service-tag.more{background:#0d1b2ad9;background:var(--glass-bg);color:#e0f7fa99;color:var(--text-muted)}.service-content .history-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.service-content .history-table-container{overflow-x:auto}.service-content .history-table{border-collapse:collapse;width:100%}.service-content .history-table td,.service-content .history-table th{border-bottom:1px solid #00bcd433;border-bottom:1px solid var(--glass-border);padding:14px 16px;text-align:left}.service-content .history-table th{background:#00bcd40d;color:#e0f7fa99;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.service-content .history-table td{color:#e0f7fa;color:var(--text-primary);font-size:14px}.service-content .history-table tr:hover{background:#00bcd40d}.service-content .history-table .empty-row{color:#e0f7fa99;color:var(--text-muted);padding:40px;text-align:center}.service-content .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.service-content .section-header h2{color:#e0f7fa;color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.service-content .action-buttons{display:flex;flex-wrap:wrap;gap:12px}.service-content .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.service-content .btn-primary{background:linear-gradient(135deg,#00bcd4,#0097a7);background:linear-gradient(135deg,var(--teal-primary),var(--teal-dark));color:#fff}.service-content .btn-primary:hover{box-shadow:0 4px 16px #00bcd44d;box-shadow:0 4px 16px var(--cyan-glow);transform:translateY(-1px)}.service-content .btn-secondary{background:#1a3654b3;background:var(--glass-bg-light);border:1px solid #00bcd433;border:1px solid var(--glass-border);color:#80deea;color:var(--text-secondary)}.service-content .btn-secondary:hover{border-color:#00bcd4;border-color:var(--teal-primary);color:#00bcd4;color:var(--teal-primary)}.service-content .btn-danger{background:linear-gradient(135deg,#f44336,#d32f2f);background:linear-gradient(135deg,var(--danger-color),#d32f2f);color:#fff}.service-content .btn-danger:hover{box-shadow:0 4px 16px #f443364d}.service-content .btn-success{background:linear-gradient(135deg,#4caf50,#388e3c);background:linear-gradient(135deg,var(--success-color),#388e3c);color:#fff}.service-content .btn-success:hover{box-shadow:0 4px 16px #4caf504d}.service-content .btn-sm{font-size:12px;padding:6px 12px}.service-content .btn-outline{background:#0000;border:1px solid #00bcd433;border:1px solid var(--glass-border);color:#80deea;color:var(--text-secondary)}.service-content .btn-outline:hover{border-color:#00bcd4;border-color:var(--teal-primary);color:#00bcd4;color:var(--teal-primary)}.service-content .btn-warning{background:linear-gradient(135deg,#ff9800,#f57c00);background:linear-gradient(135deg,var(--warning-color),#f57c00);color:#fff}.service-content .btn-warning:hover{box-shadow:0 4px 16px #ff98004d}.service-content .btn svg{height:16px;width:16px}.service-content .service-table{border-collapse:collapse;width:100%}.service-content .service-table td,.service-content .service-table th{border-bottom:1px solid #00bcd433;border-bottom:1px solid var(--glass-border);padding:14px 16px;text-align:left}.service-content .service-table th{background:#00bcd40d;color:#e0f7fa99;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.service-content .service-table td{color:#e0f7fa;color:var(--text-primary);font-size:14px}.service-content .service-table tr:hover{background:#00bcd40d}.service-content .service-table .actions{display:flex;gap:8px}.service-content .status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;padding:4px 12px}.service-content .status-badge.active,.service-content .status-badge.in_progress{background:#00bcd426;border:1px solid #00bcd44d;color:#26c6da;color:var(--teal-secondary)}.service-content .status-badge.scheduled{background:#2196f326;border:1px solid #2196f34d;color:#64b5f6}.service-content .status-badge.completed{background:#4caf5026;border:1px solid #4caf504d;color:#81c784}.service-content .status-badge.cancelled{background:#f4433626;border:1px solid #f443364d;color:#e57373}.service-content .status-badge.paused{background:#ff980026;border:1px solid #ff98004d;color:#ffb74d}.service-content .provider-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:20px}.service-content .provider-card{background:#1a3654b3;background:var(--glass-bg-light);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:12px;padding:20px;transition:all .3s ease}.service-content .provider-card:hover{border-color:#00bcd4;border-color:var(--teal-primary);box-shadow:0 8px 24px #00bcd44d;box-shadow:0 8px 24px var(--cyan-glow)}.service-content .provider-card.preferred{background:linear-gradient(135deg,#4caf501a,#1a3654b3);background:linear-gradient(135deg,#4caf501a,var(--glass-bg-light));border-color:#4caf50;border-color:var(--success-color)}.service-content .provider-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.service-content .provider-name{color:#e0f7fa;color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.service-content .provider-type{color:#e0f7fa99;color:var(--text-muted);font-size:12px;text-transform:capitalize}.service-content .preferred-badge{background:linear-gradient(135deg,#4caf50,#388e3c);background:linear-gradient(135deg,var(--success-color),#388e3c);border-radius:12px;color:#fff;font-size:11px;font-weight:500;padding:4px 10px}.service-content .provider-contact{margin:12px 0}.service-content .provider-contact p{align-items:center;color:#80deea;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;margin:6px 0}.service-content .provider-contact svg{color:#e0f7fa99;color:var(--text-muted);height:14px;width:14px}.service-content .provider-services{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.service-content .service-tag{background:#00bcd41a;border-radius:12px;color:#26c6da;color:var(--teal-secondary);font-size:11px;padding:4px 10px}.service-content .provider-rating{align-items:center;color:#ffc107;display:flex;font-size:14px;gap:4px}.service-content .provider-actions{border-top:1px solid #00bcd433;border-top:1px solid var(--glass-border);display:flex;gap:8px;margin-top:16px;padding-top:16px}.service-content .filter-bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.service-content .filter-group{display:flex;flex-direction:column;gap:4px}.service-content .filter-group label{color:#e0f7fa99;color:var(--text-muted);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.service-content .filter-input,.service-content .filter-select{background:#1a3654b3;background:var(--glass-bg-light);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:8px;color:#e0f7fa;color:var(--text-primary);font-size:14px;min-width:160px;outline:none;padding:10px 14px;transition:all .2s ease}.service-content .filter-input:focus,.service-content .filter-select:focus{border-color:#00bcd4;border-color:var(--teal-primary);box-shadow:0 0 0 3px #00bcd44d;box-shadow:0 0 0 3px var(--cyan-glow)}.service-content .filter-select option{background:#0d2137;color:#e0f7fa;color:var(--text-primary)}.service-content .empty-state{padding:60px 20px;text-align:center}.service-content .empty-state svg{color:#e0f7fa99;color:var(--text-muted);height:64px;margin-bottom:16px;width:64px}.service-content .empty-state h3{color:#e0f7fa;color:var(--text-primary);font-size:18px;margin:0 0 8px}.service-content .empty-state p{color:#e0f7fa99;color:var(--text-muted);font-size:14px;margin:0}.service-content .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:60px 20px}.service-content .spinner{animation:spin 1s linear infinite;border:3px solid #00bcd433;border-top-color:#00bcd4;border:3px solid var(--glass-border);border-radius:50%;border-top-color:var(--teal-primary);height:40px;width:40px}.service-content .loading-container p{color:#e0f7fa99;color:var(--text-muted);font-size:14px;margin-top:16px}.service-content .error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:60px 20px;text-align:center}.service-content .error-container h3{color:#f44336;color:var(--danger-color);font-size:20px;margin:0 0 12px}.service-content .error-container p{color:#e0f7fa99;color:var(--text-muted);margin:0 0 20px}.service-content .paused-vehicles{border-top:1px solid #00bcd433;border-top:1px solid var(--glass-border);margin-top:32px;padding-top:24px}.service-content .paused-vehicles h3{align-items:center;color:#ff9800;color:var(--warning-color);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.service-content .paused-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.service-content .paused-item{align-items:center;background:#ff980014;border:1px solid #ff980033;border-radius:10px;display:flex;justify-content:space-between;padding:14px}.service-content .paused-info h4{color:#e0f7fa;color:var(--text-primary);font-size:14px;margin:0 0 4px}.service-content .paused-info p{color:#e0f7fa99;color:var(--text-muted);font-size:12px;margin:0}.service-content .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.service-content .modal-content{background:linear-gradient(145deg,#0d2137,#1a3a4a);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.service-content .modal-header{align-items:center;border-bottom:1px solid #00bcd433;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;padding:20px 24px}.service-content .modal-header h2{color:#e0f7fa;color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.service-content .modal-close,.service-content .modal-close-btn{background:none;border:none;border-radius:8px;color:#e0f7fa99;color:var(--text-muted);cursor:pointer;font-size:24px;line-height:1;padding:8px;transition:all .2s ease}.service-content .modal-close-btn:hover,.service-content .modal-close:hover{background:#f443361a;color:#f44336;color:var(--danger-color)}.service-content .modal-close svg{height:20px;width:20px}.service-content .modal-body{padding:24px}.service-content .form-group{margin-bottom:20px}.service-content .form-group label{color:#80deea;color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:8px}.service-content .form-group input,.service-content .form-group select,.service-content .form-group textarea{background:#0d1b2ad9;background:var(--glass-bg);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:8px;box-sizing:border-box;color:#e0f7fa;color:var(--text-primary);font-size:14px;outline:none;padding:12px 14px;transition:all .2s ease;width:100%}.service-content .form-group input:focus,.service-content .form-group select:focus,.service-content .form-group textarea:focus{border-color:#00bcd4;border-color:var(--teal-primary);box-shadow:0 0 0 3px #00bcd44d;box-shadow:0 0 0 3px var(--cyan-glow)}.service-content .form-group textarea{min-height:100px;resize:vertical}.service-content .form-group select option{background:#0d2137;color:#e0f7fa;color:var(--text-primary)}.service-content .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.service-content .checkbox-group{align-items:center;display:flex;gap:10px}.service-content .checkbox-group input[type=checkbox]{accent-color:#00bcd4;accent-color:var(--teal-primary);height:18px;width:18px}.service-content .checkbox-group label{cursor:pointer;margin:0}.service-content .modal-actions,.service-content .modal-footer{border-top:1px solid #00bcd433;border-top:1px solid var(--glass-border);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.service-content .service-types-input{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.service-content .service-type-tag{align-items:center;background:#00bcd426;border:1px solid #00bcd44d;border-radius:16px;color:#26c6da;color:var(--teal-secondary);display:flex;font-size:12px;gap:6px;padding:6px 12px}.service-content .service-type-tag button{align-items:center;background:none;border:none;color:#e0f7fa99;color:var(--text-muted);cursor:pointer;display:flex;padding:0}.service-content .service-type-tag button:hover{color:#f44336;color:var(--danger-color)}.service-content .pagination{align-items:center;border-top:1px solid #00bcd433;border-top:1px solid var(--glass-border);display:flex;gap:8px;justify-content:center;margin-top:24px;padding-top:20px}.service-content .pagination button{background:#1a3654b3;background:var(--glass-bg-light);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:6px;color:#80deea;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.service-content .pagination button:hover:not(:disabled){border-color:#00bcd4;border-color:var(--teal-primary);color:#00bcd4;color:var(--teal-primary)}.service-content .pagination button:disabled{cursor:not-allowed;opacity:.5}.service-content .pagination span{color:#e0f7fa99;color:var(--text-muted);font-size:14px;padding:0 12px}.service-content .table-section{margin-bottom:32px}.service-content .table-section h3{align-items:center;color:#80deea;color:var(--text-secondary);display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 16px}.service-content .table-section h3 .count{background:#1a3654b3;background:var(--glass-bg-light);border-radius:12px;font-size:12px;font-weight:500;padding:2px 10px}@media (max-width:1024px){.service-content .dashboard-stats{grid-template-columns:repeat(2,1fr)}.service-content .providers-grid,.service-content .services-grid{grid-template-columns:1fr}.service-content .container{padding:20px 16px}}@media (max-width:768px){.service-content .main-content{padding:16px}.service-content .dashboard-stats{grid-template-columns:1fr}.service-content .tabs{overflow-x:auto;width:100%}.service-content .tab{font-size:13px;padding:10px 16px}.service-content .filter-bar{flex-direction:column}.service-content .filter-input,.service-content .filter-select{width:100%}.service-content .action-buttons{flex-direction:column}.service-content .btn{justify-content:center;width:100%}.service-content .form-row{grid-template-columns:1fr}.service-content .service-table{font-size:12px}.service-content .service-table td,.service-content .service-table th{padding:10px 8px}.service-content .page-header{align-items:flex-start;flex-direction:column;gap:12px}.service-content .page-header h1{font-size:22px}.service-content .paused-list{grid-template-columns:1fr}.service-content .modal-content{margin:10px;max-width:95%}}@media (max-width:480px){.service-content .container,.service-content .main-content{padding:12px 8px}.service-content .page-header h1{font-size:20px}.service-content .stat-card{gap:12px;padding:14px}.service-content .stat-icon{height:44px;width:44px}.service-content .stat-info .stat-value{font-size:22px}.service-content .stat-info .stat-label{font-size:12px}.service-content .tabs{padding:4px}.service-content .tab{font-size:12px;padding:8px 12px}.service-content .tab svg{height:16px;width:16px}.service-content .tab-content{border-radius:12px;padding:16px}.service-content .service-card{border-radius:10px;padding:14px}.service-content .service-header strong{font-size:14px}.service-content .service-body p{font-size:12px}.service-content .btn{font-size:13px;padding:10px 16px}.service-content .btn-sm{font-size:11px;padding:6px 10px}.service-content .service-table td,.service-content .service-table th{font-size:11px;padding:8px 6px}.service-content .history-table td,.service-content .history-table th{font-size:12px;padding:10px 8px}.service-content .status-badge{font-size:11px;padding:3px 8px}.service-content .modal-header{padding:16px}.service-content .modal-header h2{font-size:18px}.service-content .modal-body{padding:16px}.service-content .form-group input,.service-content .form-group select,.service-content .form-group textarea{font-size:13px;padding:10px 12px}.service-content .modal-actions,.service-content .modal-footer{flex-direction:column;padding:12px 16px}.service-content .modal-actions button,.service-content .modal-footer button{width:100%}.service-content .provider-card{padding:16px}.service-content .provider-title strong{font-size:14px}.service-content .service-tag{font-size:10px;padding:3px 8px}.service-content .pagination button{font-size:13px;padding:6px 12px}}.service-content .modal-content::-webkit-scrollbar,.service-content .tab-content::-webkit-scrollbar{width:8px}.service-content .modal-content::-webkit-scrollbar-track,.service-content .tab-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.service-content .modal-content::-webkit-scrollbar-thumb,.service-content .tab-content::-webkit-scrollbar-thumb{background:#00bcd433;background:var(--glass-border);border-radius:4px}.service-content .modal-content::-webkit-scrollbar-thumb:hover,.service-content .tab-content::-webkit-scrollbar-thumb:hover{background:#00bcd4;background:var(--teal-primary)}.alerts-content{background:#0000;min-height:100%;position:relative;z-index:1}.alerts-content .container{margin:0 auto;max-width:100%}.alerts-content .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.alerts-content .header-title-section{align-items:center;display:flex;gap:16px}.alerts-content .page-title{color:#5eead4;font-size:32px;font-weight:700;margin:0;text-shadow:0 0 20px #5eead44d}.alerts-content .alert-count-badge{background:linear-gradient(135deg,#14b8a633,#06b6d433);border:1px solid #5eead44d;border-radius:20px;color:#5eead4;font-size:14px;font-weight:600;padding:6px 14px}.alerts-content .header-actions{display:flex;gap:12px}.alerts-content .btn-preferences,.alerts-content .btn-refresh{align-items:center;background:#ffffff0d;border:1px solid #5eead44d;border-radius:8px;color:#e2e8f0;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 18px;transition:all .3s ease}.alerts-content .btn-preferences:hover,.alerts-content .btn-refresh:hover{background:#14b8a633;border-color:#14b8a6;color:#5eead4}.alerts-content .btn-preferences svg,.alerts-content .btn-refresh svg{height:18px;width:18px}.alerts-content .summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr);margin-bottom:24px}.alerts-content .summary-card{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.alerts-content .summary-card:hover{border-color:#5eead44d;box-shadow:0 8px 24px #06b6d426;transform:translateY(-2px)}.alerts-content .summary-card.critical{border-left:4px solid #f43f5e}.alerts-content .summary-card.critical.has-alerts{background:#f43f5e1a;border-color:#f43f5e4d}.alerts-content .summary-card.high{border-left:4px solid #ef4444}.alerts-content .summary-card.high.has-alerts{background:#ef44441a}.alerts-content .summary-card.medium{border-left:4px solid #f59e0b}.alerts-content .summary-card.low{border-left:4px solid #3b82f6}.alerts-content .summary-card.dismissed{border-left:4px solid #6b7280}.alerts-content .summary-icon{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.alerts-content .summary-card.critical .summary-icon{background:#f43f5e33;color:#f43f5e}.alerts-content .summary-card.high .summary-icon{background:#ef444433;color:#ef4444}.alerts-content .summary-card.medium .summary-icon{background:#f59e0b33;color:#f59e0b}.alerts-content .summary-card.low .summary-icon{background:#3b82f633;color:#3b82f6}.alerts-content .summary-card.dismissed .summary-icon{background:#6b728033;color:#6b7280}.alerts-content .summary-icon svg{height:24px;width:24px}.alerts-content .summary-info{display:flex;flex-direction:column}.alerts-content .summary-value{color:#fff;font-size:28px;font-weight:700}.alerts-content .summary-label{color:#94a3b8;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.alerts-content .pulse-indicator{animation:pulse 1.5s ease-in-out infinite;background:#f43f5e;border-radius:50%;height:12px;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:12px}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #f43f5eb3;opacity:1;transform:translateY(-50%) scale(1)}50%{box-shadow:0 0 0 10px #f43f5e00;opacity:.8;transform:translateY(-50%) scale(1.1)}}.alerts-content .filters-section{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.alerts-content .tabs{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;padding:4px}.alerts-content .tab{background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.alerts-content .tab:hover{color:#e2e8f0}.alerts-content .tab.active{background:linear-gradient(135deg,#14b8a6,#0d9488);box-shadow:0 2px 8px #14b8a64d;color:#fff}.alerts-content .filter-controls{align-items:center;display:flex;gap:12px}.alerts-content .search-box{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;padding:0 12px}.alerts-content .search-box svg{color:#64748b;height:18px;width:18px}.alerts-content .search-box input{background:#0000;border:none;color:#e2e8f0;font-size:14px;outline:none;padding:10px 12px;width:200px}.alerts-content .search-box input::placeholder{color:#64748b}.alerts-content .filter-select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#e2e8f0;cursor:pointer;font-size:14px;outline:none;padding:10px 14px}.alerts-content .filter-select option{background:#1a2e3b;color:#e2e8f0}.alerts-content .btn-clear-filters{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .2s ease}.alerts-content .btn-clear-filters:hover{background:#ef444433}.alerts-content .alerts-list{min-height:400px}.alerts-content .alerts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.alerts-content .alert-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;overflow:hidden;transition:all .3s ease}.alerts-content .alert-card:hover{border-color:#5eead44d;box-shadow:0 8px 24px #06b6d41a;transform:translateY(-2px)}.alerts-content .alert-card.dismissed{opacity:.5}.alerts-content .alert-priority-bar{flex-shrink:0;width:4px}.alerts-content .alert-content{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:16px}.alerts-content .alert-header{align-items:flex-start;display:flex;justify-content:space-between}.alerts-content .alert-type-badge{align-items:center;background:#ffffff0d;border:1px solid;border-radius:6px;color:#e2e8f0;display:flex;font-size:13px;font-weight:500;gap:8px;padding:6px 12px}.alerts-content .alert-icon{align-items:center;display:flex;height:16px;width:16px}.alerts-content .alert-icon svg{height:16px;width:16px}.alerts-content .alert-time{color:#64748b;font-size:12px}.alerts-content .alert-vehicle{align-items:center;display:flex;gap:8px}.alerts-content .fleet-number{color:#5eead4;font-size:16px;font-weight:600}.alerts-content .vehicle-name{color:#94a3b8;font-size:14px}.alerts-content .alert-message{color:#cbd5e1;font-size:14px;line-height:1.5;margin:0}.alerts-content .alert-details{display:flex;flex-wrap:wrap;gap:8px}.alerts-content .detail-tag{background:#ffffff0d;border-radius:4px;color:#94a3b8;font-size:12px;padding:4px 10px}.alerts-content .alert-actions{border-top:1px solid #ffffff0d;display:flex;gap:8px;margin-top:auto;padding-top:8px}.alerts-content .btn-dismiss,.alerts-content .btn-view{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.alerts-content .btn-view{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff}.alerts-content .btn-view:hover{box-shadow:0 4px 12px #14b8a64d}.alerts-content .btn-dismiss{background:#ffffff0d;border:1px solid #ffffff1a;color:#94a3b8}.alerts-content .btn-dismiss:hover{background:#ffffff1a;color:#e2e8f0}.alerts-content .empty-state,.alerts-content .error-state,.alerts-content .loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.alerts-content .spinner{animation:spin 1s linear infinite;border:3px solid #5eead433;border-radius:50%;border-top-color:#14b8a6;height:40px;margin-bottom:16px;width:40px}.alerts-content .refresh-indicator{align-items:center;animation:fadeIn .2s ease;background:linear-gradient(135deg,#14b8a61a,#06b6d41a);border:1px solid #5eead433;border-radius:8px;color:#5eead4;display:flex;font-size:13px;gap:8px;justify-content:center;margin-bottom:16px;padding:8px 16px}.alerts-content .refresh-spinner{animation:spin .8s linear infinite;border:2px solid #5eead44d;border-radius:50%;border-top-color:#14b8a6;height:16px;width:16px}.alerts-content .btn-refresh svg.spin{animation:spin 1s linear infinite}.alerts-content .btn-refresh.refreshing{cursor:wait;opacity:.7}.alerts-content .empty-state p,.alerts-content .error-state p,.alerts-content .loading-state p{color:#94a3b8;font-size:16px;margin:0}.alerts-content .empty-state svg{color:#475569;height:64px;margin-bottom:16px;width:64px}.alerts-content .empty-state span{color:#64748b;font-size:14px;margin-top:8px}.alerts-content .pagination{align-items:center;border-top:1px solid #ffffff1a;display:flex;gap:16px;justify-content:center;margin-top:32px;padding-top:24px}.alerts-content .pagination button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#e2e8f0;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s ease}.alerts-content .pagination button:hover:not(:disabled){background:#14b8a633;border-color:#14b8a6}.alerts-content .pagination button:disabled{cursor:not-allowed;opacity:.5}.alerts-content .page-info{color:#94a3b8;font-size:14px}.alerts-content .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.alerts-content .modal-content{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid #5eead433;border-radius:16px;box-shadow:0 25px 50px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:560px;overflow:hidden;width:100%}.alerts-content .modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 24px}.alerts-content .modal-header h2{color:#5eead4;font-size:20px;font-weight:600;margin:0}.alerts-content .modal-close{align-items:center;background:#ffffff0d;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.alerts-content .modal-close:hover{background:#ef444433;color:#ef4444}.alerts-content .modal-body{flex:1 1;overflow-y:auto;padding:24px}.alerts-content .preferences-section{margin-bottom:24px}.alerts-content .preferences-section:last-child{margin-bottom:0}.alerts-content .preferences-section h3{align-items:center;color:#e2e8f0;display:flex;font-size:16px;font-weight:600;gap:10px;margin:0 0 8px}.alerts-content .section-indicator{border-radius:50%;height:10px;width:10px}.alerts-content .section-indicator.live{background:#10b981;box-shadow:0 0 8px #10b98180}.alerts-content .section-indicator.service{background:#3b82f6}.alerts-content .section-indicator.location{background:#8b5cf6;box-shadow:0 0 8px #8b5cf680}.alerts-content .section-description{color:#64748b;font-size:13px;margin:0 0 16px}.alerts-content .toggle-list{display:flex;flex-direction:column;gap:8px}.alerts-content .toggle-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.alerts-content .toggle-item:hover{background:#ffffff0d;border-color:#ffffff1a}.alerts-content .toggle-info{align-items:center;display:flex;gap:12px}.alerts-content .priority-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.alerts-content .toggle-text{display:flex;flex-direction:column;gap:2px}.alerts-content .toggle-label{color:#e2e8f0;font-size:14px;font-weight:500}.alerts-content .toggle-priority{color:#64748b;font-size:11px;text-transform:uppercase}.alerts-content .toggle-switch{flex-shrink:0;height:24px;position:relative;width:44px}.alerts-content .toggle-switch input{height:0;opacity:0;width:0}.alerts-content .toggle-slider{background:#374151;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.alerts-content .toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.alerts-content .toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#14b8a6,#0d9488)}.alerts-content .toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.alerts-content .modal-footer{border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.alerts-content .btn-primary,.alerts-content .btn-secondary{border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.alerts-content .btn-secondary{background:#ffffff0d;border:1px solid #ffffff1a;color:#94a3b8}.alerts-content .btn-secondary:hover{background:#ffffff1a;color:#e2e8f0}.alerts-content .btn-primary{background:linear-gradient(135deg,#14b8a6,#0d9488);border:none;color:#fff}.alerts-content .btn-primary:hover{box-shadow:0 4px 12px #14b8a64d}.alerts-content .btn-primary:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1024px){.alerts-content .summary-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.alerts-content .main-content{margin-left:0;padding:16px}.alerts-content .page-header{align-items:flex-start;flex-direction:column;gap:16px}.alerts-content .summary-cards{grid-template-columns:repeat(2,1fr)}.alerts-content .filters-section{align-items:stretch;flex-direction:column}.alerts-content .tabs{justify-content:center;width:100%}.alerts-content .filter-controls{flex-wrap:wrap}.alerts-content .search-box{flex:1 1;min-width:200px}.alerts-content .search-box input{width:100%}.alerts-content .alerts-grid{grid-template-columns:1fr}}@media (max-width:480px){.alerts-content .summary-cards{grid-template-columns:1fr}.alerts-content .tabs{flex-direction:column}.alerts-content .modal-content{border-radius:0;max-height:100vh}}.alerts-content .speed-thresholds-section{border-top:1px solid #ffffff1a;margin-top:8px;padding-top:20px}.alerts-content .section-indicator.speed{background:linear-gradient(135deg,#f97316,#ea580c)}.alerts-content .current-period-info{align-items:center;background:linear-gradient(135deg,#14b8a61a,#06b6d40d);border:1px solid #5eead433;border-radius:8px;color:#94a3b8;display:flex;font-size:13px;gap:10px;margin-bottom:16px;padding:12px 16px}.alerts-content .current-period-info svg{color:#5eead4;flex-shrink:0;height:18px;width:18px}.alerts-content .current-period-info strong{color:#5eead4}.alerts-content .threshold-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.alerts-content .threshold-card{background:#0f172a99;border:1px solid #ffffff14;border-radius:10px;padding:16px}.alerts-content .threshold-card.night{border-color:#6366f14d}.alerts-content .threshold-card.day{border-color:#fbbf244d}.alerts-content .threshold-header{align-items:center;display:flex;font-size:14px;font-weight:600;gap:10px;margin-bottom:14px}.alerts-content .threshold-card.night .threshold-header svg{color:#818cf8;height:20px;width:20px}.alerts-content .threshold-card.night .threshold-header{color:#a5b4fc}.alerts-content .threshold-card.day .threshold-header svg{color:#fbbf24;height:20px;width:20px}.alerts-content .threshold-card.day .threshold-header{color:#fcd34d}.alerts-content .threshold-inputs{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.alerts-content .threshold-inputs .input-group{display:flex;flex-direction:column;gap:6px}.alerts-content .threshold-inputs label{color:#64748b;font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.alerts-content .threshold-inputs input,.alerts-content .threshold-inputs select{background:#1e293bcc;border:1px solid #ffffff1a;border-radius:6px;color:#e2e8f0;font-family:inherit;font-size:14px;padding:8px 12px}.alerts-content .threshold-inputs input:focus,.alerts-content .threshold-inputs select:focus{border-color:#14b8a6;box-shadow:0 0 0 2px #14b8a61a;outline:none}.alerts-content .speed-input{align-items:center;display:flex;gap:6px}.alerts-content .speed-input input{flex:1 1;width:100%}.alerts-content .speed-input span{color:#64748b;font-size:12px;white-space:nowrap}.alerts-content .speed-input.critical input{background:#ef44440d;border-color:#ef44444d}.alerts-content .speed-input.critical input:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef44441a}.alerts-content .time-display .calculated-time{background:#1e293b80;border:1px dashed #ffffff1a;border-radius:6px;color:#94a3b8;font-size:14px;padding:8px 12px}.alerts-content .threshold-actions{border-top:1px solid #ffffff0d;display:flex;gap:10px;justify-content:flex-end;margin-top:4px;padding-top:12px}.alerts-content .threshold-actions .btn-primary,.alerts-content .threshold-actions .btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.alerts-content .threshold-actions .btn-secondary{background:#ffffff0d;border:1px solid #ffffff1a;color:#94a3b8}.alerts-content .threshold-actions .btn-secondary:hover{background:#ffffff1a;color:#e2e8f0}.alerts-content .threshold-actions .btn-primary{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff}.alerts-content .threshold-actions .btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #14b8a64d}.alerts-content .threshold-actions .btn-primary:disabled{cursor:not-allowed;opacity:.5}.alerts-content .threshold-help{background:#1e293b66;border-left:3px solid #5eead44d;border-radius:6px;color:#64748b;font-size:12px;line-height:1.6;margin:12px 0 0;padding:12px}.alerts-content .threshold-help strong{color:#94a3b8}@media (max-width:768px){.alerts-content .threshold-grid{grid-template-columns:1fr}.alerts-content .threshold-inputs{grid-template-columns:1fr 1fr}}@media (max-width:480px){.alerts-content .threshold-inputs{grid-template-columns:1fr}.alerts-content .threshold-actions{flex-direction:column}.alerts-content .threshold-actions button{width:100%}}.analytics-content{background:#0000;min-height:100%;position:relative;z-index:1}.loading-container .spinner{animation:spin 1s linear infinite;border:3px solid #14b8a633;border-radius:50%;border-top-color:#14b8a6;height:48px;width:48px}.error-container .btn-primary:hover{box-shadow:0 4px 20px #14b8a666;transform:translateY(-2px)}.analytics-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.date-range-selector{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.date-select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#f1f5f9;cursor:pointer;font-size:.875rem;padding:10px 16px;transition:all .2s}.date-select:focus,.date-select:hover{border-color:#14b8a6;outline:none}.date-select option{background:#1a1f36;color:#f1f5f9}.custom-date-inputs{align-items:center;display:flex;gap:8px}.date-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#f1f5f9;font-size:.875rem;padding:8px 12px}.date-input:focus{border-color:#14b8a6;outline:none}.date-separator{color:#64748b;font-size:.875rem}.analytics-tabs{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding:8px}.tab-label{white-space:nowrap}.analytics-tab-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:24px}.stat-icon.green{background:#10b98133;color:#10b981}.stat-icon.gray{background:#6b728033;color:#6b7280}.stat-value.blue{color:#3b82f6}.stat-value.green{color:#10b981}.stat-value.red{color:#ef4444}.stat-value.amber{color:#f59e0b}.stat-change{color:#64748b}.charts-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.chart-container{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;min-height:350px;padding:20px}.chart-title{color:#f1f5f9;font-size:1rem;font-weight:600;margin-bottom:16px}.chart-wrapper{height:280px;width:100%}.analytics-table-container{margin-top:24px;overflow-x:auto}.analytics-table{border-collapse:collapse;font-size:.875rem;width:100%}.analytics-table th{background:#ffffff0d;border-bottom:1px solid #ffffff14;color:#94a3b8;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.analytics-table td{border-bottom:1px solid #ffffff0d;color:#f1f5f9;padding:14px 16px}.analytics-table tr:hover td{background:#ffffff08}.analytics-table .rank-cell{font-weight:700;width:60px}.rank-medal{font-size:1.25rem}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px}.status-badge.over{background:#ef444433;color:#ef4444}.status-badge.near{background:#f59e0b33;color:#f59e0b}.status-badge.within{background:#10b98133;color:#10b981}.progress-bar-container{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-bar-fill{border-radius:4px;height:100%;transition:width .3s ease}.progress-bar-fill.green{background:linear-gradient(90deg,#10b981,#34d399)}.progress-bar-fill.amber{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.progress-bar-fill.red{background:linear-gradient(90deg,#ef4444,#f87171)}.empty-state p{margin:0}.btn-link{align-items:center;background:linear-gradient(135deg,#14b8a6,#0d9488);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s}.btn-link:hover{box-shadow:0 4px 20px #14b8a666;transform:translateY(-2px)}.btn-link svg{height:18px;width:18px}@media (max-width:1200px){.charts-row{grid-template-columns:1fr}}@media (max-width:1024px){.analytics-content{padding:20px 16px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.analytics-content{padding:16px}.analytics-header{align-items:flex-start;flex-direction:column}.header-left h1{font-size:1.5rem}.date-range-selector,.header-right{width:100%}.date-select{flex:1 1}.analytics-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.tab-btn{padding:10px 14px}.tab-label{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-row{gap:16px;grid-template-columns:1fr}.chart-container{padding:16px}.analytics-table td,.analytics-table th{font-size:.8rem;padding:10px 12px}.analytics-tab-content{border-radius:12px;padding:16px}}@media (max-width:480px){.analytics-content{padding:12px 8px}.header-left h1{font-size:1.25rem}.header-subtitle{font-size:.75rem}.date-select{font-size:.8rem;padding:8px 12px}.analytics-tabs{border-radius:8px;padding:4px}.tab-btn{padding:8px 12px}.tab-icon{height:16px;width:16px}.stats-grid{gap:12px;grid-template-columns:1fr}.stat-card{border-radius:10px;padding:14px}.stat-icon{border-radius:8px;height:36px;width:36px}.stat-icon svg{height:18px;width:18px}.stat-value{font-size:1.25rem}.stat-label{font-size:.7rem}.analytics-tab-content{border-radius:10px;padding:12px}.charts-row{gap:12px;grid-template-columns:1fr}.chart-container{border-radius:10px;min-height:280px;padding:12px}.chart-title{font-size:.875rem;margin-bottom:12px}.analytics-table td,.analytics-table th{font-size:.75rem;padding:8px 10px}.section-title{font-size:1rem}}.recharts-tooltip-wrapper{z-index:100}.custom-tooltip{background:#1a1f36f2!important;border:1px solid #ffffff1a!important;border-radius:8px!important;box-shadow:0 4px 20px #0000004d!important;padding:12px!important}.custom-tooltip .label{color:#f1f5f9;font-weight:600;margin-bottom:8px}.custom-tooltip .value{color:#94a3b8;font-size:.875rem}.section-title svg{color:#14b8a6;height:20px;width:20px}.tab-loading .spinner{animation:spin 1s linear infinite;border:2px solid #14b8a633;border-radius:50%;border-top-color:#14b8a6}.eco-content{background:#0000;min-height:100%;position:relative;z-index:1}.error-container,.loading-container{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-container .spinner,.tab-loading .spinner{animation:spin 1s linear infinite;border:3px solid #14b8a633;border-radius:50%;border-top-color:#14b8a6;height:48px;width:48px}.error-container h2{color:#ef4444;margin-bottom:12px}.error-container .btn-primary{background:linear-gradient(135deg,#14b8a6,#0d9488);border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:16px;padding:10px 20px;transition:all .2s}.eco-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.header-left h1{color:#f1f5f9;font-size:1.75rem;font-weight:700;margin:0}.header-subtitle{color:#64748b;font-size:.875rem;margin:4px 0 0}.header-right{align-items:center;display:flex;gap:12px}.eco-tabs{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding:8px}.tab-btn{border:1px solid #0000;font-size:.875rem}.tab-btn:hover{color:#f1f5f9}.tab-btn.active{background:linear-gradient(135deg,#14b8a633,#0d948833);border-color:#14b8a64d;color:#5eead4}.tab-icon{align-items:center;display:flex;height:18px;justify-content:center;width:18px}.tab-icon svg{height:100%;width:100%}.eco-tab-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:24px}.tab-loading{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;min-height:300px}.tab-loading .spinner{height:32px;margin-bottom:12px;width:32px}.filters-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.filter-date,.filter-select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#f1f5f9;font-size:.875rem;min-width:150px;padding:10px 14px}.filter-date:focus,.filter-select:focus{border-color:#14b8a6;outline:none}.filter-select option{background:#1a1f36;color:#f1f5f9}.btn-filter{background:linear-gradient(135deg,#14b8a6,#0d9488);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.btn-filter:hover{box-shadow:0 4px 20px #14b8a666;transform:translateY(-2px)}.btn-filter-clear{background:#0000;border:1px solid #fff3;border-radius:8px;color:#94a3b8;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.btn-filter-clear:hover{background:#ffffff1a;border-color:#ffffff4d;color:#f1f5f9}.events-table-container,.offenders-table-container,.overrides-table-container{overflow-x:auto}.events-table,.offenders-table,.overrides-table{border-collapse:collapse;font-size:.875rem;width:100%}.events-table th,.offenders-table th,.overrides-table th{background:#ffffff0d;border-bottom:1px solid #ffffff14;color:#94a3b8;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.events-table td,.offenders-table td,.overrides-table td{border-bottom:1px solid #ffffff0d;color:#f1f5f9;padding:14px 16px}.events-table tr:hover td,.offenders-table tr:hover td,.overrides-table tr:hover td{background:#ffffff08}.events-table tr.exceeds td{background:#ef44441a}.event-type-badge{align-items:center;display:inline-flex;gap:6px;text-transform:capitalize}.type-icon{color:#14b8a6;height:16px;width:16px}.type-icon svg{height:100%;width:100%}.gforce-value{font-family:monospace;font-weight:600}.gforce-value.mild{color:#10b981}.gforce-value.moderate{color:#f59e0b}.gforce-value.harsh{color:#f97316}.gforce-value.severe{color:#ef4444}.severity-badge{align-items:center}.exceeds-badge,.severity-badge{border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;padding:4px 10px}.exceeds-badge{background:#ef444433;color:#ef4444}.within-badge{background:#10b98133;border-radius:20px;color:#10b981;display:inline-flex;font-size:.75rem;font-weight:600;padding:4px 10px}.pagination{border-top:1px solid #ffffff14;margin-top:20px;padding-top:16px}.pagination button{background:#ffffff0d;border:1px solid #ffffff1a;color:#f1f5f9}.pagination button:hover:not(:disabled){background:#14b8a633;border-color:#14b8a6}.page-info{color:#94a3b8;font-size:.875rem}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;padding:20px;transition:all .3s ease}.stat-card:hover{border-color:#14b8a64d;box-shadow:0 8px 32px #14b8a61a;transform:translateY(-2px)}.stat-card-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.stat-icon{border-radius:10px;height:40px;width:40px}.stat-icon svg{height:20px;width:20px}.stat-icon.teal{background:#14b8a633;color:#14b8a6}.stat-icon.amber{background:#f59e0b33;color:#f59e0b}.stat-icon.red{background:#ef444433;color:#ef4444}.stat-icon.blue{background:#3b82f633;color:#3b82f6}.stat-value{margin-bottom:4px}.stat-value.teal{color:#5eead4}.stat-value.amber{color:#fbbf24}.stat-value.red{color:#f87171}.stat-value.blue{color:#60a5fa}.stat-label{letter-spacing:.5px}.stat-change{color:#94a3b8;font-size:.75rem;margin-top:4px}.section-title{align-items:center;color:#f1f5f9;display:flex;font-size:1.125rem;font-weight:600;gap:8px;margin:24px 0 16px}.section-description{color:#64748b;font-size:.875rem;margin-bottom:16px}.rank-cell{font-weight:700;width:60px}.rank-medal{align-items:center;border-radius:50%;display:inline-flex;font-size:.875rem;height:28px;justify-content:center;width:28px}.rank-medal.gold{background:#fbbf2433;color:#fbbf24}.rank-medal.silver{background:#94a3b833;color:#94a3b8}.rank-medal.bronze{background:#cd7f3233;color:#cd7f32}.count-cell{color:#5eead4;font-weight:600}.threshold-section{margin-bottom:32px}.threshold-inputs{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.threshold-input-group{display:flex;flex-direction:column;gap:6px}.threshold-input-group label{color:#94a3b8;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.input-with-unit{align-items:center;display:flex;gap:8px}.input-with-unit input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#f1f5f9;font-size:.875rem;padding:10px 12px;text-align:center;width:80px}.input-with-unit input:focus{border-color:#14b8a6;outline:none}.input-with-unit .unit{color:#64748b;font-size:.875rem;min-width:50px}.btn-primary{align-items:center;background:linear-gradient(135deg,#14b8a6,#0d9488);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-primary:hover:not(:disabled){box-shadow:0 4px 20px #14b8a666;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-primary svg{height:18px;width:18px}.btn-secondary{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#f1f5f9;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.btn-secondary:hover{background:#ffffff1a}.btn-icon{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.btn-icon:hover{background:#ffffff0d;color:#f1f5f9}.btn-icon.remove:hover{background:#ef444433;color:#ef4444}.btn-icon svg{height:16px;width:16px}.empty-state{padding:48px 24px}.modal-content{background:#1a1f36;border:1px solid #ffffff1a;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}.modal-header{border-bottom:1px solid #ffffff14}.modal-header h2{color:#f1f5f9;font-size:1.25rem}.modal-close{background:#0000;border:none;border-radius:6px;height:32px;padding:0;width:32px}.modal-close:hover{background:#ffffff0d;color:#f1f5f9}.modal-close svg{height:20px;width:20px}.modal-body{flex:1 1;overflow-y:auto}.modal-footer{border-top:1px solid #ffffff14;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.batch-thresholds{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.vehicle-selector h4{color:#f1f5f9;font-size:.875rem;margin:0 0 12px}.vehicle-list{grid-gap:8px;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:12px;max-height:200px;overflow-y:auto;padding:12px}.vehicle-checkbox{align-items:center;border-radius:6px;color:#f1f5f9;cursor:pointer;display:flex;font-size:.875rem;gap:8px;padding:6px 10px;transition:all .2s}.vehicle-checkbox:hover{background:#ffffff0d}.vehicle-checkbox input[type=checkbox]{accent-color:#14b8a6;height:16px;width:16px}.select-all-actions{display:flex;gap:12px}.select-all-actions button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:.75rem;padding:6px 12px;transition:all .2s}.select-all-actions button:hover{background:#ffffff1a;color:#f1f5f9}@media (max-width:768px){.eco-header{align-items:flex-start;flex-direction:column}.header-left h1{font-size:1.5rem}.filters-row{flex-direction:column}.filter-date,.filter-select{width:100%}.eco-tabs{flex-wrap:nowrap;overflow-x:auto}.tab-label{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.threshold-inputs{flex-direction:column}.modal-content{max-height:90vh;width:95%}.batch-thresholds{flex-direction:column}.vehicle-list{grid-template-columns:1fr}}@media (max-width:480px){.eco-tab-content{padding:16px}.stats-grid{grid-template-columns:1fr}.events-table td,.events-table th{font-size:.75rem;padding:10px 8px}.pagination{flex-direction:column;gap:12px}}.scores-tab{width:100%}.scores-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.scores-title h2{color:#f1f5f9;font-size:1.25rem;font-weight:600;margin:0 0 4px}.scores-subtitle{color:#64748b;font-size:.875rem;margin:0}.scores-controls{align-items:center;display:flex;gap:12px}.month-selector{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#f1f5f9;cursor:pointer;font-size:.875rem;padding:10px 14px}.month-selector:focus{border-color:#14b8a6;outline:none}.month-selector option{background:#1a1f36;color:#f1f5f9}.btn-config{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#94a3b8;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.btn-config:hover{background:#14b8a633;border-color:#14b8a64d;color:#5eead4}.btn-config svg{height:16px;width:16px}.scores-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.score-summary-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.score-summary-card:hover{border-color:#14b8a64d;transform:translateY(-2px)}.score-summary-card.best{background:#10b9810d;border-color:#10b9814d}.score-summary-card.worst{background:#ef44440d;border-color:#ef44444d}.summary-icon{align-items:center;border-radius:10px;display:flex;height:40px;justify-content:center;margin:0 auto 12px;width:40px}.summary-icon svg{height:20px;width:20px}.summary-icon.avg{background:#14b8a633;color:#14b8a6}.summary-icon.best{background:#10b98133;color:#10b981}.summary-icon.worst{background:#ef444433;color:#ef4444}.summary-icon.vehicles{background:#3b82f633;color:#3b82f6}.summary-value{color:#f1f5f9;font-size:1.75rem;font-weight:700;margin-bottom:4px}.score-summary-card.best .summary-value{color:#10b981}.score-summary-card.worst .summary-value{color:#ef4444}.summary-label{color:#64748b;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.scores-table-container{overflow-x:auto}.scores-table{border-collapse:collapse;font-size:.875rem;width:100%}.scores-table th{background:#ffffff0d;border-bottom:1px solid #ffffff14;color:#94a3b8;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.scores-table th.th-rank{text-align:center;width:70px}.scores-table th.th-score{text-align:center}.scores-table th.th-expand{width:40px}.scores-table td{border-bottom:1px solid #ffffff0d;color:#f1f5f9;padding:14px 16px}.score-row{cursor:pointer;transition:background .2s}.score-row:hover{background:#ffffff08}.score-row.expanded{background:#14b8a60d}.score-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.875rem;font-weight:700;justify-content:center;min-width:48px;padding:6px 12px}.score-badge.score-good{background:#10b98133;color:#10b981}.score-badge.score-warning{background:#f59e0b33;color:#f59e0b}.score-badge.score-poor{background:#ef444433;color:#ef4444}.score-badge.score-na{background:#94a3b833;color:#94a3b8;font-weight:500}.expand-cell{text-align:center}.expand-icon{align-items:center;color:#64748b;display:inline-flex;height:24px;justify-content:center;transition:transform .2s;width:24px}.expand-icon svg{height:16px;width:16px}.expand-icon.expanded{color:#14b8a6;transform:rotate(180deg)}.breakdown-row{background:#14b8a608}.breakdown-row td{padding:0}.score-breakdown{border-top:1px solid #ffffff0d;padding:20px 24px}.breakdown-section h4{color:#f1f5f9;font-size:.875rem;font-weight:600;margin:0 0 16px}.breakdown-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.breakdown-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;padding:16px}.breakdown-type{align-items:center;display:flex;font-size:.875rem;font-weight:600;gap:8px;margin-bottom:12px}.breakdown-type svg{height:16px;width:16px}.breakdown-type.accel{color:#f59e0b}.breakdown-type.brake{color:#ef4444}.breakdown-type.corner{color:#3b82f6}.breakdown-stats{display:flex;justify-content:space-between;margin-bottom:8px}.stat-count{color:#94a3b8;font-size:.875rem}.stat-penalty{color:#f1f5f9;font-size:.875rem;font-weight:600}.severity-breakdown{display:flex;flex-wrap:wrap;gap:6px}.sev{border-radius:4px;display:inline-flex;font-size:.7rem;font-weight:500;padding:2px 8px}.sev.mild{background:#10b98126;color:#10b981}.sev.moderate{background:#f59e0b26;color:#f59e0b}.sev.harsh{background:#f9731626;color:#f97316}.sev.severe{background:#ef444426;color:#ef4444}.breakdown-calculation{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;padding:16px}.calc-step{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:8px 0}.calc-step:last-child{border-bottom:none}.calc-step.final{background:#14b8a61a;border-radius:0 0 8px 8px;margin:8px -16px -16px;padding:12px 16px}.calc-label{color:#94a3b8;font-size:.875rem}.calc-value{color:#f1f5f9;font-family:monospace;font-size:.875rem}.calc-step.final .calc-value{color:#5eead4}.calc-step.final .calc-value strong{font-size:1rem}.config-modal{max-width:500px}.config-section{margin-bottom:24px}.config-section h3{color:#f1f5f9;font-size:.875rem;font-weight:600;margin:0 0 4px}.config-description{color:#64748b;font-size:.75rem;margin:0 0 16px}.config-inputs{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.config-input-group{display:flex;flex-direction:column;gap:6px}.config-input-group label{color:#94a3b8;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.config-input-group input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#f1f5f9;font-size:.875rem;padding:10px 12px;text-align:center}.config-input-group input:focus{border-color:#14b8a6;outline:none}.config-hint{color:#64748b;font-size:.7rem;margin-top:4px}@media (max-width:1024px){.scores-summary-grid{grid-template-columns:repeat(2,1fr)}.breakdown-grid{grid-template-columns:1fr}}@media (max-width:768px){.scores-header{align-items:flex-start;flex-direction:column}.scores-controls{flex-wrap:wrap;width:100%}.month-selector{flex:1 1;min-width:150px}.scores-summary-grid{grid-template-columns:repeat(2,1fr)}.scores-table td,.scores-table th{font-size:.8rem;padding:10px 12px}}@media (max-width:480px){.scores-summary-grid{grid-template-columns:1fr}.config-inputs{grid-template-columns:repeat(2,1fr)}}:root{--glass-bg:#0d1b2ad9;--glass-bg-light:#1a3654b3;--glass-border:#00bcd433;--glass-border-light:#00bcd41a;--teal-primary:#00bcd4;--teal-secondary:#26c6da;--teal-dark:#0097a7;--text-primary:#e0f7fa;--text-secondary:#80deea;--text-muted:#e0f7fa99;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--info-color:#3b82f6}.unit-management{color:#e0f7fa;color:var(--text-primary);margin:0 auto;max-width:1400px;padding:24px}.unit-management .page-header{margin-bottom:24px}.unit-management .page-header h1{color:#e0f7fa;color:var(--text-primary);font-size:28px;font-weight:600;margin:0 0 8px}.unit-management .page-subtitle{color:#80deea;color:var(--text-secondary);font-size:14px;margin:0}.unit-management .tabs{border-bottom:2px solid #00bcd433;border-bottom:2px solid var(--glass-border);display:flex;gap:8px;margin-bottom:24px;padding-bottom:0}.unit-management .tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#80deea;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:-2px;padding:12px 20px;transition:all .2s}.unit-management .tab.active,.unit-management .tab:hover{color:#00bcd4;color:var(--teal-primary)}.unit-management .tab.active{border-bottom-color:#00bcd4;border-bottom-color:var(--teal-primary)}.unit-management .tab svg{height:18px;width:18px}.unit-management .tab .badge{background:#ef4444;background:var(--danger-color);border-radius:12px;color:#fff;font-size:11px;font-weight:600;margin-left:4px;padding:2px 8px}.unit-management .tab-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1b2ad9;background:var(--glass-bg);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 8px 32px #0000004d;padding:24px}.unit-management .queue-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.unit-management .summary-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a3654b3;background:var(--glass-bg-light);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:12px;display:flex;gap:16px;padding:20px}.unit-management .summary-card.pending{border-left:4px solid #f59e0b;border-left:4px solid var(--warning-color)}.unit-management .summary-card.overdue{border-left:4px solid #ef4444;border-left:4px solid var(--danger-color)}.unit-management .summary-card.aging{border-left:4px solid #f97316}.unit-management .summary-card.classified{border-left:4px solid #10b981;border-left:4px solid var(--success-color)}.unit-management .summary-icon{align-items:center;background:#00bcd426;border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.unit-management .summary-icon svg{stroke:#00bcd4;stroke:var(--teal-primary);height:24px;width:24px}.unit-management .summary-content{display:flex;flex-direction:column}.unit-management .summary-value{color:#e0f7fa;color:var(--text-primary);font-size:28px;font-weight:700;line-height:1}.unit-management .summary-label{color:#80deea;color:var(--text-secondary);font-size:13px;margin-top:4px}.unit-management .table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.unit-management .table-header h3{color:#e0f7fa;color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.unit-management .refresh-btn{align-items:center;background:#1a3654b3;background:var(--glass-bg-light);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:8px;color:#80deea;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .2s}.unit-management .refresh-btn:hover{background:#00bcd426;border-color:#00bcd4;border-color:var(--teal-primary);color:#00bcd4;color:var(--teal-primary)}.unit-management .refresh-btn:disabled{cursor:not-allowed;opacity:.5}.unit-management .refresh-btn svg{height:16px;width:16px}.unit-management .queue-table-container{overflow-x:auto}.unit-management .queue-table{border-collapse:collapse;width:100%}.unit-management .queue-table td,.unit-management .queue-table th{border-bottom:1px solid #00bcd433;border-bottom:1px solid var(--glass-border);padding:12px 16px;text-align:left}.unit-management .queue-table th{background:#00bcd41a;color:#80deea;color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase}.unit-management .queue-table td{color:#e0f7fa;color:var(--text-primary);font-size:14px}.unit-management .queue-table tr:hover{background:#00bcd40d}.unit-management .queue-table tr.urgency-overdue{background:#ef44441a}.unit-management .queue-table tr.urgency-aging{background:#f973161a}.unit-management .fleet-number{color:#00bcd4;color:var(--teal-primary);font-weight:600}.unit-management .imei{color:#80deea;color:var(--text-secondary);font-family:monospace;font-size:13px}.unit-management .days-in-queue{font-weight:500}.unit-management .urgency-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.unit-management .urgency-badge.overdue{background:#ef444433;color:#fca5a5}.unit-management .urgency-badge.aging{background:#f9731633;color:#fdba74}.unit-management .urgency-badge.normal{background:#00bcd433;color:#26c6da;color:var(--teal-secondary)}.unit-management .actions{display:flex;gap:8px}.unit-management .action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s}.unit-management .action-btn svg{height:14px;width:14px}.unit-management .action-btn.classify{background:#00bcd4;background:var(--teal-primary);color:#fff}.unit-management .action-btn.classify:hover{background:#0097a7;background:var(--teal-dark)}.unit-management .action-btn.dismiss{background:#1a3654b3;background:var(--glass-bg-light);border:1px solid #00bcd433;border:1px solid var(--glass-border);color:#80deea;color:var(--text-secondary);padding:6px 8px}.unit-management .action-btn.dismiss:hover{background:#ef444433;border-color:#ef4444;border-color:var(--danger-color);color:#fca5a5}.unit-management .empty-state,.unit-management .loading-state{align-items:center;color:#80deea;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.unit-management .spinner{animation:spin .8s linear infinite;border:3px solid #00bcd433;border-top-color:#00bcd4;border:3px solid var(--glass-border);border-radius:50%;border-top-color:var(--teal-primary);height:40px;margin-bottom:16px;width:40px}.unit-management .empty-icon{align-items:center;background:#1a3654b3;background:var(--glass-bg-light);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:50%;display:flex;height:64px;justify-content:center;margin-bottom:16px;width:64px}.unit-management .empty-icon svg{stroke:#00bcd4;stroke:var(--teal-primary);height:32px;width:32px}.unit-management .empty-state h4{color:#e0f7fa;color:var(--text-primary);font-size:18px;margin:0 0 8px}.unit-management .empty-state p{font-size:14px;margin:0}.unit-management .pagination{align-items:center;border-top:1px solid #00bcd433;border-top:1px solid var(--glass-border);display:flex;gap:16px;justify-content:center;margin-top:24px;padding-top:16px}.unit-management .pagination button{background:#1a3654b3;background:var(--glass-bg-light);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:6px;color:#80deea;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.unit-management .pagination button:hover:not(:disabled){background:#00bcd426;border-color:#00bcd4;border-color:var(--teal-primary);color:#00bcd4;color:var(--teal-primary)}.unit-management .pagination button:disabled{cursor:not-allowed;opacity:.5}.unit-management .pagination span{color:#80deea;color:var(--text-secondary);font-size:13px}.unit-management .year-selector{align-items:center;display:flex;gap:12px;margin-bottom:24px}.unit-management .year-selector label{color:#e0f7fa;color:var(--text-primary);font-weight:500}.unit-management .year-selector select{background:#1a3654b3;background:var(--glass-bg-light);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:8px;color:#e0f7fa;color:var(--text-primary);font-size:14px;padding:8px 12px}.unit-management .year-selector select:focus{border-color:#00bcd4;border-color:var(--teal-primary);outline:none}.unit-management .stats-section{margin-bottom:32px}.unit-management .stats-section h3{color:#e0f7fa;color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.unit-management .breakdown-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.unit-management .breakdown-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a3654b3;background:var(--glass-bg-light);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:12px;padding:20px;text-align:center}.unit-management .breakdown-count{display:block;font-size:36px;font-weight:700;line-height:1}.unit-management .breakdown-label{color:#80deea;color:var(--text-secondary);display:block;font-size:13px;margin-top:8px}.unit-management .ytd-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.unit-management .ytd-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a3654b3;background:var(--glass-bg-light);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:12px;padding:20px;text-align:center}.unit-management .ytd-card.green{background:#10b98126;border-color:#10b9814d}.unit-management .ytd-card.red{background:#ef444426;border-color:#ef44444d}.unit-management .ytd-card.gray{background:#1a3654b3;background:var(--glass-bg-light)}.unit-management .ytd-card.blue{background:#3b82f626;border-color:#3b82f64d}.unit-management .ytd-card.orange{background:#f9731626;border-color:#f973164d}.unit-management .ytd-value{color:#e0f7fa;color:var(--text-primary);display:block;font-size:32px;font-weight:700;line-height:1}.unit-management .ytd-label{color:#80deea;color:var(--text-secondary);display:block;font-size:13px;margin-top:8px}.unit-management .reinstall-stat{background:linear-gradient(135deg,#00bcd4,#0097a7);background:linear-gradient(135deg,var(--teal-primary) 0,var(--teal-dark) 100%);border-radius:12px;color:#fff;display:inline-block;padding:24px 32px}.unit-management .reinstall-stat .stat-value{display:block;font-size:48px;font-weight:700;line-height:1}.unit-management .reinstall-stat .stat-label{display:block;font-size:14px;margin-top:8px;opacity:.9}.unit-management .stats-table{border-collapse:collapse;width:100%}.unit-management .stats-table td,.unit-management .stats-table th{border-bottom:1px solid #00bcd433;border-bottom:1px solid var(--glass-border);padding:12px 16px;text-align:left}.unit-management .stats-table th{background:#00bcd41a;color:#80deea;color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase}.unit-management .stats-table td{color:#e0f7fa;color:var(--text-primary);font-size:14px}.unit-management .stats-table tr:hover{background:#00bcd40d}.unit-management .stats-table td.positive{color:#10b981;color:var(--success-color);font-weight:500}.unit-management .stats-table td.negative{color:#ef4444;color:var(--danger-color);font-weight:500}.unit-management .stats-table td.warning{color:#f59e0b;color:var(--warning-color);font-weight:500}.unit-management .stats-table td.info{color:#3b82f6;color:var(--info-color);font-weight:500}.unit-management .transfer-filters{align-items:flex-end;background:#1a3654b3;background:var(--glass-bg-light);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px}.unit-management .filter-group{display:flex;flex-direction:column;gap:4px}.unit-management .filter-group label{color:#80deea;color:var(--text-secondary);font-size:12px;font-weight:500}.unit-management .filter-group input{background:#0d1b2ad9;background:var(--glass-bg);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:8px;color:#e0f7fa;color:var(--text-primary);font-size:14px;min-width:180px;padding:8px 12px}.unit-management .filter-group input:focus{border-color:#00bcd4;border-color:var(--teal-primary);outline:none}.unit-management .filter-group input::placeholder{color:#e0f7fa99;color:var(--text-muted)}.unit-management .filter-btn{background:#00bcd4;background:var(--teal-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s}.unit-management .filter-btn:hover{background:#0097a7;background:var(--teal-dark)}.unit-management .clear-btn{background:#1a3654b3;background:var(--glass-bg-light);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:8px;color:#80deea;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.unit-management .clear-btn:hover{background:#ef444426;border-color:#ef4444;border-color:var(--danger-color);color:#fca5a5}.unit-management .transfers-table{border-collapse:collapse;width:100%}.unit-management .transfers-table td,.unit-management .transfers-table th{border-bottom:1px solid #00bcd433;border-bottom:1px solid var(--glass-border);padding:12px 16px;text-align:left}.unit-management .transfers-table th{background:#00bcd41a;color:#80deea;color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase}.unit-management .transfers-table td{color:#e0f7fa;color:var(--text-primary);font-size:14px}.unit-management .transfers-table tr:hover{background:#00bcd40d}.unit-management .transfer-type{background:#00bcd433;border-radius:20px;color:#26c6da;color:var(--teal-secondary);display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.unit-management .transfer-type.reinstall{background:#10b98133;color:#6ee7b7}.unit-management .transfer-type.swap{background:#f9731633;color:#fdba74}.unit-management .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.unit-management .modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d1b2ad9;background:var(--glass-bg);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.unit-management .modal-header{align-items:center;border-bottom:1px solid #00bcd433;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;padding:20px 24px}.unit-management .modal-header h2{color:#e0f7fa;color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.unit-management .close-btn{align-items:center;background:#1a3654b3;background:var(--glass-bg-light);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:8px;color:#80deea;color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s;width:32px}.unit-management .close-btn:hover{background:#ef444433;border-color:#ef4444;border-color:var(--danger-color);color:#fca5a5}.unit-management .modal-body{padding:24px}.unit-management .vehicle-info{background:#1a3654b3;background:var(--glass-bg-light);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:12px;margin-bottom:24px;padding:16px}.unit-management .info-row{border-bottom:1px solid #00bcd41a;border-bottom:1px solid var(--glass-border-light);display:flex;justify-content:space-between;padding:8px 0}.unit-management .info-row:last-child{border-bottom:none}.unit-management .info-row .label{color:#80deea;color:var(--text-secondary);font-size:13px}.unit-management .info-row .value{color:#e0f7fa;color:var(--text-primary);font-size:14px;font-weight:500}.unit-management .form-group{margin-bottom:20px}.unit-management .form-group label{color:#e0f7fa;color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.unit-management .form-group .required{color:#ef4444;color:var(--danger-color)}.unit-management .form-group input,.unit-management .form-group select,.unit-management .form-group textarea{background:#1a3654b3;background:var(--glass-bg-light);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:8px;color:#e0f7fa;color:var(--text-primary);font-size:14px;padding:10px 14px;transition:border-color .2s;width:100%}.unit-management .form-group input:focus,.unit-management .form-group select:focus,.unit-management .form-group textarea:focus{border-color:#00bcd4;border-color:var(--teal-primary);box-shadow:0 0 0 3px #00bcd41a;outline:none}.unit-management .form-group textarea{min-height:80px;resize:vertical}.unit-management .form-group select option{background:#0d2137;color:#e0f7fa;color:var(--text-primary)}.unit-management .state-options{display:flex;flex-direction:column;gap:10px}.unit-management .state-option{background:#1a3654b3;background:var(--glass-bg-light);border:2px solid #00bcd433;border:2px solid var(--glass-border);border-radius:10px;cursor:pointer;display:block;padding:14px 16px;transition:all .2s}.unit-management .state-option:hover{background:#00bcd40d;border-color:#00bcd4;border-color:var(--state-color,var(--teal-primary))}.unit-management .state-option.selected{background:#00bcd41a;border-color:#00bcd4;border-color:var(--state-color,var(--teal-primary))}.unit-management .state-option input{display:none}.unit-management .state-label{color:#e0f7fa;color:var(--text-primary);display:block;font-weight:600;margin-bottom:4px}.unit-management .state-option small{color:#80deea;color:var(--text-secondary);font-size:12px}.unit-management .modal-actions{border-top:1px solid #00bcd433;border-top:1px solid var(--glass-border);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px}.unit-management .cancel-btn{background:#1a3654b3;background:var(--glass-bg-light);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:8px;color:#80deea;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.unit-management .cancel-btn:hover{background:#ef444426;border-color:#ef4444;border-color:var(--danger-color);color:#fca5a5}.unit-management .submit-btn{background:#00bcd4;background:var(--teal-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.unit-management .submit-btn:hover:not(:disabled){background:#0097a7;background:var(--teal-dark)}.unit-management .submit-btn:disabled{cursor:not-allowed;opacity:.5}.unit-management .registry-filters{align-items:flex-end;background:#1a3654b3;background:var(--glass-bg-light);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px}.unit-management .registry-filters .search-box{align-items:center;background:#0d1b2ad9;background:var(--glass-bg);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:8px;display:flex;flex:1 1;gap:8px;min-width:280px;padding:8px 14px;transition:border-color .2s}.unit-management .registry-filters .search-box:focus-within{border-color:#00bcd4;border-color:var(--teal-primary)}.unit-management .registry-filters .search-box svg{stroke:#e0f7fa99;stroke:var(--text-muted);flex-shrink:0;height:18px;width:18px}.unit-management .registry-filters .search-box input{background:none;border:none;color:#e0f7fa;color:var(--text-primary);flex:1 1;font-size:14px;min-width:0;outline:none;padding:0}.unit-management .registry-filters .search-box input::placeholder{color:#e0f7fa99;color:var(--text-muted)}.unit-management .registry-filters .filter-group select{background:#0d1b2ad9;background:var(--glass-bg);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:8px;color:#e0f7fa;color:var(--text-primary);font-size:14px;min-width:140px;padding:8px 12px}.unit-management .registry-filters .filter-group select:focus{border-color:#00bcd4;border-color:var(--teal-primary);outline:none}.unit-management .checkbox-filter{align-items:center;color:#80deea;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px;white-space:nowrap}.unit-management .checkbox-filter input[type=checkbox]{accent-color:#00bcd4;accent-color:var(--teal-primary);cursor:pointer;height:18px;width:18px}.unit-management .registry-table{border-collapse:collapse;width:100%}.unit-management .registry-table td,.unit-management .registry-table th{border-bottom:1px solid #00bcd433;border-bottom:1px solid var(--glass-border);padding:12px 16px;text-align:left}.unit-management .registry-table th{background:#00bcd41a;color:#80deea;color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase}.unit-management .registry-table td{color:#e0f7fa;color:var(--text-primary);font-size:14px}.unit-management .registry-table tr{cursor:pointer;transition:background .2s}.unit-management .registry-table tr:hover{background:#00bcd414}.unit-management .registry-table tr.has-transfers{background:#f9731614}.unit-management .registry-table tr.has-transfers:hover{background:#f9731626}.unit-management .registry-table .vehicle-name{color:#e0f7fa;color:var(--text-primary);font-weight:500}.unit-management .registry-table .highlight{color:#f97316;font-weight:600}.unit-management .registry-table .transfer-indicator{color:#f97316;font-size:16px;margin-left:6px}.unit-management .state-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.unit-management .state-badge.active{background:#10b98133;color:#6ee7b7}.unit-management .state-badge.in_stock{background:#8b5cf633;color:#c4b5fd}.unit-management .state-badge.faulty{background:#ef444433;color:#fca5a5}.unit-management .state-badge.decommissioned{background:#6b728033;color:#9ca3af}.unit-management .view-btn{align-items:center;background:#1a3654b3;background:var(--glass-bg-light);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.unit-management .view-btn:hover{background:#00bcd426;border-color:#00bcd4;border-color:var(--teal-primary)}.unit-management .view-btn svg{stroke:#80deea;stroke:var(--text-secondary);height:16px;transition:stroke .2s;width:16px}.unit-management .view-btn:hover svg{stroke:#00bcd4;stroke:var(--teal-primary)}.unit-management .unit-detail-modal{max-width:640px}.unit-management .unit-info-card{background:#1a3654b3;background:var(--glass-bg-light);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:12px;margin-bottom:24px;padding:20px}.unit-management .unit-imei{border-bottom:1px solid #00bcd433;border-bottom:1px solid var(--glass-border);display:flex;flex-direction:column;margin-bottom:16px;padding-bottom:16px}.unit-management .unit-imei .label{color:#80deea;color:var(--text-secondary);font-size:12px;margin-bottom:4px}.unit-management .unit-imei .value{color:#00bcd4;color:var(--teal-primary);font-family:monospace;font-size:24px;font-weight:700;letter-spacing:1px}.unit-management .unit-stats-row{display:flex;flex-wrap:wrap;gap:24px}.unit-management .unit-stats-row .stat-item{align-items:center;display:flex;flex-direction:column;gap:4px}.unit-management .unit-stats-row .stat-value{color:#e0f7fa;color:var(--text-primary);font-size:20px;font-weight:600}.unit-management .unit-stats-row .stat-label{color:#80deea;color:var(--text-secondary);font-size:11px;text-transform:uppercase}.unit-management .unit-iccid{border-top:1px solid #00bcd433;border-top:1px solid var(--glass-border);font-size:13px;margin-top:16px;padding-top:16px}.unit-management .unit-iccid .label{color:#80deea;color:var(--text-secondary);margin-right:8px}.unit-management .unit-iccid .value{color:#e0f7fa;color:var(--text-primary);font-family:monospace}.unit-management .installation-timeline{margin-top:24px}.unit-management .installation-timeline h3{color:#e0f7fa;color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.unit-management .timeline{position:relative}.unit-management .timeline:before{background:#00bcd433;background:var(--glass-border);bottom:0;content:"";left:15px;position:absolute;top:0;width:2px}.unit-management .timeline-item{display:flex;gap:16px;padding-bottom:20px;position:relative}.unit-management .timeline-item:last-child{padding-bottom:0}.unit-management .timeline-item:last-child:after{background:#0d1b2ad9;background:var(--glass-bg);bottom:0;content:"";left:15px;position:absolute;top:36px;width:2px}.unit-management .timeline-marker{align-items:center;background:#0d1b2ad9;background:var(--glass-bg);border:2px solid #00bcd433;border:2px solid var(--glass-border);border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px;z-index:1}.unit-management .timeline-item.current .timeline-marker{background:#10b9811a;border-color:#10b981;border-color:var(--success-color)}.unit-management .timeline-marker .current-indicator{align-items:center;display:flex;justify-content:center}.unit-management .timeline-marker .current-indicator svg{stroke:#10b981;stroke:var(--success-color);height:18px;width:18px}.unit-management .timeline-marker .past-indicator{color:#80deea;color:var(--text-secondary);font-size:12px;font-weight:600}.unit-management .timeline-content{background:#1a3654b3;background:var(--glass-bg-light);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:10px;flex:1 1;padding:16px}.unit-management .timeline-item.current .timeline-content{background:#10b98114;border-color:#10b9814d}.unit-management .timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.unit-management .timeline-header .vehicle-name{color:#e0f7fa;color:var(--text-primary);font-size:16px;font-weight:600}.unit-management .current-badge{background:#10b98133;border-radius:20px;color:#6ee7b7;font-size:11px;font-weight:600;padding:3px 10px;text-transform:uppercase}.unit-management .timeline-details{display:flex;flex-direction:column;gap:6px}.unit-management .detail-row{display:flex;font-size:13px;justify-content:space-between}.unit-management .detail-label{color:#80deea;color:var(--text-secondary)}.unit-management .detail-value{color:#e0f7fa;color:var(--text-primary);font-weight:500}.unit-management .detail-value.vin{font-family:monospace;font-size:12px}.unit-management .detection-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:500;padding:2px 8px}.unit-management .detection-badge.initial_import{background:#6b728033;color:#9ca3af}.unit-management .detection-badge.odometer_jump{background:#f9731633;color:#fdba74}.unit-management .detection-badge.manual{background:#3b82f633;color:#93c5fd}.unit-management .detection-badge.wialon_sync{background:#00bcd433;color:#26c6da;color:var(--teal-secondary)}.unit-management .no-history{color:#80deea;color:var(--text-secondary);padding:32px;text-align:center}.unit-management .no-history p{margin:0}@media (max-width:768px){.unit-management{padding:16px}.unit-management .tabs{overflow-x:auto}.unit-management .tab span{display:none}.unit-management .tab .badge{margin-left:0}.unit-management .queue-summary{grid-template-columns:repeat(2,1fr)}.unit-management .summary-card{padding:16px}.unit-management .summary-value{font-size:24px}.unit-management .queue-table,.unit-management .stats-table,.unit-management .transfers-table{font-size:13px}.unit-management .queue-table td,.unit-management .queue-table th,.unit-management .stats-table td,.unit-management .stats-table th,.unit-management .transfers-table td,.unit-management .transfers-table th{padding:10px 12px}.unit-management .action-btn span{display:none}.unit-management .transfer-filters{flex-direction:column}.unit-management .filter-group input{min-width:100%}.unit-management .breakdown-grid,.unit-management .ytd-grid{grid-template-columns:repeat(2,1fr)}.unit-management .modal{margin:10px;max-height:95vh}.unit-management .registry-filters{flex-direction:column}.unit-management .registry-filters .search-box{min-width:100%}.unit-management .registry-filters .filter-group,.unit-management .registry-filters .filter-group select{width:100%}.unit-management .checkbox-filter{justify-content:flex-start}.unit-management .registry-table{font-size:13px}.unit-management .registry-table td,.unit-management .registry-table th{padding:10px 12px}.unit-management .unit-stats-row{justify-content:space-around}.unit-management .timeline-content{padding:12px}.unit-management .timeline-header .vehicle-name{font-size:14px}}.unit-management .vehicle-transfers-section{border-top:1px solid #00bcd433;border-top:1px solid var(--glass-border);margin-top:32px;padding-top:24px}.unit-management .vehicle-transfers-section .section-header{margin-bottom:20px}.unit-management .vehicle-transfers-section .section-header h3{align-items:center;color:#00bcd4;color:var(--teal-primary);display:flex;font-size:18px;font-weight:600;gap:10px;margin:0 0 8px}.unit-management .vehicle-transfers-section .section-header h3 svg{height:20px;width:20px}.unit-management .vehicle-transfers-section .section-subtitle{color:#80deea;color:var(--text-secondary);font-size:13px;margin:0}.unit-management .empty-state.small,.unit-management .loading-state.small{padding:24px;text-align:center}.unit-management .loading-state.small .spinner{height:24px;width:24px}.unit-management .transfer-chain-cards{display:flex;flex-direction:column;gap:16px}.unit-management .transfer-chain-card{background:#1a3654b3;background:var(--glass-bg-light);border:1px solid #00bcd433;border:1px solid var(--glass-border);border-radius:12px;padding:16px;transition:all .2s}.unit-management .transfer-chain-card:hover{border-color:#00bcd4;border-color:var(--teal-primary);box-shadow:0 4px 16px #00bcd426}.unit-management .chain-header{align-items:center;border-bottom:1px solid #00bcd41a;border-bottom:1px solid var(--glass-border-light);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.unit-management .transferred-badge{align-items:center;background:#06b6d426;border-radius:20px;color:#06b6d4;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.unit-management .transferred-badge svg{height:14px;width:14px}.unit-management .transfer-date{color:#80deea;color:var(--text-secondary);font-size:13px}.unit-management .chain-flow{align-items:center;display:flex;gap:16px}.unit-management .chain-vehicle{background:#0003;border-radius:10px;flex:1 1;padding:14px}.unit-management .chain-vehicle.old{border-left:3px solid #f59e0b;border-left:3px solid var(--warning-color)}.unit-management .chain-vehicle.new{border-left:3px solid #10b981;border-left:3px solid var(--success-color)}.unit-management .vehicle-label{font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;opacity:.7;text-transform:uppercase}.unit-management .chain-vehicle.old .vehicle-label{color:#f59e0b;color:var(--warning-color)}.unit-management .chain-vehicle.new .vehicle-label{color:#10b981;color:var(--success-color)}.unit-management .vehicle-info{display:flex;flex-direction:column;gap:4px}.unit-management .vehicle-info .fleet-number{color:#e0f7fa;color:var(--text-primary);font-size:16px;font-weight:600}.unit-management .vehicle-info .vehicle-name{color:#80deea;color:var(--text-secondary);font-size:13px}.unit-management .vehicle-info .vin{color:#e0f7fa99;color:var(--text-muted);font-family:Roboto Mono,monospace;font-size:12px}.unit-management .vehicle-info .imei{color:#26c6da;color:var(--teal-secondary);font-family:Roboto Mono,monospace;font-size:11px}.unit-management .vehicle-info .vehicle-link{color:#00bcd4;color:var(--teal-primary);cursor:pointer;font-size:11px}.unit-management .chain-arrow{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:0 8px}.unit-management .chain-arrow svg{color:#00bcd4;color:var(--teal-primary);height:32px;width:32px}.unit-management .transfer-reason{color:#e0f7fa99;color:var(--text-muted);font-size:10px;max-width:100px;overflow:hidden;text-align:center;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}@media (max-width:768px){.unit-management .chain-flow{flex-direction:column}.unit-management .chain-vehicle{width:100%}.unit-management .chain-arrow{padding:8px 0;transform:rotate(90deg)}.unit-management .chain-header{align-items:flex-start;flex-direction:column;gap:8px}}.geozones-page{min-height:100%;padding:24px}.geozones-loading{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #14b8a633;border-radius:50%;border-top-color:#14b8a6;height:48px;width:48px}.geozones-error{color:#f87171;flex-direction:column;min-height:400px;text-align:center}.geozones-error,.geozones-error .error-icon{align-items:center;display:flex;justify-content:center}.geozones-error .error-icon{background:#f871711a;border:2px solid #f87171;border-radius:50%;font-size:32px;font-weight:700;height:64px;margin-bottom:16px;width:64px}.geozones-error button{background:#14b8a633;border:1px solid #14b8a6;border-radius:8px;color:#14b8a6;cursor:pointer;margin-top:16px;padding:10px 24px;transition:all .2s}.geozones-error button:hover{background:#14b8a64d}.geozones-header{align-items:flex-start;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.header-title h1{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px}.header-title p{color:#94a3b8;font-size:14px;margin:0}.header-stats{display:flex;gap:32px}.header-stat{align-items:flex-end;display:flex;flex-direction:column}.header-stat .stat-value{color:#5eead4;font-size:28px;font-weight:700;line-height:1}.header-stat .stat-label{color:#94a3b8;font-size:12px;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.provinces-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:40px}.province-card{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.province-card:before{background:var(--province-color);content:"";height:100%;left:0;opacity:.8;position:absolute;top:0;width:4px}.province-card:hover{background:#ffffff0f;border-color:#ffffff26;box-shadow:0 8px 32px #0000004d;transform:translateY(-2px)}.province-card.empty{cursor:default;opacity:.5}.province-card.empty:hover{box-shadow:none;transform:none}.province-icon{align-items:center;background:#ffffff0d;border:1px solid var(--province-color);border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.province-abbr{color:var(--province-color);font-size:18px;font-weight:700}.province-info{flex:1 1;min-width:0}.province-info h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 8px}.province-stats{align-items:center;display:flex;gap:12px}.vehicle-count{color:#5eead4;font-size:14px;font-weight:500}.vehicle-percentage{background:#ffffff0d;border-radius:4px;color:#64748b;font-size:12px;padding:2px 8px}.province-bar{background:#ffffff0d;bottom:0;height:3px;left:0;position:absolute;right:0}.province-bar-fill{background:var(--province-color);height:100%;transition:width .5s ease}.province-arrow{color:#64748b;height:24px;transition:color .2s,transform .2s;width:24px}.province-card:hover .province-arrow{color:var(--province-color);transform:translateX(4px)}.other-zones-section{margin-top:40px}.other-zones-section h2{border-bottom:1px solid #ffffff1a;color:#fff;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:12px}.other-zones-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.other-zone-card{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.other-zone-card:hover{background:#ffffff0f;border-color:#14b8a64d}.zone-icon{align-items:center;background:#14b8a61a;border-radius:10px;color:#14b8a6;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.zone-icon svg{height:20px;width:20px}.zone-info{display:flex;flex-direction:column;gap:4px;min-width:0}.zone-name{color:#fff;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zone-count{color:#64748b;font-size:12px}.modal-overlay{padding:24px}.vehicles-modal{background:linear-gradient(135deg,#0f172afa,#0a0e1afa);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 24px 48px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.modal-header{background:#0003;border-bottom:2px solid;gap:16px}.modal-header h2{align-items:center;color:#fff;display:flex;font-weight:600;gap:12px}.modal-color-dot{border-radius:50%;height:12px;width:12px}.modal-count{border-radius:20px;font-size:14px;margin-left:auto;padding:4px 12px}.modal-close,.modal-count{background:#ffffff0d;color:#94a3b8}.modal-close{align-items:center;border:1px solid #ffffff1a;border-radius:10px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.modal-close:hover{background:#f8717133;border-color:#f87171;color:#f87171}.modal-close svg{height:18px;width:18px}.modal-search{align-items:center;background:#0000001a;border-bottom:1px solid #ffffff0d;display:flex;gap:12px;padding:16px 24px}.modal-search svg{color:#64748b;flex-shrink:0;height:20px;width:20px}.modal-search input{background:#0000;border:none;color:#fff;flex:1 1;font-size:14px;outline:none}.modal-search input::placeholder{color:#64748b}.modal-vehicle-list{flex:1 1;overflow-y:auto;padding:12px}.no-vehicles{color:#64748b;justify-content:center;min-height:200px}.no-vehicles,.vehicle-item{align-items:center;display:flex}.vehicle-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;cursor:pointer;gap:12px;margin-bottom:8px;padding:14px 16px;transition:all .2s}.vehicle-item:hover{background:#14b8a614;border-color:#14b8a633}.vehicle-icon{align-items:center;background:#14b8a61a;border-radius:10px;color:#14b8a6;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.vehicle-icon svg{height:20px;width:20px}.vehicle-details{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.fleet-number{color:#fff;font-size:15px;font-weight:600}.vehicle-name{color:#64748b;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vehicle-status{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.ignition-status{border-radius:4px;font-size:11px;font-weight:500;padding:3px 8px;text-transform:uppercase}.ignition-status.on{background:#22c55e26;color:#22c55e}.ignition-status.off{background:#64748b26;color:#94a3b8}.speed{color:#5eead4;font-size:12px;font-weight:500}.vehicle-arrow{color:#64748b;height:20px;transition:transform .2s;width:20px}.vehicle-item:hover .vehicle-arrow{color:#14b8a6;transform:translateX(4px)}.vehicle-item.stale-location{background:#f59e0b0d;border-left:3px solid #f59e0b}.vehicle-item.stale-location:hover{background:#f59e0b1a;border-color:#f59e0b4d;border-left:3px solid #f59e0b}.vehicle-item.stale-location .vehicle-icon{background:#f59e0b26;color:#f59e0b}.stale-badge{align-items:center;background:#f59e0b1f;border-radius:4px;color:#f59e0b;display:inline-flex;font-size:10px;font-weight:500;gap:4px;margin-top:2px;padding:2px 6px}.stale-badge svg{height:10px;width:10px}.no-zones{color:#64748b;padding:60px 20px;text-align:center}.no-zones p{margin:8px 0}.no-zones .hint{color:#475569;font-size:13px}@media (max-width:768px){.geozones-page{padding:16px}.geozones-header{flex-direction:column;gap:20px}.header-stats{justify-content:space-between;width:100%}.header-stat{align-items:center}.other-zones-grid,.provinces-grid{grid-template-columns:1fr}.vehicles-modal{margin:0;max-height:90vh}.modal-header{flex-wrap:wrap}.modal-count{margin-left:0;margin-top:8px;text-align:center;width:100%}}.modal-vehicle-list::-webkit-scrollbar{width:6px}.modal-vehicle-list::-webkit-scrollbar-track{background:#ffffff05;border-radius:3px}.modal-vehicle-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.modal-vehicle-list::-webkit-scrollbar-thumb:hover{background:#ffffff26}.tab-navigation{background:#ffffff08;border-radius:12px;gap:8px;padding:4px;width:-webkit-fit-content;width:fit-content}.tab-btn{align-items:center;border-radius:8px;color:#94a3b8;display:flex;gap:8px;padding:12px 20px}.tab-btn:hover{background:#ffffff0d;color:#fff}.tab-btn.active{background:#14b8a626;color:#14b8a6}.tab-badge{background:#f87171;border-radius:10px;color:#fff;font-size:11px;font-weight:600;margin-left:4px;padding:2px 6px}.crossings-tab{animation:fadeIn .3s ease}.crossing-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.crossing-stat-card{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;display:flex;gap:16px;padding:20px}.crossing-stat-card.warning{background:#fbbf240d;border-color:#fbbf244d}.stat-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.stat-icon svg{height:24px;width:24px}.stat-icon.crossing{background:#14b8a626;color:#14b8a6}.stat-icon.vehicles{background:#3b82f626;color:#3b82f6}.stat-icon.pingpong{background:#fbbf2426;color:#fbbf24}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-number{color:#fff;font-size:28px;font-weight:700;line-height:1}.stat-text{color:#94a3b8;font-size:12px}.top-routes-section{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;margin-bottom:32px;padding:20px}.top-routes-section h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 16px}.routes-list{display:flex;flex-direction:column;gap:12px}.route-item{align-items:center;background:#ffffff05;border-radius:10px;display:flex;gap:12px;padding:12px 16px}.route-rank{color:#64748b;font-size:12px;font-weight:600;width:24px}.route-from,.route-to{font-size:14px;font-weight:500}.route-arrow{color:#64748b;height:20px;width:20px}.route-count{background:#14b8a61a;border-radius:6px;color:#5eead4;font-size:14px;font-weight:600;margin-left:auto;padding:4px 10px}.flagged-vehicles-section{margin-bottom:32px}.flagged-vehicles-section h3{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;gap:12px;margin:0 0 16px}.section-subtitle{color:#64748b;font-size:12px;font-weight:400}.no-flagged{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;color:#94a3b8;padding:40px;text-align:center}.no-flagged .hint{color:#64748b;font-size:13px;margin-top:8px}.flagged-list{display:flex;flex-direction:column;gap:12px}.flagged-vehicle-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:16px 20px}.flagged-vehicle-main{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.flagged-vehicle-main .vehicle-info{display:flex;flex-direction:column;gap:4px}.flagged-vehicle-main .fleet-number{color:#fff;font-size:16px;font-weight:600}.flagged-vehicle-main .vehicle-name{color:#64748b;font-size:13px}.flagged-stats{align-items:center;display:flex;gap:10px}.frequency-badge{border-radius:6px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.frequency-badge.frequency-high{background:#ef444426;color:#ef4444}.frequency-badge.frequency-medium{background:#fbbf2426;color:#fbbf24}.frequency-badge.frequency-low{background:#22c55e26;color:#22c55e}.crossing-count,.provinces-visited{color:#94a3b8;font-size:12px}.flagged-vehicle-details{border-bottom:1px solid #ffffff0d;border-top:1px solid #ffffff0d;color:#64748b;display:flex;font-size:13px;gap:20px;padding:12px 0}.flagged-vehicle-details strong{color:#5eead4}.flagged-vehicle-actions{display:flex;gap:10px;margin-top:12px}.action-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.action-btn.history{background:#14b8a626;color:#14b8a6}.action-btn.history:hover{background:#14b8a640}.action-btn.detail{background:#ffffff0d;color:#94a3b8}.action-btn.detail:hover{background:#ffffff1a;color:#fff}.pingpong-vehicles-section{margin-bottom:32px}.pingpong-vehicles-section h3{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;gap:12px;margin:0 0 16px}.pingpong-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.pingpong-card{align-items:center;background:#fbbf240d;border:1px solid #fbbf2433;border-radius:12px;display:flex;gap:16px;padding:16px}.pingpong-vehicle{display:flex;flex-direction:column;gap:2px;min-width:80px}.pingpong-vehicle .fleet-number{color:#fff;font-size:14px;font-weight:600}.pingpong-vehicle .vehicle-name{color:#64748b;font-size:11px}.pingpong-route{align-items:center;display:flex;flex:1 1;gap:8px}.pingpong-route svg{color:#fbbf24;height:24px;width:24px}.pingpong-route span{font-size:13px;font-weight:500}.pingpong-count{background:#fbbf2426;border-radius:8px;color:#fbbf24;font-size:14px;font-weight:700;padding:6px 12px}.crossing-history-modal .modal-header{border-color:#14b8a6}.crossing-history-list{max-height:400px;overflow-y:auto;padding:16px}.crossing-history-item{align-items:center;background:#ffffff05;border-radius:10px;display:flex;gap:16px;margin-bottom:8px;padding:14px 16px}.crossing-time{color:#64748b;font-size:12px;min-width:100px}.crossing-route{align-items:center;display:flex;flex:1 1;gap:10px}.crossing-route svg{color:#64748b;height:18px;width:18px}.crossing-route span{font-size:14px;font-weight:500}.header-stat.flagged .stat-value{color:#f87171}@media (max-width:768px){.tab-navigation{width:100%}.tab-btn{flex:1 1;font-size:13px;justify-content:center;padding:10px 12px}.crossing-stats-grid{grid-template-columns:1fr}.flagged-vehicle-main{flex-direction:column;gap:12px}.flagged-stats{flex-wrap:wrap}.flagged-vehicle-details{flex-direction:column;gap:8px}.pingpong-list{grid-template-columns:1fr}.pingpong-card{flex-wrap:wrap}}.deinstall-page{--teal-primary:#14b8a6;--teal-light:#5eead4;--teal-dark:#0d9488;--teal-glow:#14b8a666;--cyan-accent:#06b6d4;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--text-primary:#fff;--text-secondary:#94a3b8;background:linear-gradient(135deg,#0a0e27,#050810 50%,#0d1b2a);display:flex;min-height:100vh}.deinstall-page .main-content{flex:1 1;margin-left:260px;padding:30px}@media (max-width:1024px){.deinstall-page .main-content{margin-left:0;padding-top:70px}}.page-header{margin-bottom:30px}.page-header h1{color:var(--text-primary);font-size:28px;font-weight:700;margin:0 0 8px;text-shadow:0 0 30px var(--teal-glow)}.page-subtitle{color:var(--text-secondary);font-size:14px;margin:0}.error-banner{align-items:center;border-radius:10px;color:#ef4444;display:flex;justify-content:space-between}.error-banner button{background:none;border:none;color:#ef4444;cursor:pointer;font-size:20px}.loading-container{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center}.loading-container.small{height:150px}.spinner{animation:spin .8s linear infinite;border:3px solid var(--glass-border);border-radius:50%;border-top-color:var(--teal-primary);height:40px;width:40px}.tenant-selector-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;margin-bottom:24px;padding:20px}.tenant-selector-card label{color:var(--text-secondary);display:block;font-size:14px;font-weight:500;margin-bottom:10px}.tenant-selector-card select{background:#0000004d;border:1px solid var(--glass-border);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:14px;max-width:400px;padding:12px 16px;width:100%}.tenant-selector-card select:focus{border-color:var(--teal-primary);box-shadow:0 0 0 3px var(--teal-glow);outline:none}.tenant-selector-card select option{background:#1a1a2e;color:var(--text-primary)}.units-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden}.units-card-header{align-items:center;border-bottom:1px solid var(--glass-border);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px}.units-card-header h2{color:var(--text-primary);font-size:18px;margin:0}.search-form{display:flex;gap:10px}.search-form input{background:#0000004d;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:14px;min-width:200px;padding:10px 14px}.search-form input:focus{border-color:var(--teal-primary);outline:none}.search-form input::placeholder{color:#64748b}.search-form button{background:linear-gradient(135deg,var(--teal-primary) 0,var(--cyan-accent) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.search-form button:hover{box-shadow:0 4px 15px var(--teal-glow);transform:translateY(-2px)}.table-wrapper{overflow-x:auto}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:#0003}.table-wrapper::-webkit-scrollbar-thumb{background:var(--teal-primary);border-radius:4px}.units-table{border-collapse:collapse;min-width:800px;width:100%}.units-table td,.units-table th{border-bottom:1px solid var(--glass-border);padding:14px 16px;text-align:left}.units-table th{background:#0003;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.units-table tbody tr{cursor:pointer;transition:background .2s}.units-table tbody tr:hover{background:#ffffff05}.units-table tbody tr.selected{background:#14b8a626}.units-table td{color:var(--text-primary);font-size:14px;white-space:nowrap}.units-table .imei{color:var(--teal-light);font-family:Monaco,Menlo,monospace}.units-table .vin{color:var(--text-secondary);font-family:Monaco,Menlo,monospace;font-size:12px}.status-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 10px}.status-badge.active{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.status-badge.inactive{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.pagination{align-items:center;border-top:1px solid var(--glass-border);display:flex;gap:16px;justify-content:center;padding:16px}.pagination button{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:6px;color:var(--teal-light);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.pagination button:hover:not(:disabled){background:#ffffff1a}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination span{color:var(--text-secondary);font-size:13px}.selected-unit-actions{align-items:center;background:#14b8a61a;border-top:1px solid var(--glass-border);display:flex;gap:16px;padding:16px 20px}.selected-unit-info{color:var(--text-primary);flex:1 1;font-size:14px}.selected-unit-info strong{color:var(--teal-light)}.btn-deinstall{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.btn-deinstall:hover:not(:disabled){box-shadow:0 4px 15px #dc262666;transform:translateY(-2px)}.btn-deinstall:disabled{cursor:not-allowed;opacity:.5}.warning-text{color:#fbbf24;font-size:12px}.empty-state{padding:40px}.empty-state,.no-tenant-selected{color:var(--text-secondary);text-align:center}.no-tenant-selected{padding:60px 20px}.no-tenant-selected .icon{margin-bottom:16px}.no-tenant-selected .icon svg{color:var(--teal-light);height:48px;opacity:.5;width:48px}.no-tenant-selected h3{color:var(--text-primary);margin:0 0 8px}.no-tenant-selected p{font-size:14px;margin:0}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid var(--glass-border);border-radius:16px;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#ef4444;font-size:20px;margin:0}.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:28px;line-height:1}.close-btn:hover{color:var(--text-primary)}.modal-body{padding:24px}.warning-message{color:var(--text-primary);font-size:16px;margin:0 0 20px}.unit-summary{background:#14b8a61a;border:1px solid #14b8a633;border-radius:10px;margin-bottom:20px;padding:16px}.summary-row{display:flex;justify-content:space-between;padding:6px 0}.summary-row .label{color:var(--text-secondary);font-size:14px}.summary-row .value{color:var(--teal-light);font-size:14px;font-weight:500}.steps-list{margin-bottom:16px}.steps-list p{color:var(--text-secondary);font-size:14px;margin:0 0 12px}.steps-list ol{color:var(--text-primary);font-size:13px;margin:0;padding-left:20px}.steps-list li{padding:4px 0}.steps-list li strong{color:var(--teal-light)}.modal-actions{border-top:1px solid var(--glass-border);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-cancel{background:#0000;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s}.btn-cancel:hover{background:var(--glass-bg)}.btn-confirm{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-confirm:hover{box-shadow:0 4px 15px #dc262666}.tab-navigation{border-bottom:1px solid var(--glass-border);display:flex;gap:0;margin-bottom:24px}.tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:14px 28px;position:relative;transition:all .2s}.tab-btn:hover{background:#14b8a60d;color:var(--teal-light)}.tab-btn.active{border-bottom-color:var(--teal-primary);color:var(--teal-primary)}.tab-btn svg{height:18px;margin-right:8px;vertical-align:middle;width:18px}.history-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.history-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.history-filters{display:flex;flex-wrap:wrap;gap:12px}.filter-group{flex-direction:column;gap:4px}.filter-group label{color:var(--text-secondary);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.filter-group input,.filter-group select{background:#0000004d;border:1px solid var(--glass-border);border-radius:6px;color:var(--text-primary);font-size:13px;min-width:150px;padding:8px 12px}.filter-group input:focus,.filter-group select:focus{border-color:var(--teal-primary);outline:none}.filter-group input::placeholder{color:#64748b}.filter-group input[type=date]{cursor:pointer}.filter-group input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.5}.btn-apply-filter{align-self:flex-end;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:6px;color:var(--teal-light);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.btn-apply-filter:hover{background:#ffffff1a}.btn-export{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn-export:hover:not(:disabled){box-shadow:0 4px 15px #10b98166;transform:translateY(-2px)}.btn-export:disabled{cursor:not-allowed;opacity:.5}.btn-export svg{height:18px;width:18px}.history-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden}.history-table{border-collapse:collapse;min-width:1000px;width:100%}.history-table td,.history-table th{border-bottom:1px solid var(--glass-border);padding:14px 16px;text-align:left}.history-table th{background:#0003;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.history-table tbody tr{cursor:pointer;transition:background .2s}.history-table tbody tr:hover{background:#ffffff05}.history-table td{color:var(--text-primary);font-size:14px;white-space:nowrap}.history-table .mono{color:var(--teal-light);font-family:Monaco,Menlo,monospace;font-size:12px}.status-icon{align-items:center;display:inline-flex;gap:6px}.status-icon.success{color:#10b981}.status-icon.failed{color:#ef4444}.status-icon svg{height:16px;width:16px}.detail-modal{max-width:700px}.detail-modal .modal-header h2{color:var(--teal-light)}.detail-sections{display:flex;flex-direction:column;gap:20px}.detail-section{background:#0003;border-radius:10px;padding:16px}.detail-section h3{color:var(--text-secondary);font-size:14px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item .label{color:var(--text-secondary);font-size:12px}.detail-item .value{color:var(--text-primary);font-size:14px}.detail-item .value.mono{color:var(--teal-light);font-family:Monaco,Menlo,monospace}.steps-results{display:flex;flex-direction:column;gap:8px}.step-result-item{align-items:center;background:#0000004d;border-radius:8px;display:flex;gap:12px;padding:10px 12px}.step-result-item .step-number{align-items:center;background:var(--glass-bg);border-radius:50%;color:var(--text-secondary);display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.step-result-item .step-name{color:var(--text-primary);flex:1 1;font-size:13px}.step-result-item .step-status{align-items:center;display:flex;font-size:12px;gap:4px}.step-result-item .step-status.success{color:#10b981}.step-result-item .step-status.failed{color:#ef4444}.step-result-item .step-status.skipped{color:#f59e0b}.step-result-item .step-status svg{height:14px;width:14px}.history-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.stat-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;padding:16px;text-align:center}.stat-card .stat-value{color:var(--teal-light);font-size:28px;font-weight:700;margin-bottom:4px}.stat-card .stat-label{color:var(--text-secondary);font-size:12px;text-transform:uppercase}.stat-card.success .stat-value{color:#10b981}.stat-card.failed .stat-value{color:#ef4444}@media (max-width:768px){.deinstall-page .main-content{padding:20px}.units-card-header{align-items:flex-start;flex-direction:column}.search-form{width:100%}.search-form input{flex:1 1;min-width:0}.selected-unit-actions{align-items:flex-start;flex-direction:column}.tab-navigation{flex-wrap:wrap}.tab-btn{flex:1 1;min-width:120px;text-align:center}.history-controls{align-items:stretch}.history-controls,.history-filters{flex-direction:column}.filter-group input,.filter-group select{width:100%}.detail-grid{grid-template-columns:1fr}}.feedback-management{background:linear-gradient(135deg,#0a0e1a,#1a1f35);color:#e2e8f0;min-height:100vh;padding:24px}.feedback-management.loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center}.spinner-large{border:3px solid #3b82f633;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}.spinner-large,.spinner-small{animation:spin .8s linear infinite}.spinner-small{border:2px solid #fff3;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.feedback-header{justify-content:space-between;margin-bottom:24px}.feedback-header,.header-left{align-items:center;display:flex}.header-left{gap:16px}.feedback-header h1{color:#f1f5f9;font-size:1.75rem;font-weight:700;margin:0}.btn-back{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 14px;transition:all .2s}.btn-back:hover{background:#ffffff1a;color:#fff}.btn-back svg{height:18px;width:18px}.btn-refresh{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;color:#60a5fa;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.btn-refresh:hover{background:#3b82f633}.btn-refresh svg{height:18px;width:18px}.stats-bar{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:16px}.stat-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;flex-direction:column;min-width:80px;padding:8px 16px}.stat-value{color:#f1f5f9;font-size:1.5rem;font-weight:700}.stat-label{color:#64748b;font-size:.75rem;text-transform:uppercase}.stat-item.pending .stat-value{color:#f59e0b}.stat-item.reviewed .stat-value{color:#3b82f6}.stat-item.planned .stat-value{color:#8b5cf6}.stat-item.in-progress .stat-value{color:#06b6d4}.stat-item.completed .stat-value{color:#22c55e}.stat-item.critical .stat-value{color:#ef4444}.filters-bar{background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:12px 16px}.filter-group,.filters-bar{align-items:center;display:flex}.filter-group{gap:8px}.filter-group label{color:#94a3b8;font-size:.85rem}.filter-group select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#e2e8f0;cursor:pointer;font-size:.9rem;padding:6px 12px}.filter-group select:focus{border-color:#3b82f6;outline:none}.filter-count{color:#64748b;font-size:.85rem;margin-left:auto}.error-banner{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;margin-bottom:20px;padding:12px 16px}.empty-state{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.empty-state svg{height:64px;margin-bottom:16px;opacity:.5;width:64px}.feedback-list{display:flex;flex-direction:column;gap:16px}.feedback-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:20px;transition:all .2s}.feedback-card:hover{border-color:#ffffff26}.feedback-card.bug{border-left:3px solid #ef4444}.feedback-card.feature{border-left:3px solid #22c55e}.feedback-card.improvement{border-left:3px solid #3b82f6}.feedback-card.other{border-left:3px solid #8b5cf6}.card-header{align-items:center;justify-content:space-between;margin-bottom:12px}.card-badges,.card-header{display:flex;flex-wrap:wrap;gap:8px}.badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:4px 10px;text-transform:uppercase}.badge.type{background:#ffffff1a;color:#e2e8f0}.badge.priority,.badge.status{color:#fff}.badge.recommendation{background:#ffffff1a}.badge.recommendation.implement{background:#22c55e33;color:#86efac}.badge.recommendation.consider{background:#3b82f633;color:#93c5fd}.badge.recommendation.defer{background:#f59e0b33;color:#fcd34d}.badge.recommendation.reject{background:#ef444433;color:#fca5a5}.card-date{color:#64748b;font-size:.8rem}.card-title{color:#f1f5f9;font-size:1.1rem;font-weight:600;margin:0 0 8px}.card-description{color:#94a3b8;font-size:.9rem;line-height:1.5;margin:0 0 12px;white-space:pre-wrap}.card-tenant{color:#64748b;font-size:.8rem;margin-bottom:12px}.claude-review{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:8px;margin-bottom:12px;padding:12px 16px}.review-header{align-items:center;color:#a78bfa;display:flex;font-size:.85rem;font-weight:600;gap:8px;margin-bottom:8px}.review-header svg{height:16px;width:16px}.review-date{color:#64748b;font-size:.75rem;font-weight:400;margin-left:auto}.claude-review p{color:#c4b5fd;font-size:.9rem;line-height:1.5;margin:0;white-space:pre-wrap}.dev-notes{background:#ffffff08;border-radius:6px;color:#94a3b8;font-size:.85rem;margin-bottom:12px;padding:10px 14px}.card-actions{align-items:center;border-top:1px solid #ffffff0d;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-top:12px}.status-actions{display:flex;gap:8px}.btn-status{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .2s}.btn-status:disabled{cursor:not-allowed;opacity:.4}.btn-status.planned{background:#8b5cf61a;border-color:#8b5cf64d;color:#a78bfa}.btn-status.planned:hover:not(:disabled){background:#8b5cf633}.btn-status.completed{background:#22c55e1a;border-color:#22c55e4d;color:#86efac}.btn-status.completed:hover:not(:disabled){background:#22c55e33}.btn-status.rejected{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}.btn-status.rejected:hover:not(:disabled){background:#ef444433}.btn-implement{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s}.btn-implement:hover:not(:disabled){box-shadow:0 4px 12px #22c55e4d;transform:translateY(-1px)}.btn-implement:disabled{cursor:not-allowed;opacity:.7}.btn-implement svg{height:18px;width:18px}@media (max-width:768px){.feedback-management{padding:16px}.feedback-header{align-items:flex-start;flex-direction:column;gap:12px}.stats-bar{justify-content:center}.filters-bar{align-items:flex-start;flex-direction:column}.filter-count{margin-left:0}.card-actions{align-items:stretch;flex-direction:column}.btn-implement,.status-actions{justify-content:center}}
/*# sourceMappingURL=main.a6d109e3.css.map*/