:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#163041;background:radial-gradient(circle at 0 0,#61b1cf42,#0000 32%),radial-gradient(circle at 100% 0,#e89d6638,#0000 28%),linear-gradient(#e7f2f8 0%,#f4f8fb 38%,#faf6f0 100%);font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}a{color:inherit}button,input,select{font:inherit}.app-shell{width:100%;max-width:1420px;margin:0 auto;padding:24px}.panel,.metric-card,.alert,.page-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd6;border:1px solid #ffffffc7;box-shadow:0 20px 48px #0e283814}.panel,.metric-card,.alert{border-radius:28px}.subcopy,.panel-header span,.metric-card span,.hint-row,.map-note,.alert,.summary-strip{color:#5d7380}.form-grid input,.form-grid select{background:#fffffff2;border:1px solid #12304324;border-radius:14px;padding:12px 14px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:#5a7383;margin:0;font-size:12px}.page-nav{border-radius:22px;flex-wrap:wrap;gap:10px;margin-bottom:18px;padding:10px;display:flex}.page-nav a{color:#375468;border-radius:16px;padding:12px 16px;font-weight:700;text-decoration:none}.page-nav a.active{color:#fff;background:linear-gradient(135deg,#16384f,#1c6f8d)}.nav-logout{color:#943719;cursor:pointer;background:#b54a2b1f;border:0;border-radius:16px;margin-left:auto;padding:12px 16px;font-weight:700}.alert{margin-bottom:18px;padding:14px 18px}.alert.error{color:#943719;background:#ffede8f2}.page-stack{gap:18px;min-width:0;display:grid}.card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;min-width:0;display:grid}.compact-grid{grid-template-columns:minmax(220px,360px)}.diagnostics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.metric-card{min-width:0;min-height:128px;padding:20px}.metric-card h2,.panel h2{margin:0 0 8px;font-size:16px}.metric-card p{overflow-wrap:anywhere;margin:0;font-size:28px;font-weight:800}.metric-card span{margin-top:8px;font-size:14px;display:block}.metric-link{color:inherit;border-bottom:1px dashed #16304159;text-decoration:none}.accent-sea{color:#fff;background:linear-gradient(135deg,#0f4561f0,#1a7c9ae6)}.accent-sea span{color:#ffffffd1}.panel-grid{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}.panel{min-width:0;padding:20px}.wide-panel,.feature-panel{min-height:100%}.panel-header{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;margin-bottom:16px;display:flex}.panel-header>*{min-width:0}.panel-header span{overflow-wrap:anywhere}.chart-wrap,.chart-card{height:360px}.chart-card{grid-template-rows:auto minmax(0,1fr);gap:10px;min-width:0;display:grid}.facts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:0;display:grid}.facts div{background:#e2edf48f;border-radius:18px;padding:14px}.facts dt{color:#617887;margin-bottom:6px;font-size:13px}.facts dd{margin:0;font-size:18px;font-weight:700}.map-surface,.map-empty{border:0;border-radius:22px;width:100%;min-height:470px;overflow:hidden}.map-empty{text-align:center;background:linear-gradient(135deg,#cce1eb8c,#f8ece099);place-items:center;padding:24px;display:grid}.map-fallback{gap:12px;display:grid}.track-toolbar{gap:12px;min-width:0;margin-bottom:16px;display:grid}.track-toolbar-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.range-chips{flex-wrap:wrap;gap:10px;display:flex}.track-inline-field{color:#355061;align-items:center;gap:10px;font-size:14px;display:flex}.track-inline-field span{white-space:nowrap}.track-inline-field input{background:#fffffff2;border:1px solid #12304324;border-radius:14px;width:120px;padding:12px 14px}.chip{color:#26485c;cursor:pointer;background:#e2edf4b3;border:1px solid #1230431f;border-radius:999px;padding:10px 14px;font-weight:700}.chip.active{color:#fff;background:linear-gradient(135deg,#16384f,#1c6f8d)}.track-range-form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.track-range-form label{color:#355061;flex-direction:column;gap:6px;font-size:14px;display:flex}.track-range-form input{background:#fffffff2;border:1px solid #12304324;border-radius:14px;min-width:0;padding:12px 14px}.map-popup{gap:4px;min-width:180px;display:grid}.nav-link-button{text-decoration:none}.table-wrap{-webkit-overflow-scrolling:touch;min-width:0;max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #17304214;padding:12px 10px}th{text-transform:uppercase;letter-spacing:.08em;color:#617887;font-size:12px}.actions{flex-wrap:wrap;gap:10px;min-width:0;display:flex}.actions-spacious{gap:16px;margin-bottom:8px}.trips-layout{grid-template-columns:minmax(260px,360px) minmax(0,1fr);align-items:start;gap:18px;min-width:0;display:grid}.trips-list-panel{position:sticky;top:16px}.trip-list{gap:10px;max-height:72vh;padding-right:4px;display:grid;overflow:auto}.trip-list-item{text-align:left;color:#163041;cursor:pointer;background:#e2edf47a;border:1px solid #1230431a;border-radius:18px;gap:6px;width:100%;padding:14px;display:grid}.trip-list-item strong{font-size:15px}.trip-list-item span{color:#5d7380;font-size:13px}.trip-list-item.active{color:#fff;background:linear-gradient(135deg,#16384ff5,#1c6f8de6)}.trip-list-item.active span{color:#ffffffd1}.trip-metrics{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.trip-chart-grid{grid-template-columns:1fr;gap:16px;min-width:0;display:grid}.btn{color:#163041;cursor:pointer;background:#d9e6ec;border:0;border-radius:14px;padding:12px 16px;font-weight:700}.btn-sea{color:#fff;background:#0e6f8f}.btn-dark{color:#fff;background:#19364a}.btn-warn{color:#203040;background:#e1b14d}.btn-ember{color:#fff;background:#b54a2b}.auth-shell{place-items:center;min-height:100vh;display:grid}.auth-card{width:min(420px,100%);padding:28px}.auth-card h1{margin:10px 0 22px}.auth-form{gap:14px;display:grid}.auth-form label{color:#355061;gap:6px;font-weight:700;display:grid}.auth-form input{background:#fffffff2;border:1px solid #12304324;border-radius:14px;padding:12px 14px}.primary-action{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16384f,#1c6f8d);border:0;border-radius:16px;padding:13px 16px;font-weight:800}.primary-action:disabled{cursor:wait;opacity:.68}.auth-error{color:#943719}.hint-row{overflow-wrap:anywhere;margin-top:12px;font-size:14px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;min-width:0;margin-bottom:18px;display:grid}.form-grid label{color:#355061;flex-direction:column;gap:6px;min-width:0;font-size:14px;display:flex}.toggle{background:#e2edf48f;border-radius:16px;align-items:center;padding:12px;flex-direction:row!important;gap:10px!important}@media (width<=980px){.panel-header,.track-inline-field{flex-direction:column}.track-inline-field{align-items:stretch}.track-inline-field span{white-space:normal}.panel-grid,.trips-layout,.trip-chart-grid{grid-template-columns:1fr}.trips-list-panel{position:static}.trip-list{max-height:none}}@media (width<=760px){.app-shell{padding:14px}.page-nav{border-radius:18px;gap:8px;padding:8px}.page-nav a,.nav-logout{text-align:center;flex:calc(50% - 8px);margin-left:0;padding:11px 12px}.card-grid,.compact-grid,.diagnostics-grid{grid-template-columns:1fr;gap:12px}.metric-card,.panel,.alert{border-radius:20px;padding:16px}.metric-card{min-height:auto}.metric-card p{overflow-wrap:anywhere;font-size:clamp(22px,7vw,28px)}.track-toolbar-head,.range-chips,.actions{align-items:stretch}.range-chips{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.chip,.btn,.track-inline-field,.track-inline-field input{width:100%}.track-range-form,.form-grid{grid-template-columns:1fr}.map-surface,.map-empty{border-radius:18px;min-height:380px}.chart-wrap,.chart-card{height:300px}th,td{padding:10px 8px;font-size:13px}.panel-header{align-items:stretch}.panel-header span{width:100%}.mobile-card-table{min-width:0;display:block}.mobile-card-table thead{display:none}.mobile-card-table tbody{gap:12px;display:grid}.mobile-card-table tr{background:#e2edf461;border:1px solid #17304214;border-radius:18px;gap:0;padding:12px;display:grid}.mobile-card-table td{overflow-wrap:anywhere;border-bottom:1px solid #17304212;grid-template-columns:minmax(96px,.42fr) minmax(0,1fr);align-items:baseline;gap:12px;padding:8px 0;display:grid}.mobile-card-table td:last-child{border-bottom:0}.mobile-card-table td:before{content:attr(data-label);color:#617887;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}}@media (width<=420px){.app-shell{padding:10px}.page-nav a,.nav-logout{flex-basis:100%}.range-chips{grid-template-columns:1fr}.map-surface,.map-empty{min-height:330px}.mobile-card-table td{grid-template-columns:1fr;gap:4px}}