*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 12% 0%,rgba(116,132,255,.12),transparent 26%),radial-gradient(circle at 92% 8%,rgba(255,118,211,.08),transparent 22%),linear-gradient(180deg,#f7f8ff,#f4f7ff 28%,#f8faff);color:#142033}body.operator-theme{background:radial-gradient(circle at 12% 0%,rgba(84,110,201,.18),transparent 24%),radial-gradient(circle at 100% 0%,rgba(72,92,182,.14),transparent 22%),linear-gradient(180deg,#090f1f,#0f1730 42%,#141d38);color:#d9e4f5}body.operator-theme .brand-role{color:#9ab2ef}body:not(.operator-theme) .brand-role{color:#9ab2ef}body.operator-theme .page,body.operator-theme .operator-page{color:#d9e4f5}body.operator-theme .logout-button,body.operator-theme .auth-switch-button.active,body.operator-theme .login-form button{background:linear-gradient(180deg,#6c72ff,#575fdc);border-color:#959aff42}body.operator-theme .logout-button:hover,body.operator-theme .auth-switch-button.active:hover,body.operator-theme .login-form button:hover{background:linear-gradient(180deg,#7b80ff,#6268e7)}body.operator-theme .section-badge{background:#4558a24d;color:#c0cff8}body.operator-theme .section-link,body.operator-theme .ghost-link{color:#b3c4f3}body.operator-theme .ghost-link{border-color:#7a95dd38}body.operator-theme .eyebrow{color:#9aaee0}body.operator-theme .topbar{background:#070d1beb;border-bottom:1px solid rgba(126,154,235,.14);box-shadow:0 18px 42px #0000004d}body.operator-theme .brand-block{border-right-color:#7e99df24}body.operator-theme .brand-title{color:#f3f7ff}body.operator-theme .topbar-tab{background:#ffffff0d;border-color:#7a95dd29;color:#dce6fb;font-weight:500}body.operator-theme .topbar-tab.active{background:linear-gradient(180deg,#6c72fff5,#575fdcf5);color:#f5f8ff;border-color:#959aff47;font-weight:700}body.operator-theme .user-chip{background:#ffffff0d;border:1px solid rgba(124,151,224,.16);color:#dfe7fb}body.operator-theme .page-intro h1,body.operator-theme .section-card h2,body.operator-theme .table-card h2,body.operator-theme .feature-card h2{color:#f2f6ff}body.operator-theme .dashboard-description,body.operator-theme .page-intro p,body.operator-theme .section-card p,body.operator-theme .metric-card span,body.operator-theme .section-head span{color:#9eafda}body.operator-theme .dashboard-page .card,body.operator-theme .dashboard-page .section-card,body.operator-theme .dashboard-page .metric-card,body.operator-theme .dashboard-page .iframe-panel-card,body.operator-theme .dashboard-page .service-placeholder-card,body.operator-theme .dashboard-page .anomaly-card-shell,body.operator-theme .dashboard-page .infra-panel-card{background:linear-gradient(180deg,#182446fa,#101930f7)!important;border:1px solid rgba(123,151,230,.22)!important;box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px #ffffff03,0 22px 46px #00000057!important}body.operator-theme .dashboard-page .operator-vehicle-toolbar,body.operator-theme .dashboard-page .operator-anomaly-banner-item,body.operator-theme .dashboard-page .operator-vehicle-legend-item,body.operator-theme .dashboard-page .table-wrap,body.operator-theme .dashboard-page .anomaly-banner-item{background:linear-gradient(180deg,#111b35f2,#0b1327ed)!important;border-color:#738fdc38!important;box-shadow:none!important}body.operator-theme .dashboard-page .table-wrap,body.operator-theme .dashboard-page .operator-vehicle-toolbar,body.operator-theme .dashboard-page .operator-vehicle-legend-item,body.operator-theme .dashboard-page .operator-anomaly-banner-item{border:1px solid rgba(115,143,220,.22)!important}body.operator-theme .dashboard-page table thead th{background:#19254afa!important;color:#d4e0ff!important}body.operator-theme .dashboard-page table tbody td,body.operator-theme .dashboard-page table tbody th{color:#eef5ff!important}body.operator-theme .dashboard-page tbody tr:nth-child(odd){background:#ffffff08}body.operator-theme .dashboard-page tbody tr:hover{background:#506bbc29}body.operator-theme .dashboard-page .operator-vehicle-toolbar-field input,body.operator-theme .dashboard-page .operator-vehicle-toolbar-field select,body.operator-theme .dashboard-page .login-form input,body.operator-theme .dashboard-page .login-form select{background:#090f1ffa;border-color:#6c88d652;color:#e2ecfb;box-shadow:inset 0 1px #ffffff08,0 0 0 1px #0000000f}body.operator-theme .dashboard-page .operator-vehicle-toolbar-field input::-moz-placeholder{color:#8a9ed0}body.operator-theme .dashboard-page .operator-vehicle-toolbar-field input::placeholder{color:#8a9ed0}body.operator-theme .dashboard-page .operator-vehicle-toolbar-meta,body.operator-theme .dashboard-page .operator-vehicle-panel-badge,body.operator-theme .dashboard-page .operator-vehicle-chart-total{background:#38498847;border:1px solid rgba(124,152,232,.24);color:#e0edff}body.operator-theme .dashboard-page .operator-vehicle-kpi-value,body.operator-theme .dashboard-page .metric-card strong,body.operator-theme .dashboard-page .anomaly-stat-slot strong,body.operator-theme .dashboard-page .operator-vehicle-donut-center,body.operator-theme .dashboard-page .operator-vehicle-legend-values strong,body.operator-theme .dashboard-page .operator-vehicle-panel-head h2,body.operator-theme .dashboard-page .operator-vehicle-chart-head h2,body.operator-theme .dashboard-page .operator-anomaly-chart-head h2,body.operator-theme .dashboard-page .operator-anomaly-banner-head h2,body.operator-theme .dashboard-page .operator-anomaly-recent-head h2,body.operator-theme .dashboard-page .infra-panel-header h3{color:#f3f7ff!important}body.operator-theme .dashboard-page .operator-vehicle-section-label,body.operator-theme .dashboard-page .operator-vehicle-kpi-label,body.operator-theme .dashboard-page .metric-label,body.operator-theme .dashboard-page .anomaly-card-shell .metric-label{color:#b6c8f8!important}body.operator-theme .dashboard-page .operator-vehicle-toolbar-field{color:#b6c8f8!important;font-size:14px!important}body.operator-theme .page-intro h1{letter-spacing:-.03em;text-shadow:0 6px 18px rgba(0,0,0,.18)}body.operator-theme .page-intro{border-bottom:1px solid rgba(113,145,192,.16);padding-bottom:8px}body.operator-theme .metric-card,body.operator-theme .operator-anomaly-kpi-card,body.operator-theme .operator-vehicle-kpi-card{background:linear-gradient(180deg,#1e2c54fa,#121c38f7)!important;border-color:#7e9aec3d!important}body.operator-theme .operator-vehicle-chart-card,body.operator-theme .operator-vehicle-trend-card,body.operator-theme .operator-vehicle-table-card,body.operator-theme .operator-anomaly-chart-card,body.operator-theme .operator-anomaly-banner-card,body.operator-theme .operator-anomaly-recent-card,body.operator-theme .anomaly-full-card{background:linear-gradient(180deg,#162242fc,#0e1830fa)!important;border-color:#7692e238!important}body.operator-theme .operator-vehicle-chart-card:before,body.operator-theme .operator-vehicle-trend-card:before,body.operator-theme .operator-vehicle-table-card:before,body.operator-theme .operator-anomaly-chart-card:before,body.operator-theme .operator-anomaly-banner-card:before,body.operator-theme .operator-anomaly-recent-card:before,body.operator-theme .metric-card:before,body.operator-theme .operator-anomaly-kpi-card:before,body.operator-theme .operator-vehicle-kpi-card:before,body.operator-theme .infra-panel-card:before,body.operator-theme .anomaly-full-card:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,#88a5f357,#88a5f30a);pointer-events:none}body.operator-theme .operator-vehicle-chart-card,body.operator-theme .operator-vehicle-trend-card,body.operator-theme .operator-vehicle-table-card,body.operator-theme .operator-anomaly-chart-card,body.operator-theme .operator-anomaly-banner-card,body.operator-theme .operator-anomaly-recent-card,body.operator-theme .metric-card,body.operator-theme .operator-anomaly-kpi-card,body.operator-theme .operator-vehicle-kpi-card,body.operator-theme .infra-panel-card,body.operator-theme .anomaly-full-card{position:relative;overflow:hidden}body.operator-theme .topbar-tab{box-shadow:inset 0 1px #ffffff0a}body.operator-theme .topbar-tab:hover{background:#6c72ff2e;border-color:#959aff38}body.operator-theme .topbar-tab.active{background:linear-gradient(180deg,#6c72fff5,#575fdcf5);box-shadow:inset 0 1px #ffffff1f,0 8px 18px #101c2e47}body.operator-theme .logout-button{color:#f4f8ff;background:linear-gradient(180deg,#6c72ff,#575fdc)!important;border-color:#959aff42!important;box-shadow:inset 0 1px #ffffff14,0 10px 22px #0e17263d}body.operator-theme .logout-button:hover{background:linear-gradient(180deg,#7b80ff,#6268e7)!important}body.operator-theme .user-chip{box-shadow:inset 0 1px #ffffff0a}body.operator-theme .operator-anomaly-banner-item strong,body.operator-theme .operator-anomaly-recent-table td,body.operator-theme .operator-vehicle-table td,body.operator-theme .operator-vehicle-legend-values strong,body.operator-theme .operator-vehicle-panel-head h2,body.operator-theme .operator-vehicle-chart-head h2,body.operator-theme .operator-anomaly-chart-head h2,body.operator-theme .operator-anomaly-banner-head h2,body.operator-theme .operator-anomaly-recent-head h2,body.operator-theme .infra-panel-header h3{text-shadow:0 2px 10px rgba(0,0,0,.16)}body.operator-theme .operator-vehicle-status-badge,body.operator-theme .operator-anomaly-chart-total,body.operator-theme .operator-anomaly-recent-badge{background:#3a4c8b47!important;border-color:#7c97e433!important;color:#e4efff!important}body.operator-theme .dashboard-page .auth-message.error{background:#5821296b;color:#ffb2bc}body.operator-theme .dashboard-page .auth-message.success{background:#1b473457;color:#96e2ba}body.operator-theme .login-card h1,body.operator-theme .login-form label{color:#142033}body.operator-theme .login-page{min-height:100vh;background:radial-gradient(circle at top left,rgba(108,114,255,.18),transparent 32%),radial-gradient(circle at top right,rgba(87,194,255,.1),transparent 28%),linear-gradient(180deg,#091121,#0d1730 52%,#0a1427)}body.operator-theme .login-card{background:linear-gradient(180deg,#162242fc,#0e1830fa);border:1px solid rgba(118,146,226,.22);box-shadow:0 28px 60px #04091461,inset 0 1px #ffffff0a}body.operator-theme .login-card h1,body.operator-theme .login-form label{color:#e8f0ff}body.operator-theme .auth-switch-button{background:#0d1529e0;border-color:#6c88d638;color:#b7c8ef;box-shadow:inset 0 1px #ffffff08}body.operator-theme .auth-switch-button:hover{background:#141f3af5;border-color:#7e9aec47;color:#e6efff}body.operator-theme .auth-switch-button.active{background:linear-gradient(180deg,#6c72fff5,#575fdcf5);border-color:#959aff42;color:#f7faff;box-shadow:inset 0 1px #ffffff1f,0 8px 18px #101c2e47}body.operator-theme .login-form input,body.operator-theme .login-form select{background:#090f1ffa;border-color:#6c88d652;color:#e2ecfb;box-shadow:inset 0 1px #ffffff08,0 0 0 1px #0000000f}body.operator-theme .login-form input::-moz-placeholder,body.operator-theme .login-form select::-moz-placeholder{color:#8a9ed0}body.operator-theme .login-form input::placeholder,body.operator-theme .login-form select::placeholder{color:#8a9ed0}body.operator-theme .login-form input:focus,body.operator-theme .login-form select:focus{border-color:#7e9aec75;box-shadow:0 0 0 4px #6c72ff29,inset 0 1px #ffffff08;outline:none}body.operator-theme .auth-message.error{background:#5821296b;border-color:#ff788a2e;color:#ffb2bc}body.operator-theme .auth-message.success{background:#1b473457;border-color:#72e4b229;color:#96e2ba}body.operator-theme .operator-anomaly-kpi-card{background:linear-gradient(180deg,#1e2c54fa,#121c38f7)!important;border-color:#7e9aec3d!important}body.operator-theme .operator-anomaly-kpi-label,body.operator-theme .operator-anomaly-banner-label,body.operator-theme .operator-anomaly-recent-label{color:#b6c8f8!important}body.operator-theme .dashboard-page .operator-anomaly-chart-head h2,body.operator-theme .dashboard-page .operator-anomaly-recent-head h2{color:#b6c8f8!important;font-size:14px!important;font-weight:700!important;letter-spacing:.03em!important;text-shadow:none!important}body.operator-theme .operator-anomaly-kpi-value{color:#f3f7ff!important}body.operator-theme .operator-anomaly-chart-card,body.operator-theme .operator-anomaly-banner-card,body.operator-theme .operator-anomaly-recent-card{background:linear-gradient(180deg,#162242fc,#0e1830fa)!important;border-color:#7692e238!important}body.operator-theme .operator-anomaly-chart-visual{min-height:280px;padding:10px;border-radius:22px;background:linear-gradient(180deg,#111a34c7,#0c132738);border:1px solid rgba(112,136,214,.12)}body.operator-theme .operator-anomaly-donut circle:first-child{stroke:#a4b8ff1f}body.operator-theme .operator-anomaly-donut-center strong{color:#f3f7ff!important}body.operator-theme .operator-anomaly-donut-center span{color:#9db0d8!important;font-size:14px!important;font-weight:700!important;letter-spacing:.03em!important}body.operator-theme .operator-anomaly-legend-item{background:linear-gradient(180deg,#141f3ae0,#0f182cd1)!important;border-color:#6c85cd29!important}body.operator-theme .operator-anomaly-legend-label{font-size:14px!important;font-weight:700!important;letter-spacing:.03em!important;color:#eef4ff!important}body.operator-theme .operator-anomaly-legend-values strong{color:#f4f7ff!important;font-size:inherit!important}body.operator-theme .operator-anomaly-legend-values span{color:#93a6cf!important;font-size:12px!important}body.operator-theme .operator-anomaly-chart-total,body.operator-theme .operator-anomaly-recent-badge{background:#3a4c8b47!important;border:1px solid rgba(124,151,228,.2)!important;color:#e4efff!important}body.operator-theme .operator-anomaly-banner-content{background:linear-gradient(180deg,#121d2df0,#0d1623eb)!important;border-color:#738fdc2e!important}body.operator-theme .operator-anomaly-banner-card-inline{background:linear-gradient(180deg,#162242fc,#0e1830fa)!important}body.operator-theme .operator-anomaly-banner-item{background:linear-gradient(180deg,#141f3ae0,#0f182cd1)!important;box-shadow:inset 0 0 0 1px #6c85cd1f!important}body.operator-theme .operator-anomaly-banner-inline-main{color:#dce8ff!important}body.operator-theme .operator-anomaly-banner-inline-main strong{color:#fff!important}body.operator-theme .operator-anomaly-banner-inline-meta{color:#9db0d8!important}body.operator-theme .operator-anomaly-banner-inline-dot{background:#91a7dbad!important}body.operator-theme .operator-anomaly-banner-item span{color:#9db0d8!important}body.operator-theme .operator-anomaly-banner-item strong{color:#f4f7ff!important}body.operator-theme .operator-anomaly-banner-empty{color:#9cb0d4!important}body.operator-theme .operator-anomaly-banner-label{display:none!important}body.operator-theme .operator-anomaly-recent-table-wrap{background:linear-gradient(180deg,#111b35f2,#0b1327ed)!important;border-color:#738fdc2e!important}body.operator-theme .operator-anomaly-recent-table th{background:#19254afa!important;color:#d4e0ff!important}body.operator-theme .operator-anomaly-recent-table td{color:#eef5ff!important;border-bottom-color:#738fdc1f!important}body.operator-theme .operator-anomaly-recent-table tbody tr:nth-child(odd){background:#ffffff08!important}body.operator-theme .operator-anomaly-recent-table tbody tr:hover{background:#506bbc29!important}body.operator-theme .operator-anomaly-recent-table td:first-child,body.operator-theme .operator-anomaly-recent-table td:nth-child(3){color:#f4f7ff!important}body.operator-theme .operator-anomaly-recent-label,body.operator-theme .operator-anomaly-recent-badge{display:none!important}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 32px;background:#0b1220eb;border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-left,.topbar-right,.topbar-nav,.brand-block{display:flex;align-items:center;gap:14px}.topbar-left,.topbar-nav{flex-wrap:wrap}.brand-block{padding-right:14px;border-right:1px solid rgba(255,255,255,.14)}.brand-title{color:#f7f9ff;font-size:16px;font-weight:700}.brand-role{color:#8db3ff;font-size:12px;font-weight:700;letter-spacing:.08em}.topbar-tab,.logout-button{height:42px;border:1px solid transparent;border-radius:999px;padding:0 18px;font-size:14px;cursor:pointer}.topbar-tab{background:#ffffff14;color:#dce7ff;font-weight:700;box-shadow:none}.topbar-tab.active{background:#f7fbff;color:#173266;font-weight:700;box-shadow:none}.user-chip{display:inline-flex;align-items:center;height:42px;padding:0 14px;border-radius:999px;background:#ffffff14;color:#f7f9ff;font-size:14px;font-weight:500;border:0;box-shadow:none}.logout-button{background:linear-gradient(180deg,#7484ff,#5f6cf1);color:#fff;font-weight:500;box-shadow:inset 0 1px #ffffff3d,0 12px 24px #606cee2e}body:not(.operator-theme) .logout-button{background:linear-gradient(180deg,#6770f6,#5963f4);border-color:#5963f42e;box-shadow:inset 0 1px #ffffff3d,0 12px 24px #5963f42e}body:not(.operator-theme) .logout-button:hover{background:linear-gradient(180deg,#727af7,#626bf5)}body:not(.operator-theme) .page-intro{margin-bottom:22px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}body:not(.operator-theme) .page-intro h1{margin-bottom:10px;color:#1c2431;font-size:32px;font-weight:800;letter-spacing:-.03em}body:not(.operator-theme) .dashboard-description{color:#4e5a72;font-size:15px;font-weight:600}body:not(.operator-theme) .dashboard-meta-line{color:#49556f}.page{min-height:100vh;padding:40px}.app-shell-page{padding-top:28px}.page-intro{margin-bottom:24px}.operator-page .page-intro{margin-bottom:10px}.login-page{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 12% 0%,rgba(116,132,255,.12),transparent 26%),radial-gradient(circle at 92% 8%,rgba(255,118,211,.08),transparent 22%),linear-gradient(180deg,#f7f8ff,#f4f7ff 28%,#f8faff)}.login-card{width:100%;max-width:420px;background:linear-gradient(180deg,#fffffffc,#f4f8fff5);border:1px solid rgba(112,138,197,.16);border-radius:20px;padding:32px;box-shadow:0 22px 54px #1c31571f,inset 0 1px #ffffffd9}.auth-card{max-width:520px}.auth-switch{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:24px}.auth-switch-button{height:42px;border:1px solid rgba(126,150,205,.18);border-radius:999px;background:linear-gradient(180deg,#f8fbff,#edf3fb);box-shadow:inset 0 1px #ffffffeb,0 8px 18px #2858c60f;color:#53627d;cursor:pointer}.auth-switch-button.active{background:linear-gradient(180deg,#6770f6,#5963f4);box-shadow:inset 0 1px #ffffff3d;color:#fff;font-weight:700}.auth-message{margin-bottom:16px;border-radius:12px;padding:12px 14px;font-size:14px}.auth-message.error{background:#fff1f1;color:#be2f2f}.auth-message.success{background:#edf9f0;color:#1f7a36}.login-card h1{margin-top:0;margin-bottom:18px}.login-card p{margin-top:0;margin-bottom:24px;color:#666}.login-form{display:flex;flex-direction:column;gap:16px}.login-form label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;color:#20304a}.login-form input,.login-form select{height:42px;padding:0 14px;border:1px solid rgba(108,128,170,.18);border-radius:12px;background:#fffffff0;box-shadow:none;color:#173266;font-size:14px;font-weight:400;outline:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.login-form input::-moz-placeholder,.login-form select::-moz-placeholder{color:#8b99ad;font-weight:500}.login-form input::placeholder,.login-form select::placeholder{color:#8b99ad;font-weight:500}.login-form input:focus,.login-form select:focus{border-color:#5963f470;box-shadow:0 0 0 4px #5963f41f,inset 0 1px #ffffffeb;transform:translateY(-1px)}.login-form button{margin-top:8px;height:44px;border:1px solid rgba(89,99,244,.16);border-radius:12px;background:linear-gradient(180deg,#6770f6,#5963f4);box-shadow:inset 0 1px #ffffff42;color:#fff;font-size:15px;font-weight:500;cursor:pointer}.dashboard-page h1{margin-top:0;margin-bottom:12px;font-weight:800}.card-grid{margin-top:24px;display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px}.card{min-height:120px;background:#ffffffeb;border:1px solid rgba(18,39,74,.08);border-radius:20px;padding:20px;box-shadow:0 16px 40px #13254414}.operator-page{max-width:1920px;margin:0 auto}.dashboard-hero{max-width:760px}.eyebrow{margin:0 0 10px;color:#2a5bd7;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.dashboard-description{margin:0;color:#52627d;font-size:16px;line-height:1.6;font-weight:700}.dashboard-meta-line{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:#52627d;font-size:14px;font-weight:600;line-height:1.6}.dashboard-meta-line .weather-icon-inline{font-size:18px}.split-grid{margin-top:28px;display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:20px}.section-card{display:flex;flex-direction:column;gap:18px;min-height:260px;padding:28px;border-radius:24px;color:#142033;background:linear-gradient(180deg,#fffffff5,#edf4ff);border:1px solid rgba(42,91,215,.12);box-shadow:0 18px 42px #1d35571a;transition:transform .16s ease,box-shadow .16s ease}.section-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px #1d355729}.section-card h2{margin:0;font-size:28px}.section-card p{margin:0;color:#4f607d;line-height:1.6}.section-card-header,.page-toolbar,.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-badge,.section-link,.ghost-link,.chip,.section-head span,.metric-card span{font-size:13px}.section-badge,.ghost-link,.chip{display:inline-flex;align-items:center;border-radius:999px}.section-badge{padding:8px 12px;background:#dce8ff;color:#1d4fd7;font-weight:700}.section-link{color:#2a5bd7;font-weight:700}.chip-row{display:flex;flex-wrap:wrap;gap:10px}.chip{padding:8px 12px;background:#1420330f;color:#30415f}.ghost-link{padding:10px 16px;border:1px solid rgba(42,91,215,.16);background:#ffffffb3;color:#2148b3;font-weight:600}.metric-grid,.content-grid{display:grid;gap:18px}.dashboard-block{margin-bottom:24px}.iframe-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(420px,1fr));gap:18px}.service-panel-grid{display:grid;grid-template-columns:1fr;gap:18px}.infra-dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;align-items:stretch}.infra-section-head{margin-bottom:12px}.infra-section-head h2{margin:0;font-size:22px}.infra-panel-card{display:flex;flex-direction:column;min-width:0;padding:4px;overflow:hidden;border-radius:10px;background:#0f1722;border:1px solid rgba(120,138,165,.18);box-shadow:none}.infra-panel-header{padding:6px 6px 4px}.infra-panel-header h3{margin:0;color:#f4f8ff;font-size:13px;font-weight:700}.infra-panel-card.span-3{grid-column:span 3}.infra-panel-card.span-4{grid-column:span 4}.infra-panel-card.span-6{grid-column:span 6}.infra-panel-card.stat{min-height:116px}.infra-panel-card.chart{min-height:230px}.infra-panel-card.table{min-height:235px}.infra-embed-frame{display:block;width:100%;flex:1 1 auto;min-height:0;height:100%;border-radius:6px;background:#0f1722}.infra-placeholder{border-radius:6px;background:#111a27;color:#97a7c3}.iframe-panel-card,.service-placeholder-card{min-height:520px}.iframe-panel-meta h3{margin:0 0 10px;font-size:18px}.iframe-panel-meta p{margin:0 0 18px;color:#54647f;line-height:1.6}.iframe-slot{min-height:420px;border:1px dashed rgba(42,91,215,.24);border-radius:18px;background:linear-gradient(180deg,#2a5bd70a,#2a5bd714),#f8fbff}.iframe-slot-wide{min-height:520px}.iframe-slot-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:inherit;height:100%;padding:24px;color:#5b6d8e;text-align:center;gap:10px}.iframe-slot-inner span{font-size:14px;font-weight:700}.iframe-slot-inner code{padding:6px 10px;border-radius:999px;background:#1420330f;color:#2b426d}.embed-surface{overflow:hidden}.embed-frame{width:100%;height:100%;min-height:100%;border:0;border-radius:14px;background:#fff}.embed-frame.compact{min-height:100%}.anomaly-layout{display:grid;grid-template-columns:minmax(1080px,1.45fr) minmax(820px,1.3fr);gap:18px;align-items:stretch}.anomaly-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px}.anomaly-stat-card{min-height:320px;padding:0;overflow:hidden}.anomaly-ratio-card{min-height:660px;padding:0;overflow:hidden}.anomaly-card-shell{border-radius:20px}.anomaly-stat-slot,.anomaly-ratio-slot{display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;height:100%;padding:4px}.iframe-slot-inner.compact{min-height:100%}.anomaly-stat-value{margin-bottom:24px;font-size:56px;font-weight:500;line-height:1}.anomaly-embed-hint{display:flex;flex-direction:column;align-items:center;gap:10px;color:#5b6d8e}.anomaly-embed-hint span{font-size:13px;font-weight:700}.anomaly-embed-hint code{padding:6px 10px;border-radius:999px;background:#1420330f;color:#2b426d}.anomaly-ratio-slot{min-height:100%}.anomaly-bottom-grid{margin-top:18px;display:grid;grid-template-columns:minmax(880px,1.1fr) minmax(1020px,1.65fr);gap:18px;width:100%}.anomaly-full-layout{margin-top:24px}.latest-alert-banner{min-height:0;margin-bottom:18px;padding:18px 22px;border:1px solid rgba(214,78,62,.18);background:linear-gradient(180deg,#fff7f4fa,#fff0eaf5)}.latest-alert-label{margin:0 0 8px;color:#c2462f;font-size:13px;font-weight:700;letter-spacing:.04em}.latest-alert-text{margin:0;color:#2a3140;font-size:16px;font-weight:600;line-height:1.5}.anomaly-full-card{min-height:1320px;padding:0;overflow:hidden}.anomaly-full-frame,.anomaly-full-placeholder{min-height:1320px}.anomaly-detail-card{min-height:620px;min-width:0;padding:0;overflow:hidden}.anomaly-detail-slot{display:flex;align-items:stretch;justify-content:stretch;min-height:100%;height:100%;padding:4px}.metric-grid{grid-template-columns:repeat(3,minmax(180px,1fr));margin-bottom:18px}.metric-card{min-height:0}.metric-label{margin:0 0 12px;color:#60718f;font-size:14px}.metric-card strong{display:block;margin-bottom:6px;font-size:32px;line-height:1.1}.metric-card span,.section-head span{color:#6b7b97}.two-column{grid-template-columns:repeat(2,minmax(280px,1fr));margin-bottom:18px}.user-hero-grid{display:grid;grid-template-columns:minmax(240px,.82fr) minmax(520px,1.38fr) minmax(420px,1.2fr);gap:10px;align-items:start;margin-bottom:10px}.user-vehicle-hero{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;justify-self:stretch;margin-bottom:0;min-height:0;padding:14px 16px 10px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.user-vehicle-card-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;width:100%}.user-vehicle-hero h2{margin:0;color:#1c2431;font-size:30px;letter-spacing:-.04em}.user-vehicle-image{width:min(100%,344px);max-width:344px;height:auto;-o-object-fit:contain;object-fit:contain;align-self:center;filter:drop-shadow(0 24px 38px rgba(84,104,168,.18))}.user-vehicle-hero .user-vehicle-image{width:min(100%,300px);max-width:300px}.user-vehicle-eyebrow{margin:0 0 4px;color:#49556f;font-size:14px;font-weight:700;letter-spacing:.03em}.user-engine-card{flex-direction:column;align-items:center;justify-content:space-between;gap:6px;padding-top:18px;padding-bottom:18px}.user-engine-card .user-vehicle-eyebrow{width:100%;margin:0 0 8px;color:#49556f;font-size:14px;font-weight:700;letter-spacing:.03em;text-align:left}.user-engine-visual{display:flex;align-items:center;justify-content:center;width:100%;flex:1 1 auto;padding-top:8px}.user-engine-icon-tile{position:relative;width:94px;height:94px;flex:0 0 auto}.user-engine-icon-grid{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:26px;background-image:linear-gradient(rgba(174,188,223,.42) 1px,transparent 1px),linear-gradient(90deg,rgba(174,188,223,.42) 1px,transparent 1px);background-size:23px 23px;opacity:.34;pointer-events:none}.user-engine-icon-shell{position:absolute;top:14px;right:14px;bottom:14px;left:14px;display:grid;place-items:center;border-radius:22px;background:radial-gradient(circle at 50% 120%,var(--engine-glow, rgba(94, 101, 249, .16)),transparent 58%),linear-gradient(180deg,#fffffffa,#f2f6fff5);border:1px solid rgba(170,184,222,.36);box-shadow:inset 0 1px #ffffffeb,inset 0 -10px 18px #b8c6e62e,0 14px 26px #4c5c841f,0 0 22px var(--engine-glow, rgba(94, 101, 249, .14))}.user-engine-icon-glyph{width:34px;height:34px;color:var(--engine-accent, #5e65f9);filter:drop-shadow(0 4px 10px var(--engine-glow, rgba(94, 101, 249, .24)))}.user-engine-card strong{display:none;width:100%;font-size:18px;line-height:1;text-align:center;margin-top:8px;color:var(--engine-accent, currentColor)}.user-engine-card.is-on{color:#2f6fed;--engine-accent: #5e65f9;--engine-glow: rgba(94, 101, 249, .28)}.user-engine-card.is-off{color:#94a3b8;--engine-accent: #9fb0c9;--engine-glow: rgba(148, 163, 184, .2)}.user-engine-card.is-off .user-engine-icon-shell{background:radial-gradient(circle at 50% 120%,rgba(148,163,184,.12),transparent 58%),linear-gradient(180deg,#fffffffa,#f3f6fbf5)}.user-top-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}.user-top-stats-grid>*{margin:0}.user-gauge-card{min-height:172px;padding:18px 18px 10px;border-radius:28px;background:linear-gradient(180deg,#fffffffa,#f5f8fff5);border:1px solid rgba(166,179,217,.14);box-shadow:0 22px 48px #52618d1a}.user-gauge-card h3{margin:0 0 8px;color:#49556f;font-size:15px;font-weight:700;letter-spacing:-.01em;text-align:left}.user-gauge-wrap{position:relative;display:flex;align-items:flex-start;justify-content:center;margin-top:-16px}.user-gauge-chart{width:100%;height:128px;overflow:visible;transform:translateY(-6px)}.user-gauge-outline-track,.user-gauge-outline-band,.user-gauge-track,.user-gauge-band,.user-gauge-progress{fill:none;stroke-linecap:round}.user-gauge-outline-track{stroke:#1c263729;stroke-width:6}.user-gauge-outline-band{stroke-width:6}.user-gauge-track{stroke:#e7edf5;stroke-width:20}.user-gauge-band{display:none}.user-gauge-progress{stroke:#5e65f9;stroke-width:16}.user-gauge-value{position:absolute;top:54%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.user-gauge-value strong{color:#1c2431;font-size:28px;line-height:1}.user-top-stats-grid .user-metric-tile{min-height:102px;background:linear-gradient(180deg,#fffffffa,#f5f8fff5);border-color:#a6b3d924;box-shadow:0 22px 48px #52618d1a;padding:18px 20px 16px}.user-top-stats-grid .user-metric-tile:before{content:none}.user-top-stats-grid .user-metric-tile.accent-green,.user-top-stats-grid .user-metric-tile.accent-blue,.user-top-stats-grid .user-metric-tile.accent-amber,.user-top-stats-grid .user-metric-tile.accent-indigo,.user-top-stats-grid .user-metric-tile.accent-emerald,.user-top-stats-grid .user-metric-tile.accent-slate{background:linear-gradient(180deg,#fffffff5,#f0f5fdeb)}.user-top-stats-grid .user-metric-tile.updated-tile strong{font-size:clamp(22px,1.8vw,30px)}.user-top-stats-grid .user-metric-tile span{color:#49556f;text-align:left}.user-top-stats-grid .user-metric-tile strong{color:#1c2431;display:flex;align-items:center;justify-content:center;width:100%;min-height:42px;text-align:center;white-space:nowrap;letter-spacing:-.03em;font-size:clamp(22px,1.8vw,30px)}.user-map-card{display:grid;grid-template-rows:auto 1fr;gap:12px;min-height:291px;padding:18px}.user-gauge-value span{color:#1c2431;font-size:13px;font-weight:700}.user-telemetry-layout{display:flex;flex-direction:column;gap:10px}.user-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.user-metric-tile{position:relative;min-height:108px;padding:18px 92px 18px 20px;border-radius:26px;border:1px solid rgba(166,179,217,.14);background:linear-gradient(180deg,#fffffffa,#f5f8fff5);box-shadow:0 22px 48px #52618d1a}.user-metric-tile:before{content:attr(data-icon);position:absolute;top:18px;right:18px;width:52px;height:52px;display:grid;place-items:center;border-radius:18px;font-size:22px;font-weight:700;color:#fff;box-shadow:inset 0 1px #ffffff38,0 14px 24px #606cee2e}.user-metric-tile span{display:block;margin-bottom:10px;color:#49556f;font-size:15px;font-weight:700;letter-spacing:-.01em}.user-metric-tile strong{display:block;color:#182648;font-size:34px;line-height:1.1}.user-metric-tile.accent-green,.user-metric-tile.accent-blue,.user-metric-tile.accent-amber,.user-metric-tile.accent-indigo,.user-metric-tile.accent-emerald,.user-metric-tile.accent-slate{background:linear-gradient(180deg,#fffffffa,#f5f8fff5)}.user-metric-tile.accent-blue:before{background:linear-gradient(180deg,#7484ff,#5f6cf1)}.user-metric-tile.accent-indigo:before{background:linear-gradient(180deg,#ff6fd8,#e554cb)}.user-metric-tile.accent-slate:before{background:linear-gradient(180deg,#2fc7b8,#178c84)}.user-analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.user-analytics-grid.user-analytics-grid-wide{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.user-analytics-card,.user-records-card{min-height:0;padding:20px 22px;border-radius:28px;border:1px solid rgba(166,179,217,.14);background:linear-gradient(180deg,#fffffffa,#f5f8fff5);box-shadow:0 22px 48px #52618d1a}.user-records-card{background:linear-gradient(180deg,#fffffffa,#f5f8fff5);border-color:#a6b3d924;padding-bottom:15px}.user-analytics-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.user-analytics-head h3{margin:0;font-size:15px;font-weight:700;letter-spacing:-.01em;line-height:1.3;color:#49556f}.user-analytics-head strong{color:#49556f;font-size:15px;font-weight:700}.user-chart-shell{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:stretch;gap:4px}.user-chart-main{display:flex;flex-direction:column;min-width:0;padding:12px 14px 14px;border-radius:24px;background:linear-gradient(180deg,#f9fafff0,#f1f5ffeb);border:1px solid rgba(180,192,226,.16)}.user-chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;height:216px;padding:10px 0 18px;color:#8b99ad;font-size:11px;font-weight:700;transform:translate(-5px)}.user-chart-x-axis{display:flex;justify-content:space-between;margin-top:10px;color:#8b99ad;font-size:11px;font-weight:700}.user-line-chart,.user-route-chart{display:block;width:100%;height:180px}.user-speed-chart-card{background:linear-gradient(180deg,#fffffffa,#f5f8fff5);border:1px solid rgba(166,179,217,.14);box-shadow:0 22px 48px #52618d1a}.user-speed-chart-card .user-analytics-head strong{color:#49556f}.user-fuel-chart-card{background:linear-gradient(180deg,#fffffffa,#f5f8fff5);border:1px solid rgba(166,179,217,.14);box-shadow:0 22px 48px #52618d1a}.user-route-chart.compact{height:140px}.user-line-chart{overflow:visible}.user-line-chart path{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.user-speed-bars{display:flex;align-items:end;justify-content:stretch;gap:10px;height:216px;padding:10px 0 0}.user-speed-bar{position:relative;flex:1 1 0;min-width:0;border-radius:999px 999px 0 0;background:#5e65f9;box-shadow:0 8px 16px #5e65f929;margin-right:0}.user-speed-bar:after{content:none}.user-speed-bar.is-mid{background:#5e65f9}.user-speed-bar.is-strong{background:#5e65f9;box-shadow:0 10px 18px #5e65f933}.user-route-chart path{fill:none;stroke:#547fbe;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.user-chart-placeholder{display:flex;align-items:center;justify-content:center;min-height:140px;border-radius:16px;background:linear-gradient(180deg,#2f6fed0a,#2f6fed14);color:#5b6d8e;font-weight:600}.user-line-chart-fuel .user-fuel-area{fill:url(#fuelAreaFill);stroke:none}.user-fuel-line{fill:none;stroke:#e654d3;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 8px 14px rgba(230,84,211,.14))}.user-fuel-dot{display:none}.user-line-chart-fuel-soft{height:216px;overflow:visible}.user-map-frame-wrap{overflow:hidden;min-height:0;height:100%;align-self:stretch;border-radius:16px;border:1px solid rgba(84,127,190,.12);background:#edf3fb}.user-map-frame{display:block;width:100%;height:100%;border:0;filter:saturate(.95) contrast(1.02)}.user-records-card .user-analytics-head{align-items:center}.user-records-card .user-analytics-head h3{color:#49556f}.user-records-card .user-analytics-head strong{font-size:15px;font-weight:700;color:#49556f}.user-records-card table{min-width:100%;font-size:14px}.feature-card h2,.table-card h2{margin:0;font-size:20px}.list{margin:18px 0 0;padding-left:18px;color:#4e5f79;line-height:1.8}.table-card{overflow:hidden}.table-wrap{margin-top:14px;overflow-x:auto;border-radius:20px;border:1px solid rgba(180,192,226,.16);background:linear-gradient(180deg,#f9fafff5,#f1f5ffeb)}table{width:100%;border-collapse:collapse}th,td{padding:13px 14px;text-align:left;border-bottom:1px solid rgba(20,32,51,.08)}th{color:#61718b;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.user-records-card th{color:#64748b}td{color:#1c2a40}.user-records-card td{color:#1c2a40;font-weight:700}.operator-anomaly-shell{display:flex;flex-direction:column;gap:10px}.operator-anomaly-main-column{display:flex;flex-direction:column;gap:10px;min-height:100%}.operator-anomaly-loading-card{display:flex;align-items:center;justify-content:center;min-height:160px;color:#52627d;font-size:18px;font-weight:600;background:linear-gradient(180deg,#fffffffa,#f3f7fdf0);border:1px solid rgba(19,37,68,.08);box-shadow:0 18px 40px #172a4914}.operator-anomaly-top-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.82fr);gap:10px;align-items:stretch}.operator-anomaly-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.operator-anomaly-kpi-card{display:flex;flex-direction:column;justify-content:flex-start;min-height:102px;padding:14px 16px;background:linear-gradient(180deg,#fffffffa,#f3f7fdf0);border:1px solid rgba(19,37,68,.08);box-shadow:0 18px 40px #172a4914}.operator-anomaly-kpi-label{margin:0 0 8px;color:#c46f53;font-size:14px;font-weight:700;line-height:1.45;letter-spacing:.03em;align-self:flex-start;text-align:left;width:100%}.operator-anomaly-kpi-value{color:#172a49;font-size:48px;font-weight:700;line-height:1;letter-spacing:-.04em;text-align:center;margin-bottom:6px}.operator-anomaly-chart-card{min-height:100%;padding:14px 14px 18px;background:linear-gradient(180deg,#fffffffa,#f3f7fdf0);border:1px solid rgba(19,37,68,.08);box-shadow:0 18px 40px #172a4914}.operator-anomaly-side-column{display:grid;gap:10px;align-content:start}.operator-anomaly-heatmap-card{margin-top:0;padding:20px;background:linear-gradient(180deg,#fffffffa,#f3f7fdf0);border:1px solid rgba(19,37,68,.08);box-shadow:0 18px 40px #172a4914}.operator-anomaly-chart-head,.operator-anomaly-banner-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.operator-anomaly-chart-head{margin-bottom:8px}.operator-anomaly-chart-head h2,.operator-anomaly-banner-head h2{margin:0;color:#1a2b48}.operator-anomaly-chart-head h2{margin-bottom:8px;font-size:30px}.operator-anomaly-banner-head h2{font-size:28px}.operator-anomaly-chart-total{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap;background:#e4edf7;color:#395272}.operator-anomaly-chart-body{display:grid;grid-template-columns:minmax(240px,.88fr) minmax(220px,1fr);gap:10px;align-items:center;padding-bottom:18px}.operator-anomaly-chart-visual{position:relative;display:grid;min-height:190px;place-items:center}.operator-anomaly-donut{width:min(100%,220px);height:auto}.operator-anomaly-donut-center{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.operator-anomaly-donut-center strong{color:#1a2b48;font-size:48px;font-weight:700;line-height:1}.operator-anomaly-donut-center span{color:#5a6b87;font-size:15px;font-weight:700}.operator-anomaly-legend{display:grid;gap:4px;margin:0;padding:0;list-style:none}.operator-anomaly-legend-item{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:6px 9px;border:1px solid rgba(18,39,74,.08);border-radius:16px;background:#f7faffeb}.operator-anomaly-legend-swatch{width:10px;height:10px;border-radius:999px;flex:0 0 auto}.operator-anomaly-legend-label{color:#233450;font-size:15px;font-weight:700}.operator-anomaly-legend-values{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.operator-anomaly-legend-values strong{color:#172a49;font-size:16px;font-weight:700}.operator-anomaly-legend-values span{color:#677895;font-size:12px;font-weight:700}.operator-anomaly-heatmap{margin-top:0;padding-top:0;border-top:none}.operator-anomaly-heatmap-head{display:grid;grid-template-columns:116px 1fr;gap:12px;align-items:end;margin-bottom:10px}.operator-anomaly-heatmap-title{color:#b6c8f8;font-size:14px;font-weight:700;letter-spacing:.03em}.operator-anomaly-heatmap-columns,.operator-anomaly-heatmap-cells{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px}.operator-anomaly-heatmap-columns span{color:#7d91b8;font-size:11px;font-weight:700;text-align:center}.operator-anomaly-heatmap-body{display:grid;gap:8px}.operator-anomaly-heatmap-row{display:grid;grid-template-columns:116px 1fr;gap:12px;align-items:center}.operator-anomaly-heatmap-label{color:#d7e3ff;font-size:13px;font-weight:700}.operator-anomaly-heatmap-cell{display:block;width:100%;aspect-ratio:1 / 1;min-height:16px;border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff0d}.operator-anomaly-banner-card{min-height:0;padding:18px;background:linear-gradient(180deg,#fffffffa,#f3f7fdf0);border:1px solid rgba(19,37,68,.08);box-shadow:0 18px 40px #172a4914}.operator-anomaly-banner-label{margin:0 0 8px;color:#c2462f;font-size:13px;font-weight:700;letter-spacing:.05em}.operator-anomaly-banner-content{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:16px;padding:14px;border:1px solid rgba(214,78,62,.16);border-radius:22px;background:linear-gradient(180deg,#fff7f4fa,#fff0eaf5)}.operator-anomaly-banner-item{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-height:108px;padding:14px 16px;border-radius:18px;background:#ffffff94;box-shadow:inset 0 0 0 1px #d64e3e14}.operator-anomaly-banner-item-icon{align-items:center;justify-content:center;padding:10px;overflow:hidden}.operator-anomaly-icon-tile{position:relative;display:grid;place-items:center;width:100%;min-height:120px}.operator-anomaly-icon-grid{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background-image:linear-gradient(rgba(121,147,216,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(121,147,216,.16) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,.9) 38%,transparent 82%);mask-image:radial-gradient(circle at center,rgba(0,0,0,.9) 38%,transparent 82%);pointer-events:none}.operator-anomaly-icon-shell{position:relative;z-index:1;display:grid;place-items:center;width:96px;height:96px;border-radius:24px;background:linear-gradient(180deg,#192648f5,#0a1123f0);border:1px solid color-mix(in srgb,var(--icon-accent) 62%,white 8%);box-shadow:inset 0 0 0 1px #ffffff0f,0 20px 40px #04091475,0 0 0 3px color-mix(in srgb,var(--icon-accent) 18%,transparent),0 0 26px var(--icon-glow)}.operator-anomaly-icon-shell:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:18px;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.1),transparent 44%),linear-gradient(180deg,#111c36d1,#090f1fc2);border:1px solid rgba(255,255,255,.04)}.operator-anomaly-icon-shell:after{content:"";position:absolute;inset:auto 16px 10px 16px;height:18px;border-radius:999px;background:radial-gradient(circle at center,var(--icon-glow),transparent 70%);filter:blur(10px);opacity:.92}.operator-anomaly-icon-glyph{position:relative;z-index:1;width:56px;height:56px;overflow:visible;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--icon-accent) 42%,transparent)) drop-shadow(0 0 3px rgba(255,255,255,.08))}.operator-anomaly-banner-item span{color:#8c5747;font-size:15px;font-weight:700;letter-spacing:.04em}.operator-anomaly-banner-item strong{color:#262f40;font-size:25px;font-weight:700;line-height:1.25;letter-spacing:-.03em;word-break:break-word}.operator-anomaly-banner-card-inline{padding:10px 14px}.operator-anomaly-banner-inline{display:flex;align-items:center;gap:12px}.operator-anomaly-banner-inline-icon{flex:0 0 auto}.operator-anomaly-banner-inline-icon .operator-anomaly-banner-item-icon{min-height:0;padding:0;background:transparent;box-shadow:none;border:0}.operator-anomaly-banner-inline-icon .operator-anomaly-icon-tile{width:66px;min-height:66px}.operator-anomaly-banner-inline-icon .operator-anomaly-icon-grid{top:-6px;right:-6px;bottom:-6px;left:-6px;background-size:28px 28px}.operator-anomaly-banner-inline-icon .operator-anomaly-icon-shell{width:56px;height:56px;border-radius:15px}.operator-anomaly-banner-inline-icon .operator-anomaly-icon-shell:before{top:7px;right:7px;bottom:7px;left:7px;border-radius:11px}.operator-anomaly-banner-inline-icon .operator-anomaly-icon-glyph{width:32px;height:32px}.operator-anomaly-banner-inline-body{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:4px}.operator-anomaly-banner-inline-main,.operator-anomaly-banner-inline-meta{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.operator-anomaly-banner-inline-main{color:#f4f7ff;font-size:15px;font-weight:600}.operator-anomaly-banner-inline-main strong{color:#fff;font-size:18px;font-weight:800;letter-spacing:-.02em}.operator-anomaly-banner-inline-meta{color:#9db0d8;font-size:12px;font-weight:600}.operator-anomaly-banner-inline-dot{width:5px;height:5px;border-radius:999px;background:#91a7dbb3;flex:0 0 auto}.operator-anomaly-banner-empty{margin:18px 0 0;color:#5c677d;font-size:15px;font-weight:600}.operator-anomaly-recent-card{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;padding:20px;background:linear-gradient(180deg,#fffffffa,#f3f7fdf0);border:1px solid rgba(19,37,68,.08);box-shadow:0 18px 40px #172a4914}.operator-anomaly-recent-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.operator-anomaly-recent-label{margin:0 0 8px;color:#365473;font-size:13px;font-weight:700;letter-spacing:.05em}.operator-anomaly-recent-head h2{margin:0;color:#5a6c88;font-size:14px;font-weight:700;letter-spacing:.03em}.operator-anomaly-recent-badge{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:999px;background:#e4edf7;color:#395272;font-size:13px;font-weight:700;white-space:nowrap}.operator-anomaly-recent-table-wrap{flex:1 1 auto;overflow-x:auto;border:1px solid rgba(18,39,74,.08);border-radius:18px;background:linear-gradient(180deg,#f7fafff5,#f0f5fcf5)}.operator-anomaly-recent-table{width:100%;min-width:720px;border-collapse:collapse}.operator-anomaly-recent-table th,.operator-anomaly-recent-table td{padding:16px 18px;border-bottom:1px solid rgba(18,39,74,.08);text-align:left;white-space:nowrap}.operator-anomaly-recent-table th{color:#627390;font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.operator-anomaly-recent-table td{color:#1b2d4b;font-size:14px;font-weight:600}.operator-anomaly-recent-table tbody tr:last-child td{border-bottom:none}.operator-anomaly-recent-table tbody tr:nth-child(odd){background:#ffffff73}.operator-anomaly-recent-table td:first-child{color:#29415f;font-weight:700}.operator-anomaly-recent-table td:nth-child(3){color:#173266;font-weight:700}.operator-anomaly-recent-empty{margin:0;display:flex;flex:1 1 auto;align-items:center;justify-content:center;color:#5c677d;font-size:15px;font-weight:600;text-align:center}.operator-vehicle-shell{display:flex;flex-direction:column;gap:10px}.operator-vehicle-loading-card{min-height:0;padding:18px 22px;color:#54647f;font-weight:600}.operator-vehicle-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.operator-vehicle-kpi-card,.operator-vehicle-chart-card,.operator-vehicle-table-card,.operator-vehicle-side-card,.operator-vehicle-fuel-card{background:linear-gradient(180deg,#fffffffa,#f3f7fdf0);border:1px solid rgba(19,37,68,.08);box-shadow:0 18px 40px #172a4914}.operator-vehicle-kpi-card{min-height:102px;padding:14px 16px;display:flex;flex-direction:column;justify-content:flex-start}.operator-vehicle-kpi-label,.operator-vehicle-section-label{margin:0 0 4px;color:#c46f53;font-size:14px;font-weight:700;letter-spacing:.03em}.operator-vehicle-kpi-label{align-self:flex-start;text-align:left;width:100%;margin-bottom:8px}.operator-vehicle-kpi-value{display:block;margin-bottom:6px;color:#173266;font-size:48px;line-height:1;font-weight:700;text-align:center}.operator-vehicle-kpi-helper{color:#70819d;font-size:12px;font-weight:700}.operator-vehicle-toolbar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;padding:6px 10px;border-radius:20px;background:linear-gradient(135deg,#f7fafff5,#ebf2fbeb);border:1px solid rgba(19,37,68,.08);box-shadow:inset 0 1px #ffffffb3}.operator-vehicle-toolbar-field{display:flex;flex-direction:row;align-items:center;gap:10px;color:#5f7391;font-size:14px;font-weight:700;letter-spacing:.03em}.operator-vehicle-toolbar-field.is-search{min-width:240px;flex:1 1 360px}.operator-vehicle-toolbar-field.is-filter{min-width:260px}.operator-vehicle-toolbar-field input,.operator-vehicle-toolbar-field select{height:44px;flex:1 1 auto;border:1px solid rgba(39,67,115,.14);border-radius:14px;background:#fffffff0;color:#173266;font-size:14px;font-weight:600;padding:0 14px;outline:none;box-shadow:0 10px 20px #1d35570f;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.operator-vehicle-toolbar-field input::-moz-placeholder{color:#8b99ad;font-weight:500}.operator-vehicle-toolbar-field input::placeholder{color:#8b99ad;font-weight:500}.operator-vehicle-toolbar-field input:focus,.operator-vehicle-toolbar-field select:focus{border-color:#c46f538c;box-shadow:0 0 0 4px #c46f531f;transform:translateY(-1px)}.operator-vehicle-toolbar-meta{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:14px;background:#ffffffad;border:1px solid rgba(39,67,115,.08);color:#526781;font-size:14px;font-weight:700;letter-spacing:.03em;white-space:nowrap}.operator-vehicle-top-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,.9fr);gap:10px;align-items:stretch}.operator-vehicle-kpi-column,.operator-vehicle-chart-column{min-width:0}.operator-vehicle-kpi-column{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;min-height:0;height:100%;width:100%}.operator-vehicle-table-section{min-width:0;display:flex;min-height:0;width:100%;align-items:stretch;height:auto}.operator-vehicle-chart-column{display:flex;flex-direction:column;gap:10px}.operator-vehicle-table-card{flex:1 1 auto;min-height:0;max-height:none;height:100%;display:flex;flex-direction:column;width:100%;padding:20px;overflow:hidden}.operator-vehicle-panel-head,.operator-vehicle-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.operator-vehicle-panel-head h2,.operator-vehicle-chart-head h2{margin:0;color:#132949;font-size:28px}.operator-vehicle-panel-head p,.operator-vehicle-chart-head p{margin:0;color:#5a6c88;line-height:1.6}.operator-vehicle-table-card .operator-vehicle-panel-badge,.operator-vehicle-chart-card .operator-vehicle-chart-total{display:none}.operator-vehicle-panel-badge,.operator-vehicle-chart-total{display:inline-flex;align-items:center;height:34px;padding:0 12px;border-radius:999px;background:#eef3fb;color:#536883;font-size:12px;font-weight:700;white-space:nowrap}.operator-vehicle-panel-badge-compact{font-size:0}.operator-vehicle-panel-badge-compact:after{content:attr(data-count);font-size:12px}.operator-vehicle-table-wrap,.operator-vehicle-side-table-wrap{margin-top:0;overflow:auto}.operator-vehicle-table-wrap{flex:1 1 0;min-height:0;height:min(52vh,520px);max-height:min(52vh,520px);overflow-y:scroll;overflow-x:auto;scrollbar-gutter:stable}body.operator-theme .operator-vehicle-table-wrap{scrollbar-color:rgba(108,114,255,.52) rgba(12,19,39,.72)}body.operator-theme .operator-vehicle-table-wrap::-webkit-scrollbar{width:10px;height:10px}body.operator-theme .operator-vehicle-table-wrap::-webkit-scrollbar-track{background:#0c1327b8;border-radius:999px}body.operator-theme .operator-vehicle-table-wrap::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6c72ffd1,#575fdcd1);border-radius:999px;border:2px solid rgba(12,19,39,.72)}body.operator-theme .operator-vehicle-table-wrap::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8186ffeb,#656ce8eb)}.operator-vehicle-table thead th{position:sticky;top:0;z-index:1;background:#f4f7fcf5}.operator-vehicle-side-table-wrap{max-height:320px}.operator-vehicle-table,.operator-vehicle-side-table{font-size:13px}.operator-vehicle-table{font-size:15px}.operator-vehicle-table th,.operator-vehicle-table td,.operator-vehicle-side-table th,.operator-vehicle-side-table td{padding:14px 18px;font-size:15px;font-weight:600}.operator-vehicle-table th,.operator-vehicle-side-table th{position:sticky;top:0;z-index:1;background:#f7faff}.operator-vehicle-status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:74px;padding:7px 12px;border-radius:10px;border:1px solid var(--badge-border-color);background:var(--badge-bg-color);color:var(--badge-text-color);font-size:12px;font-weight:700;line-height:1}.operator-vehicle-status-badge:before{content:none}.operator-vehicle-status-badge.is-driving,.operator-vehicle-status-badge.is-stopped,.operator-vehicle-status-badge.is-engine_off{--badge-bg-color: rgba(36, 145, 109, .22);--badge-border-color: rgba(49, 190, 142, .18);--badge-text-color: #42d59e}.operator-vehicle-status-badge.is-offline,.operator-vehicle-status-badge.is-no_data{--badge-bg-color: rgba(146, 51, 71, .24);--badge-border-color: rgba(221, 97, 120, .18);--badge-text-color: #ff6f86}.operator-vehicle-empty-cell{color:#72819b;text-align:center}.operator-vehicle-chart-card{min-height:268px;width:100%;padding:20px}.operator-vehicle-chart-body{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(220px,1fr);gap:16px;align-items:center;min-height:0}.operator-vehicle-chart-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:220px;padding:10px;border-radius:22px;background:linear-gradient(180deg,#111a34c7,#0c132738);border:1px solid rgba(112,136,214,.12)}.operator-vehicle-donut{width:min(100%,210px);height:auto}.operator-vehicle-donut-center{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#173266}.operator-vehicle-donut-center strong{font-size:54px;line-height:1}.operator-vehicle-donut-center span{margin-top:8px;color:#91a3c9;font-size:14px;font-weight:700;letter-spacing:.03em}.operator-vehicle-legend{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.operator-vehicle-legend-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;background:linear-gradient(180deg,#141f3ae0,#0f182cd1);border:1px solid rgba(108,133,205,.16)}.operator-vehicle-trend-card{min-height:268px;width:100%;padding:20px;background:linear-gradient(180deg,#fffffffa,#f3f7fdf0);border:1px solid rgba(19,37,68,.08);box-shadow:0 18px 40px #172a4914}.operator-vehicle-trend-header{margin-bottom:12px}.operator-vehicle-trend-header .operator-vehicle-section-label{margin:0;color:#5a6c88!important;font-size:14px!important;font-weight:700!important;letter-spacing:.03em!important;line-height:1.6!important}.operator-vehicle-trend-shell{gap:4px}.operator-vehicle-trend-shell .user-chart-main{padding:10px 12px 12px;border-radius:22px;background:linear-gradient(180deg,#111a34b8,#0c13272e);border:1px solid rgba(112,136,214,.12)}.operator-vehicle-trend-y-axis-alt{height:216px;padding:10px 0 18px;transform:translate(-5px)}.operator-vehicle-trend-svg{height:216px;overflow:visible}.operator-vehicle-trend-chart-wrap{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:stretch;-moz-column-gap:6px;column-gap:6px;row-gap:8px}.operator-vehicle-trend-plot{position:relative;min-width:0}.operator-vehicle-trend-y-axis{position:relative;grid-row:1;grid-column:1;width:18px;height:150px;padding:4px 0 6px;color:#8b99ad;font-size:11px;font-weight:700;transform:translate(-4px)}.operator-vehicle-trend-y-tick{position:absolute;right:0;transform:translateY(-50%);line-height:1}.operator-vehicle-trend-chart{grid-row:1;grid-column:2;width:100%;height:190px;overflow:visible}.operator-vehicle-trend-area{stroke:none;opacity:1}.operator-vehicle-trend-line{fill:none;stroke-width:1.35;stroke:#57c2ff;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 6px 14px rgba(87,194,255,.18))}.operator-vehicle-trend-dot{fill:#fff;stroke:#4f6f9f;stroke-width:3}.operator-vehicle-trend-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.operator-vehicle-trend-meta strong{color:#173266;font-size:28px;line-height:1}.operator-vehicle-trend-meta span,.operator-vehicle-trend-axis span,.operator-vehicle-trend-empty{color:#70819d;font-size:12px;font-weight:700}.operator-vehicle-trend-axis{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:-2px}.operator-vehicle-trend-empty{display:flex;align-items:center;justify-content:center;min-height:190px}.operator-vehicle-legend-swatch{width:10px;height:10px;border-radius:999px;flex:0 0 auto}.operator-vehicle-legend-label{color:#eef4ff;font-size:14px;font-weight:700}.operator-vehicle-legend-values{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.operator-vehicle-legend-values strong{color:#f4f7ff}.operator-vehicle-legend-values span{color:#93a6cf;font-size:12px;font-weight:700}.operator-vehicle-bottom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.operator-vehicle-side-card,.operator-vehicle-fuel-card{min-height:0;padding:20px}.operator-vehicle-side-card{min-height:320px;max-height:320px;height:320px;display:flex;flex-direction:column;overflow:hidden}.operator-vehicle-fuel-stack{display:flex;flex-direction:column;gap:14px}.operator-vehicle-fuel-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.operator-vehicle-fuel-meta{display:flex;align-items:center;gap:8px;color:#20324f;min-width:72px}.operator-vehicle-fuel-bar-track{position:relative;height:12px;overflow:hidden;border-radius:999px;background:#1f355a14}.operator-vehicle-fuel-bar-fill{height:100%;border-radius:999px;box-shadow:inset 0 1px #ffffff59}.operator-vehicle-fuel-values{display:flex;flex-direction:column;align-items:flex-end;min-width:54px;color:#173266}.operator-vehicle-fuel-values span{color:#70819d;font-size:12px;font-weight:700}@media (max-width: 1320px){.operator-anomaly-top-grid{grid-template-columns:1fr}}@media (max-width: 1100px){.operator-anomaly-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.operator-anomaly-chart-body{grid-template-columns:1fr}.operator-anomaly-banner-content{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 960px){.topbar,.topbar-left,.topbar-right{align-items:flex-start;flex-direction:column}.page{padding:24px}.split-grid,.anomaly-layout,.anomaly-stats-grid,.anomaly-bottom-grid,.infra-dashboard-grid,.iframe-panel-grid,.metric-grid,.two-column,.user-vehicle-hero,.operator-anomaly-kpi-grid,.operator-anomaly-top-grid,.operator-vehicle-kpi-grid,.operator-vehicle-top-grid,.operator-vehicle-bottom-grid,.user-hero-grid,.user-top-stats-grid,.user-analytics-grid{grid-template-columns:1fr}.infra-panel-card.span-3,.infra-panel-card.span-4,.infra-panel-card.span-6{grid-column:span 1}.page-toolbar,.section-card-header,.section-head,.operator-anomaly-chart-head,.operator-anomaly-banner-head,.operator-anomaly-recent-head,.operator-vehicle-panel-head,.operator-vehicle-chart-head{align-items:flex-start;flex-direction:column}.operator-vehicle-chart-card,.operator-vehicle-table-card,.operator-vehicle-side-card,.operator-vehicle-fuel-card{padding:18px}.operator-vehicle-toolbar{align-items:stretch}}@media (max-width: 720px){.operator-anomaly-kpi-grid{grid-template-columns:1fr}.operator-anomaly-banner-content{grid-template-columns:1fr;padding:16px}.operator-anomaly-banner-inline{align-items:flex-start;flex-direction:column}.operator-anomaly-banner-inline-body{width:100%}.operator-anomaly-banner-item{min-height:0;padding:14px 16px}.operator-vehicle-toolbar-field.is-search,.operator-vehicle-toolbar-field.is-filter,.operator-vehicle-toolbar-meta{min-width:100%}}