:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--black:#000;--bg:#000;--surface:#0c0c0e;--surface-raised:#141416;--surface-hover:#1a1a1d;--white:#f5f5f7;--muted:#f5f5f79e;--subtle:#f5f5f76b;--border:#ffffff14;--border-strong:#ffffff29;--accent:#2997ff;--danger:#ff6b6b;--ease:cubic-bezier(.22, 1, .36, 1);--radius:14px;--radius-sm:10px;color:var(--white);background:var(--bg);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:15px;line-height:1.47}*{box-sizing:border-box}html,body{background:var(--bg);min-width:320px;min-height:100%;color:var(--white);font-family:var(--font-sans), system-ui, sans-serif;margin:0}::selection{background:#ffffff2e}button,input,select,a{font:inherit}button,.buttonLink{background:var(--white);min-height:44px;color:var(--black);letter-spacing:-.01em;transition:background .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease), transform .25s var(--ease), opacity .25s var(--ease);border:1px solid #0000;border-radius:980px;justify-content:center;align-items:center;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}button{cursor:pointer}button:hover,.buttonLink:hover{background:#e8e8ed}button:active,.buttonLink:active{transform:scale(.985)}button:disabled{cursor:not-allowed;opacity:.4;transform:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--white);outline-offset:3px}button.secondary,button.danger{color:var(--white);border-color:var(--border-strong);background:0 0}button.secondary:hover{background:var(--surface-hover);border-color:#ffffff47}button.danger{color:var(--danger);border-color:#ff6b6b73}button.danger:hover{background:#ff6b6b1a}.shell{background:radial-gradient(60% 40% at 0% 0%, #2997ff14, transparent 60%), var(--bg);grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:20;border-right:1px solid var(--border);-webkit-backdrop-filter:saturate(180%)blur(22px);backdrop-filter:saturate(180%)blur(22px);background:#0000008c;flex-direction:column;min-width:0;height:100vh;padding:22px 14px 18px;display:flex;position:sticky;top:0}.brand,.authBrand{align-items:center;gap:12px;display:flex}.brand{color:var(--white);transition:opacity .25s var(--ease);margin:0 4px 28px;text-decoration:none}.brand:hover{opacity:.85}.brandText{gap:2px;display:grid}.brandWord,.brand strong,.authBrand .brandWord{letter-spacing:-.05em;font-size:18px;font-weight:600}.brand small{color:var(--subtle);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:600}.authBrand{align-items:center;display:flex}nav{gap:2px;display:grid}nav a{min-height:40px;color:var(--muted);letter-spacing:-.01em;transition:background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);border:1px solid #0000;border-radius:10px;align-items:center;padding:0 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}nav a:hover{color:var(--white);background:#ffffff0a}nav a.active{color:var(--white);background:#ffffff1a;border-color:#0000;font-weight:600}.account{border-top:1px solid var(--border);color:var(--muted);gap:8px;margin-top:auto;padding:16px 8px 4px;font-size:12px;display:grid}.accountEmail{text-overflow:ellipsis;white-space:nowrap;color:var(--subtle);overflow:hidden}.linkButton{width:fit-content;min-height:32px;color:var(--white);text-align:left;opacity:.72;background:0 0;border:0;border-radius:0;padding:0;font-weight:500;text-decoration:none}.linkButton:hover{opacity:1;background:0 0}main{width:100%;max-width:1280px;margin:0 auto;padding:44px clamp(22px,4vw,56px) 88px;position:relative}header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:36px;padding-bottom:28px;display:flex}h1,h2,p{overflow-wrap:anywhere}h1{letter-spacing:-.045em;max-width:760px;margin:8px 0 10px;font-size:clamp(36px,4.6vw,56px);font-weight:600;line-height:1.02}h2{letter-spacing:-.025em;margin:0;font-size:19px;font-weight:600;line-height:1.25}.eyebrow{color:var(--accent);letter-spacing:.04em;text-transform:none;margin:0;font-size:12px;font-weight:600}.lede{max-width:560px;color:var(--muted);margin:0;font-size:15px;line-height:1.5}.buttonLink{flex:none}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.metrics article{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg, #ffffff08, transparent 48%), var(--surface);min-height:140px;transition:border-color .3s var(--ease), transform .3s var(--ease), background .3s var(--ease);gap:8px;padding:22px;display:grid}.metrics article:hover{border-color:var(--border-strong);transform:translateY(-2px)}.metrics span,.metrics small{color:var(--muted);font-size:12px;font-weight:500}.metrics strong{letter-spacing:-.05em;font-variant-numeric:tabular-nums;align-self:center;font-size:40px;font-weight:600;line-height:1}.metrics small{color:var(--subtle);align-self:end}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.stack{gap:16px;display:grid}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;transition:border-color .3s var(--ease);padding:22px}.panel:hover{border-color:#ffffff1f}.panelHeading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:14px;display:flex}.mono,code{font-family:var(--font-mono), ui-monospace, monospace;font-size:.92em}.recordList{display:grid}.recordList article{border-top:1px solid var(--border);min-width:0;transition:background .2s var(--ease);justify-content:space-between;align-items:center;gap:20px;padding:15px 0;display:flex}.recordList article:first-child{border-top:0;padding-top:0}.recordList article:last-child{padding-bottom:0}.recordList article>div:first-child{gap:5px;min-width:0;display:grid}.recordList strong,.recordList span{text-overflow:ellipsis;max-width:100%;overflow:hidden}.recordList strong{letter-spacing:-.015em;font-weight:600}.recordList span,.emptyState,.loadingState,.connectStatus,.prose p{color:var(--muted);font-size:13px;line-height:1.55}.statusTag{border:1px solid var(--border-strong);letter-spacing:.02em;text-transform:capitalize;background:#ffffff0a;border-radius:980px;width:fit-content;padding:3px 10px;font-weight:600;color:var(--white)!important;font-size:11px!important}.quick>p:not(.eyebrow),.prose p{max-width:720px}.connectForm{flex-direction:column;align-items:stretch;gap:14px;margin-top:20px;display:flex}.connectForm label,.resourceForm label{color:var(--muted);gap:8px;font-size:13px;font-weight:600;display:grid}.connectStatus{margin:0}.connectStatus p{margin:7px 0 0}.accountCards{gap:12px;display:grid}.connectionAccount{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff04;padding:18px}.connectionSummary,.accountIdentifier,.connectionVehicles>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.connectionSummary h3{letter-spacing:-.02em;margin:8px 0 6px;font-size:18px;font-weight:600}.connectionSummary p,.connectionGuidance{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.accountIdentifier{justify-content:flex-start}.accountIdentifier code{overflow-wrap:anywhere}.connectionFacts{border-block:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0;display:grid}.connectionFacts div{padding:12px 0}.connectionFacts dt{color:var(--subtle);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.connectionFacts dd{margin:4px 0 0;font-size:13px}.connectionGuidance{border-left:2px solid var(--accent);padding-left:12px}.connectionVehicles{margin-top:14px;display:grid}.connectionVehicles>div{border-top:1px solid var(--border);min-height:52px;padding-block:8px}.connectionVehicles span{text-overflow:ellipsis;font-size:13px;overflow:hidden}.connectionVehicleIdentity{gap:5px;min-width:0;display:grid}button.compact{min-height:36px;padding-inline:14px;font-size:13px}input,select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--white);transition:border-color .2s var(--ease), background .2s var(--ease);background:#00000073;padding:0 14px}input::placeholder{color:var(--subtle)}input:hover,select:hover{border-color:#ffffff47}input:focus,select:focus{background:#000000a6;border-color:#ffffff73}select{cursor:pointer}.resourceForm{gap:18px;display:grid}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.rowActions{flex-wrap:wrap;flex:none;gap:8px;display:flex}.rowActions button,button.danger{min-height:40px;padding:0 14px;font-size:13px}.errorState,.secretNotice{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-raised);justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:18px;display:flex}.errorState{background:#ff6b6b0f;border-color:#ff6b6b73}.secretNotice{background:#2997ff0f;border-color:#2997ff66}.secretNotice p{color:var(--muted);margin:5px 0 10px;font-size:13px}.secretNotice code,.prose code{border:1px solid var(--border);color:var(--white);overflow-wrap:anywhere;background:#00000073;border-radius:8px;padding:10px 12px;display:block}.loadingState,.emptyState{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:#ffffff04;margin:0;padding:18px}.loadingState{margin-bottom:20px}.authShell{background:radial-gradient(50% 40% at 50% 0%, #2997ff24, transparent 60%), radial-gradient(40% 30% at 80% 80%, #ffffff0a, transparent 55%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.authShell .panel{z-index:1;border-color:var(--border-strong);background:linear-gradient(180deg, #ffffff0a, transparent 40%), var(--surface);width:min(100%,440px);padding:32px;position:relative;box-shadow:0 24px 80px #00000073}.authShell h1{margin-top:12px;font-size:clamp(40px,8vw,56px)}.authBrand{border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:18px}.authBrand strong{letter-spacing:-.03em}@media (max-width:960px){.shell{background:var(--bg);grid-template-columns:1fr}.sidebar{z-index:10;border-right:0;border-bottom:1px solid var(--border);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#000000b8;width:100%;height:auto;padding:12px 14px;position:sticky}.brand{margin:0 2px 10px}.brand small{display:none}nav{scrollbar-width:thin;gap:6px;padding-bottom:3px;display:flex;overflow-x:auto}nav a{flex:none;min-height:44px}.account{justify-content:space-between;align-items:center;gap:16px;margin-top:10px;padding:10px 4px 0;display:flex}.accountEmail{min-width:0}.linkButton{flex:none}main{padding-top:32px}}@media (max-width:720px){main{padding:24px 14px 64px}header{flex-direction:column;align-items:flex-start;gap:20px}h1{font-size:clamp(34px,12vw,48px)}.buttonLink{width:100%}.metrics,.grid,.formGrid{grid-template-columns:1fr}.metrics article{min-height:112px}.metrics strong{font-size:34px}.recordList article,.errorState,.secretNotice,.connectionSummary,.connectionVehicles>div{flex-direction:column;align-items:stretch}.connectionFacts{grid-template-columns:1fr}.rowActions,.rowActions button,.recordList article>button,.recordList article>.rowActions{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
