@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600;700&family=Schibsted+Grotesk:wght@500;600;700;800&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f5f7fa;--white:#fff;--ink:#0e1a2b;--ink-2:#1c2a3f;--muted:#5b6b80;--faint:#95a3b5;--line:#dce2ea;--line2:#ebeff4;--canvas:#e4e8ee;--cobalt:#2346ff;--cobalt-hover:#1a38e6;--cobalt-press:#142dc2;--cobalt-soft:#e8ecff;--cobalt-ring:#2346ff38;--ok:#0f9d6b;--ok-soft:#e3f5ee;--warn:#c27803;--warn-soft:#fdf3e1;--bad:#d33b3b;--bad-soft:#fcebeb;--display:"Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;--body:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--r-sm:6px;--r:8px;--r-lg:10px;--r-xl:14px;--shadow-pop:0 1px 2px #0e1a2b0f, 0 8px 24px #0e1a2b14;--shadow-modal:0 2px 6px #0e1a2b14, 0 24px 64px #0e1a2b2e;--ease:cubic-bezier(.2, .7, .2, 1);--font-space-grotesk:var(--display);--font-ibm-sans:var(--body);--font-ibm-mono:var(--mono);--bg:var(--paper);--surface:var(--white);--surface2:var(--paper);--border:var(--line);--border-strong:#c9d3df;--text:var(--ink);--accent:var(--cobalt);--accent2:var(--cobalt);--success-bg:var(--ok-soft);--success-text:var(--ok);--danger-bg:var(--bad-soft);--danger-text:var(--bad);--warn-bg:var(--warn-soft);--warn-text:var(--warn);--card-shadow:var(--shadow-pop);--cut-xl:none;--cut-l:none;--cut-s:none;--cut-logo:none;--cut-beacon:none;--cut-stat:none;--cut-risk:none}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--paper);max-width:100vw;min-height:100%;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:13px}::selection{background:var(--cobalt-soft);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{color:inherit;font-family:inherit}:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes hp-pulse{0%{box-shadow:0 0 #0f9d6b73}70%{box-shadow:0 0 0 7px #0f9d6b00}to{box-shadow:0 0 #0f9d6b00}}@keyframes beaconPulse{0%{box-shadow:0 0 #0f9d6b73}70%{box-shadow:0 0 0 24px #0f9d6b00}to{box-shadow:0 0 #0f9d6b00}}@keyframes hp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hp-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes hp-shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}*{scrollbar-width:thin;scrollbar-color:#c9d3df transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c9d3df padding-box padding-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--faint);background-clip:padding-box}@media screen and (max-width:768px){input,select,textarea{font-size:16px!important}}.hp-app{background:var(--paper);grid-template-rows:56px minmax(0,1fr);height:100dvh;font-size:13px;display:grid}.hp-top{background:var(--white);border-bottom:1px solid var(--line);z-index:20;align-items:center;gap:36px;padding:0 20px;display:flex;position:relative}.hp-top .hp-logo{align-items:center;height:100%;display:flex}.hp-top .hp-logo img{width:auto;height:24px;display:block}.hp-top nav{gap:26px;height:100%;display:flex}.hp-top nav a{font:600 13px var(--display);color:var(--muted);transition:color .15s var(--ease), box-shadow .2s var(--ease);white-space:nowrap;align-items:center;gap:7px;text-decoration:none;display:flex}.hp-top nav a svg{width:16px;height:16px}.hp-top nav a:hover{color:var(--ink)}.hp-top nav a.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--cobalt)}.hp-top .right{color:var(--muted);align-items:center;gap:16px;margin-left:auto;display:flex}.hp-tenant{font:500 12px var(--mono);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--muted);white-space:nowrap;padding:5px 9px}.hp-icon-btn{border-radius:var(--r);width:30px;height:30px;color:var(--muted);cursor:pointer;transition:background .15s var(--ease), color .15s var(--ease);background:0 0;border:0;place-items:center;display:grid;position:relative}.hp-icon-btn:hover{background:var(--paper);color:var(--ink)}.hp-icon-btn svg{width:16px;height:16px}.hp-av{background:var(--ink);color:#fff;width:30px;height:30px;font:600 11px var(--display);cursor:pointer;transition:box-shadow .15s var(--ease);border:0;border-radius:50%;place-items:center;display:grid}.hp-av:hover,.hp-av[aria-expanded=true]{box-shadow:0 0 0 3px var(--line)}.hp-menu{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);min-width:220px;box-shadow:var(--shadow-pop);z-index:50;animation:hp-rise .14s var(--ease);padding:6px;position:absolute;top:calc(100% + 8px);right:0}.hp-menu .hp-menu-head{border-bottom:1px solid var(--line2);margin-bottom:4px;padding:8px 10px 10px}.hp-menu .hp-menu-head b{font:600 13px var(--display);color:var(--ink);display:block}.hp-menu .hp-menu-head small{font:500 10.5px var(--mono);color:var(--faint);letter-spacing:.05em}.hp-menu button,.hp-menu a{border-radius:var(--r-sm);width:100%;font:500 12.5px var(--body);color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:8px 10px;display:flex}.hp-menu button:hover,.hp-menu a:hover{background:var(--paper)}.hp-menu button svg,.hp-menu a svg{width:14px;height:14px;color:var(--muted)}.hp-menu .danger,.hp-menu .danger svg{color:var(--bad)}.hp-sub{border-bottom:1px solid var(--line);background:var(--paper);flex:none;align-items:center;gap:28px;height:60px;padding:0 20px;display:flex}.hp-sub h1{font:700 22px var(--display);letter-spacing:-.02em;white-space:nowrap;margin:0}.hp-tabs{gap:4px;display:flex}.hp-tabs a,.hp-tabs button{font:500 12px var(--mono);border-radius:var(--r-sm);color:var(--muted);cursor:pointer;white-space:nowrap;transition:background .15s var(--ease), color .15s var(--ease);background:0 0;border:0;padding:6px 10px}.hp-tabs a:hover,.hp-tabs button:hover{color:var(--ink);background:var(--line2)}.hp-tabs .on,.hp-tabs .on:hover{background:var(--ink);color:#fff}.hp-sync{font:500 11.5px var(--mono);color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:7px;margin-left:auto;display:flex}.hp-sync i{background:var(--ok);border-radius:50%;width:7px;height:7px;animation:2.4s infinite hp-pulse}.hp-sync.stale i{background:var(--warn);animation:none}.hp-page{flex-direction:column;gap:16px;min-height:0;padding:20px;display:flex}.hp-btn{background:var(--cobalt);color:#fff;border-radius:var(--r);font:600 13px var(--display);cursor:pointer;white-space:nowrap;transition:background .15s var(--ease), box-shadow .15s var(--ease), transform 60ms;border:0;justify-content:center;align-items:center;gap:6px;padding:9px 14px;text-decoration:none;display:inline-flex}.hp-btn:hover{background:var(--cobalt-hover)}.hp-btn:active{background:var(--cobalt-press);transform:translateY(.5px)}.hp-btn:focus-visible{box-shadow:0 0 0 3px var(--cobalt-ring);outline:none}.hp-btn:disabled{opacity:.55;cursor:not-allowed}.hp-btn svg{width:14px;height:14px}.hp-btn.ghost{background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.hp-btn.ghost:hover{background:var(--paper)}.hp-btn.dark{background:var(--ink)}.hp-btn.dark:hover{background:var(--ink-2)}.hp-btn.danger{background:var(--white);color:var(--bad);box-shadow:inset 0 0 0 1px #f1c9c9}.hp-btn.danger:hover{background:var(--bad-soft)}.hp-btn.sm{padding:6px 10px;font-size:12px}.hp-seg{border:1px solid var(--line);border-radius:var(--r);background:var(--white);padding:2px;display:flex}.hp-seg button{text-align:center;border-radius:var(--r-sm);font:500 11.5px var(--mono);color:var(--muted);cursor:pointer;white-space:nowrap;font-variant-numeric:tabular-nums;transition:background .15s var(--ease), color .15s var(--ease), box-shadow .15s var(--ease);background:0 0;border:0;flex:1;padding:5px 0}.hp-seg button:hover{color:var(--ink)}.hp-seg button.on{background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.hp-select{display:flex;position:relative}.hp-select select{appearance:none;border:1px solid var(--line);border-radius:var(--r);width:100%;font:500 12px var(--body);color:var(--muted);background:var(--white);cursor:pointer;transition:border-color .15s var(--ease), box-shadow .15s var(--ease), color .15s;outline:none;padding:7px 28px 7px 10px}.hp-select select:hover{color:var(--ink);border-color:#c9d3df}.hp-select select:focus{border-color:var(--cobalt);box-shadow:0 0 0 3px var(--cobalt-ring)}.hp-select svg{width:13px;height:13px;color:var(--muted);pointer-events:none;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.hp-search{border:1px solid var(--line);border-radius:var(--r);background:var(--white);color:var(--muted);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);align-items:center;gap:8px;padding:0 10px;display:flex}.hp-search:hover{border-color:#c9d3df}.hp-search:focus-within{border-color:var(--cobalt);box-shadow:0 0 0 3px var(--cobalt-ring)}.hp-search svg{flex:none;width:13px;height:13px}.hp-search input{min-width:0;font:500 11.5px var(--mono);color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:7px 0}.hp-search input::placeholder{color:var(--muted)}.hp-search kbd{font:500 10px var(--mono);color:var(--faint);border:1px solid var(--line);border-radius:4px;padding:1px 5px}.hp-field{gap:6px;display:grid}.hp-label{font:500 10.5px var(--mono);color:var(--faint);letter-spacing:.05em;text-transform:uppercase}.hp-input{border:1px solid var(--line);border-radius:var(--r);width:100%;font:500 13px var(--body);color:var(--ink);background:var(--white);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);outline:none;padding:9px 11px}.hp-input::placeholder{color:var(--faint)}.hp-input:hover{border-color:#c9d3df}.hp-input:focus{border-color:var(--cobalt);box-shadow:0 0 0 3px var(--cobalt-ring)}.hp-input.mono{font-family:var(--mono);font-size:12px}.hp-pill{font:600 9.5px var(--mono);letter-spacing:.05em;white-space:nowrap;text-transform:uppercase;border-radius:4px;align-items:center;gap:5px;padding:2px 6px;display:inline-flex}.p-driving,.p-ok{background:var(--ok-soft);color:var(--ok)}.p-stopped,.p-warn{background:var(--warn-soft);color:var(--warn)}.p-lost,.p-bad{background:var(--bad-soft);color:var(--bad)}.p-history,.p-idle{background:var(--line2);color:var(--muted)}.p-info{background:var(--cobalt-soft);color:var(--cobalt)}.hp-note{border-radius:var(--r);font:500 12.5px/1.45 var(--body);align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.hp-note svg{flex:none;width:14px;height:14px;margin-top:2px}.hp-note.ok{background:var(--ok-soft);color:#0b7a53}.hp-note.warn{background:var(--warn-soft);color:#8f5a04}.hp-note.bad{background:var(--bad-soft);color:#a92c2c}.hp-note.info{background:var(--cobalt-soft);color:#1a33c2}.hp-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg)}.hp-card-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.hp-card-head h2,.hp-card-head h3{font:700 15px var(--display);letter-spacing:-.01em}.hp-card-body{padding:16px}.hp-eyebrow{font:500 10.5px var(--mono);color:var(--faint);letter-spacing:.05em;text-transform:uppercase}.hp-nums{grid-template-columns:repeat(3,1fr);display:grid}.hp-nums>div{border-left:1px solid var(--line);min-width:0;padding-left:10px}.hp-nums>div:first-child{border:0;padding:0}.hp-nums small{font:500 10px var(--mono);color:var(--faint);letter-spacing:.05em;display:block}.hp-nums b{font:700 19px var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}.hp-nums b em{font:500 11px var(--body);color:var(--muted);font-style:normal}.hp-kv{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:96px 1fr;gap:7px 10px;padding:12px 0;font-size:12.5px;display:grid}.hp-kv dt{font:500 10.5px var(--mono);color:var(--faint);letter-spacing:.05em;padding-top:2px}.hp-kv dd{overflow-wrap:anywhere;min-width:0;margin:0;font-weight:500}.hp-kv dd span{color:var(--muted);font-family:var(--mono);font-size:11.5px}.hp-table{border-collapse:collapse;width:100%;font-size:12.5px}.hp-table th{text-align:left;font:500 10.5px var(--mono);color:var(--faint);letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--white);z-index:1;padding:10px 16px;position:sticky;top:0}.hp-table td{border-bottom:1px solid var(--line2);vertical-align:middle;padding:11px 16px}.hp-table tbody tr{transition:background .12s var(--ease)}.hp-table tbody tr:hover{background:#f9fafc}.hp-table tbody tr:last-child td{border-bottom:0}.hp-table .mono{font:500 11.5px var(--mono)}.hp-table .strong{font:600 13px var(--display)}.hp-empty{text-align:center;color:var(--muted);place-items:center;gap:8px;padding:40px 20px;display:grid}.hp-empty .hp-empty-ic{background:var(--paper);border:1px solid var(--line);width:36px;height:36px;color:var(--faint);border-radius:50%;place-items:center;display:grid}.hp-empty b{font:600 13.5px var(--display);color:var(--ink)}.hp-empty p{max-width:280px;font-size:12px}.hp-skel{background:linear-gradient(90deg, var(--line2) 0, #f4f6f9 40px, var(--line2) 80px) var(--line2);background-size:400px 100%;border-radius:4px;animation:1.2s linear infinite hp-shimmer}.hp-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:hp-fade-in .14s var(--ease);background:#0e1a2b52;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.hp-modal{background:var(--white);border:1px solid var(--line);border-radius:var(--r-xl);width:100%;max-width:520px;max-height:calc(100dvh - 32px);box-shadow:var(--shadow-modal);animation:hp-rise .18s var(--ease);overflow:auto}.hp-modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 14px;display:flex}.hp-modal-head h2{font:700 18px var(--display);letter-spacing:-.02em}.hp-modal-head small{font:500 11px var(--mono);color:var(--muted);margin-top:3px;display:block}.hp-modal-body{gap:14px;padding:18px 20px;display:grid}.hp-modal-foot{border-top:1px solid var(--line);border-radius:0 0 var(--r-xl) var(--r-xl);background:#fafbfc;justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.carrier-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:16px;width:100%;display:grid}@media (max-width:1240px){.carrier-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.carrier-overview-grid{grid-template-columns:1fr}}
