:root{--bg:#0e151d;--bg-2:#131c26;--panel:#16212e;--panel-2:#1b2735;--border:#26333f;--border-soft:#202c39;--text:#e7eef6;--text-soft:#aebccd;--muted:#7d90a3;--accent:#2fb37a;--accent-strong:#34d399;--accent-ink:#052015;--danger:#ef7c6a;--danger-bg:#34211d;--danger-border:#6d3730;--warn:#e6b450;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;max-width:100%;overflow-x:hidden}body,#root{width:100%;min-width:0;max-width:100%;margin:0;overflow-x:hidden}body{background:var(--bg)}h1,h2,p{margin:0}.app{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--bg-2);border-right:1px solid var(--border);flex-direction:column;gap:6px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:10px;padding:6px 10px 16px;display:flex}.brandMark{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:var(--accent-ink);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.brandText{gap:1px;display:grid}.brandText strong{letter-spacing:.2px;font-size:16px}.brandText span{color:var(--muted);font-size:11px}.navGroup{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:12px 12px 4px;font-size:10px;font-weight:800}.navItem{color:var(--text-soft);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;padding:9px 11px;font-size:13.5px;display:flex}.navItem:hover{background:var(--panel);color:var(--text)}.navItem.active{background:var(--panel-2);color:var(--text);box-shadow:inset 3px 0 0 var(--accent-strong)}.navItem svg{color:var(--muted)}.navItem.active svg,.navItem:hover svg{color:var(--accent-strong)}.navBadge{background:var(--danger);color:#190806;text-align:center;border-radius:999px;min-width:19px;margin-left:auto;padding:3px 6px;font-size:10px;font-weight:800}.navSpacer{flex:1}.navUser{border-top:1px solid var(--border);color:var(--muted);gap:2px;margin-top:8px;padding:12px 12px 4px;font-size:12px;display:grid}.navUser strong{color:var(--text);font-size:13px}.content{min-width:0;padding:20px 26px 40px}.topbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.topbar h1{letter-spacing:.2px;font-size:22px;line-height:1.1}.topbar p{color:var(--muted);margin-top:3px;font-size:12.5px}.topbarActions{align-items:center;gap:10px;display:inline-flex}.iconButton{background:var(--panel);border:1px solid var(--border);color:var(--text-soft);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.iconButton:hover{border-color:var(--accent);color:var(--accent-strong)}h2{align-items:center;gap:8px;margin-bottom:12px;font-size:15px;display:flex}h2 svg{color:var(--accent-strong)}.kpiGrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:18px;display:grid}.kpiCard{background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid var(--border);border-radius:14px;padding:16px 18px}.kpiCard .kpiTop{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.kpiCard .kpiTop svg{color:var(--accent-strong)}.kpiCard strong{margin-top:10px;font-size:30px;font-weight:800;line-height:1;display:block}.kpiCard .kpiSub{color:var(--muted);margin-top:6px;font-size:12px}.dashRow{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;display:grid}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.metrics article{background:var(--panel);border:1px solid var(--border);border-radius:12px;grid-template-columns:28px 1fr;align-items:center;gap:3px 12px;min-height:76px;padding:14px 16px;display:grid}.metrics span{color:var(--muted);font-size:12px}.metrics strong{grid-column:2;font-size:24px;line-height:1}.grid{grid-template-columns:1fr;gap:14px;margin-bottom:14px;display:grid}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;margin-bottom:16px;padding:18px;overflow:visible}.panelToolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:10px;display:flex}.sectionHint{color:var(--muted);max-width:900px;margin:-2px 0 14px;font-size:12.5px;line-height:1.5}.subTableTitle{color:var(--text-soft);text-transform:uppercase;margin:12px 0 4px;font-size:11px;font-weight:800}.interfaceHelp{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;grid-template-columns:1.25fr 1fr 1fr;gap:8px;margin:0 0 12px;padding:11px 13px;display:grid}.interfaceHelp div{gap:3px;min-width:0;display:grid}.interfaceHelp strong{color:var(--text);font-size:12px}.interfaceHelp span{color:var(--text-soft);overflow-wrap:anywhere;font-size:12px;line-height:1.4}.requiredLabel:after{color:var(--danger);content:" Pflicht";text-transform:uppercase;margin-left:4px;font-size:9px;font-weight:800}.alert{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger);border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;display:flex}.notice{color:var(--accent-strong);background:#142a20;border:1px solid #23503a;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;display:flex}.crashPanel{background:var(--panel);border:1px solid var(--border);border-radius:14px;gap:12px;max-width:620px;margin:40px auto;padding:22px;display:grid}.crashPanel p{color:var(--text-soft)}.crashPanel code{background:var(--bg-2);border:1px solid var(--border);color:var(--danger);overflow-wrap:anywhere;border-radius:6px;padding:10px;display:block}.formRow{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:10px;min-width:0;margin-bottom:14px;display:grid}.sectionForm{border-top:1px solid var(--border-soft);margin-top:14px;padding-top:14px}.compactForm{grid-template-columns:minmax(220px,1fr) 150px;max-width:560px}input,select{background:var(--bg-2);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:8px;width:100%;min-width:0;min-height:38px;padding:0 10px}input::placeholder{color:#5f7183}input:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #34d39924}.formField{gap:5px;min-width:0;display:grid}.formField span{color:var(--muted);text-transform:uppercase;font-size:10.5px;font-weight:800;line-height:1.2}.tableInput,td select{width:100%;min-width:0;min-height:32px}button{font:inherit}.primaryButton,.smallButton,.dangerButton{cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 13px;display:inline-flex}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.primaryButton{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:var(--accent-ink);border:0;font-weight:700}.primaryButton:hover{filter:brightness(1.06)}.smallButton{background:var(--panel-2);border:1px solid var(--border);color:var(--text-soft);min-height:32px}.smallButton:hover{border-color:var(--accent);color:var(--accent-strong)}.strongAction{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:var(--accent-ink);border:0;font-weight:700}.dangerButton{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger);min-height:32px;padding:0 10px}.dangerButton:hover{filter:brightness(1.1)}.checkLabel{color:var(--text-soft);white-space:nowrap;align-items:center;gap:7px;width:auto;min-height:38px;display:inline-flex}.checkLabel input{width:auto;min-height:auto}.compactCheck{min-height:32px}.inlineSelect{width:auto;min-height:32px}.status{text-transform:uppercase;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.status-accepted,.status-active,.status-calculated,.status-finalized,.status-public,.status-ok{color:var(--accent-strong);background:#34d39929}.status-charging{color:var(--accent-strong);background:#34d39938}.status-blocked,.status-failed,.status-rejected,.status-error,.status-critical{color:var(--danger);background:#ef7c6a29}.status-pending,.status-requested,.status-private,.status-stopped,.status-skipped,.status-info{color:var(--text-soft);background:#7d90a329}.status-fallback,.status-warning{color:var(--warn);background:#e6b45029}.status-enabled{color:var(--accent-strong);background:#34d39929}.status-disabled,.status-archived{color:var(--text-soft);background:#7d90a329}.connection-online{color:var(--accent-strong);background:#34d3992e}.connection-attempting{color:var(--warn);background:#e6b45029}.connection-offline{color:var(--text-soft);background:#7d90a329}.connection-blocked{color:var(--danger);background:#ef7c6a29}table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:0;font-size:12.5px}th,td{border-bottom:1px solid var(--border-soft);overflow-wrap:anywhere;text-align:left;vertical-align:top;white-space:normal;padding:9px 8px}th{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;font-size:10.5px;font-weight:800}tbody tr:hover{background:var(--panel-2)}.itemList{gap:10px;display:grid}.itemRow{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:13px}.liveGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;display:grid}.liveCard{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:14px}.liveCharging{box-shadow:inset 4px 0 0 var(--accent-strong);border-color:#2f9e62}.liveStale{box-shadow:inset 4px 0 0 var(--warn);border-color:#7a5f1f}.liveLabel{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700}.powerValue{color:var(--accent-strong);margin:5px 0 12px;font-size:28px;font-weight:800;line-height:1}.liveWarning{color:var(--warn);background:#2a2410;border:1px solid #6b5a20;border-radius:10px;gap:3px;margin:0 0 10px;padding:10px;line-height:1.4;display:grid}.liveWarning strong{text-transform:uppercase;font-size:12px}.liveWarning span{font-size:12.5px}.chargedValue{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;padding:10px;display:flex}.chargedValue span{color:var(--text-soft);text-transform:uppercase;font-size:12px;font-weight:700}.chargedValue strong{color:var(--accent-strong);font-size:18px}.phaseGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.phaseBox{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;gap:2px;min-height:82px;padding:9px;display:grid}.phaseBox strong{color:var(--text);font-size:13px}.phaseBox span{color:var(--text-soft);overflow-wrap:anywhere;font-size:12px}.itemHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.itemMeta{color:var(--muted);overflow-wrap:anywhere;text-transform:uppercase;margin-bottom:2px;font-size:11px;font-weight:700}.spacedMeta{margin-top:7px}.itemTitle{overflow-wrap:anywhere;font-size:15px}.badgeStack{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.detailGrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 14px;display:grid}.liveCard .detailGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.detailField{gap:4px;min-width:0;display:grid}.detailField span{color:var(--muted);text-transform:uppercase;font-size:10.5px;font-weight:800}.detailField strong{overflow-wrap:anywhere;font-size:13px;font-weight:600}.detailField select,.detailField input{width:100%}.itemActions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.customerPage,.customerWorkspace{gap:16px;display:grid}.customerCreatePanel{grid-template-columns:minmax(280px,1fr) minmax(360px,560px);align-items:end;gap:18px;display:grid}.customerCreatePanel .sectionHint,.customerCreatePanel .formRow{margin-bottom:0}.customerListToolbar{justify-content:space-between}.customerListToolbar>div{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.customerListToolbar h2{margin:0}.customerListToolbar input{max-width:300px}.toolbarMeta{color:var(--muted);font-size:12px}.customerList{border-top:1px solid var(--border-soft);display:grid}.customerListRow{border:0;border-bottom:1px solid var(--border-soft);color:var(--text);cursor:pointer;text-align:left;background:0 0;grid-template-columns:10px minmax(180px,1fr) minmax(180px,auto) 132px;align-items:center;gap:12px;width:100%;min-height:66px;padding:10px 6px;display:grid}.customerListRow:hover{background:var(--panel-2)}.customerStateDot{background:var(--accent-strong);border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #34d39980}.customerStateDot.archived{background:var(--muted);box-shadow:none}.customerListIdentity{gap:3px;min-width:0;display:grid}.customerListIdentity strong{overflow-wrap:anywhere}.customerListIdentity small{color:var(--muted)}.customerListStats{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:14px;display:flex}.customerListStats span{align-items:center;gap:5px;display:inline-flex}.customerOpenLabel{color:var(--accent-strong);justify-content:flex-end;align-items:center;gap:5px;display:inline-flex}.customerWorkspaceHeader{background:var(--panel);border:1px solid var(--border);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 18px;display:grid}.customerWorkspaceTitle{gap:4px;min-width:0;display:grid}.customerWorkspaceTitle>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.customerWorkspaceTitle h2{overflow-wrap:anywhere;margin:0;font-size:23px}.customerEyebrow{color:var(--accent-strong);text-transform:uppercase;font-size:10.5px;font-weight:800}.customerHeaderActions{align-items:center;gap:8px;display:flex}.customerRefreshState{color:var(--muted);font-size:12px}.workspaceError{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger);border-radius:8px;align-items:center;gap:8px;padding:11px 13px;display:flex}.customerKpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.customerKpis article{background:var(--panel);border:1px solid var(--border);border-radius:8px;gap:6px;min-height:105px;padding:13px;display:grid}.customerKpis article svg{color:var(--accent-strong)}.customerKpis article span{color:var(--muted);text-transform:uppercase;font-size:10.5px;font-weight:800}.customerKpis article strong{font-size:23px}.customerKpis article.attention{box-shadow:inset 3px 0 0 var(--warn);border-color:#7a5f1f}.customerKpis article.attention svg{color:var(--warn)}.customerWorkspaceGrid{grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:16px;display:grid}.customerWorkspaceGrid .panel{margin-bottom:0}.customerAreaGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.workspaceArea{background:var(--bg-2);border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:left;border-radius:8px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:86px;padding:11px;display:grid}.workspaceArea:hover{border-color:var(--accent)}.workspaceAreaIcon{color:var(--accent-strong);background:#34d3991f;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.workspaceArea>span:nth-child(2){gap:2px;min-width:0;display:grid}.workspaceArea small{color:var(--muted);text-transform:uppercase;font-size:10.5px;font-weight:800}.workspaceArea strong{font-size:20px}.workspaceArea em{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;overflow:hidden}.dangerZone{border-color:#563c36}.dangerZoneHeader{justify-content:space-between;align-items:center;display:flex}.dangerZoneHeader h2{margin:4px 0 0}.dangerZoneHeader>svg{color:var(--danger)}.dangerZone>p{color:var(--text-soft);max-width:900px;line-height:1.5}.dangerActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dangerButton:disabled,.smallButton:disabled,.primaryButton:disabled,.iconButton:disabled{cursor:not-allowed;opacity:.45}.dangerNotice,.safeNotice{border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;display:flex}.dangerNotice{color:var(--warn);background:#e6b4501c;border:1px solid #665222}.safeNotice{color:var(--accent-strong);background:#34d3991a;border:1px solid #2f6f57}.blockerList{border-top:1px solid var(--border-soft);gap:7px;margin-top:14px;padding-top:12px;display:grid}.blockerList>strong{font-size:12px}.blockerRow{background:var(--bg-2);border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:left;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:9px 11px;display:grid}.blockerRow:hover{border-color:var(--warn)}.blockerRowStatic{cursor:default}.blockerRowStatic:hover{border-color:var(--border)}.blockerRow>svg:first-child{color:var(--warn)}.blockerRow>span{gap:2px;display:grid}.blockerRow small{color:var(--muted)}.modalBackdrop{z-index:1000;background:#00080ec7;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.customerModal{background:var(--panel);border:1px solid var(--border);border-radius:10px;width:100%;max-width:520px;padding:18px;box-shadow:0 24px 70px #00000073}.customerModal>p{color:var(--text-soft);line-height:1.55}.modalHeader{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.modalHeader h2{margin:0}.modalForm{gap:14px;display:grid}.modalActions{justify-content:flex-end;align-items:center;gap:8px;margin-top:16px;display:flex}@media (width<=900px){.customerCreatePanel,.customerWorkspaceGrid{grid-template-columns:1fr}.customerKpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.customerCreatePanel{display:block}.customerCreatePanel .compactForm{grid-template-columns:1fr;margin-top:14px}.customerListToolbar{align-items:stretch;display:grid}.customerListToolbar input{max-width:none}.customerListRow{grid-template-columns:10px minmax(0,1fr) auto}.customerListStats{grid-column:2/-1}.customerOpenLabel{font-size:0}.customerWorkspaceHeader{grid-template-columns:1fr auto;align-items:start}.customerWorkspaceHeader>.smallButton{grid-column:1/-1;justify-self:start}.customerHeaderActions .smallButton{padding:0 10px;font-size:0}.customerKpis,.customerAreaGrid{grid-template-columns:1fr}.customerModal{max-height:calc(100vh - 30px);overflow-y:auto}}.profileHint{background:var(--panel-2);color:#bfe6d3;border:1px solid #2f6f57;border-radius:10px;margin:0 0 12px;padding:10px 12px;font-size:12.5px;line-height:1.5}.profileHint strong{color:var(--accent-strong)}.backiPage{gap:16px;display:grid}.backiHero{background:radial-gradient(circle at 17% 40%,#24ffac21,#0000 28%),#061117;border:1px solid #174337;border-radius:16px;grid-template-columns:300px 1fr;align-items:center;gap:28px;min-height:330px;padding:24px;display:grid;position:relative;overflow:hidden}.backiHero:after{content:"";opacity:.55;pointer-events:none;background:linear-gradient(90deg,#0000,#34d39921,#0000);animation:5s linear infinite backiHeroSweep;position:absolute;inset:0;transform:translate(-100%)}.backiVisual{z-index:1;justify-content:center;align-items:center;min-height:280px;display:flex;position:relative}.backiMascot{justify-content:center;align-items:center;width:280px;height:280px;display:flex;position:relative}.backiOrbit{border:1px solid #25ffa93d;border-radius:50%;position:absolute}.backiOrbit.orbitOne{animation:3s ease-in-out infinite backiPulse;inset:5px}.backiOrbit.orbitTwo{border-color:#25ffa96b;inset:25px;box-shadow:inset 0 0 28px #25ffa90d}.backiOrbitDot{z-index:3;background:#67ffc3;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 12px #20f3a1}.backiOrbitDot.dotOne{animation:4s ease-in-out infinite backiDotTravel;top:49px;left:43px}.backiOrbitDot.dotTwo{animation:4s ease-in-out -1.5s infinite reverse backiDotTravel;top:89px;right:39px}.backiCharacter{transform-origin:50% 75%;z-index:2;width:205px;height:210px;animation:3s ease-in-out infinite backiFloat;position:relative}.backiCloud{z-index:3;background:radial-gradient(circle at 50% 36%,#0d7252 0,#07543f 43%,#063d31 70%);border:4px solid #62ffc2;border-radius:44% 48% 43%;width:155px;height:115px;position:absolute;top:22px;left:26px;box-shadow:0 0 10px #b0ffe1,0 0 26px #23ffa6cc,inset 0 0 24px #001311bf}.backiCloud:before,.backiCloud:after{background:inherit;border:inherit;box-shadow:inherit;content:"";z-index:-1;position:absolute}.backiCloud:before{border-radius:50%;width:74px;height:68px;top:-24px;left:7px}.backiCloud:after{border-radius:50%;width:84px;height:76px;top:-29px;right:5px}.backiCircuit{height:39px;position:absolute;inset:-8px 24px auto}.backiCircuit i{background:#22f2a0;width:2px;height:27px;position:absolute;top:2px;left:50%}.backiCircuit i:before{content:"";background:#083d31;border:2px solid #28efa3;border-radius:50%;width:5px;height:5px;position:absolute;top:-4px;left:-3px}.backiCircuit i:nth-child(2){height:20px;top:8px;left:29%;transform:rotate(-28deg)}.backiCircuit i:nth-child(3){height:20px;top:8px;left:70%;transform:rotate(28deg)}.backiCircuit i:nth-child(4){height:14px;top:19px;left:13%;transform:rotate(-55deg)}.backiCircuit i:nth-child(5){height:14px;top:19px;left:86%;transform:rotate(55deg)}.backiFace{position:absolute;inset:33px 29px 18px}.backiEye{background:#f2fff8;border-radius:50%;width:23px;height:34px;position:absolute;top:0;overflow:hidden;box-shadow:0 0 9px #c1ffe2cc}.backiEye.eyeLeft{left:14px}.backiEye.eyeRight{right:14px}.backiEye i{background:#06271f;border:3px solid #124a39;border-radius:50%;width:12px;height:16px;transition:transform .25s;position:absolute;top:8px;left:4px}.backiEye i:after{content:"";background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:1px;left:2px}.backiMouth{border-bottom:4px solid #55ffc0;border-radius:0 0 50% 50%;width:34px;height:14px;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.backiArm{z-index:2;border:5px solid #55ffc0;border-top:0;border-left:0;width:35px;height:58px;position:absolute;top:88px}.backiArmLeft{transform-origin:100% 0;border-radius:0 0 0 35px;left:5px;transform:rotate(20deg)}.backiArmRight{transform-origin:0 0;border-radius:0 0 35px;right:4px;transform:rotate(-17deg)}.backiHand{background:#0b6047;border:3px solid #64ffc3;border-radius:50%;width:22px;height:22px;position:absolute;bottom:-10px;box-shadow:0 0 11px #23ffa6b3}.backiArmLeft .backiHand{left:-11px}.backiArmRight .backiHand{right:-11px}.backiHand i{background:#59ffc0;border-radius:4px;width:3px;height:11px;position:absolute;top:-6px}.backiHand i:first-child{left:3px;transform:rotate(-28deg)}.backiHand i:nth-child(2){top:-9px;left:9px}.backiHand i:nth-child(3){right:3px;transform:rotate(28deg)}.backiLeg{z-index:1;background:#52ffc0;border-radius:5px;width:7px;height:68px;position:absolute;bottom:5px}.backiLeg.legLeft{left:70px}.backiLeg.legRight{right:70px}.backiLeg i{background:#0b6047;border:3px solid #62ffc2;border-radius:50% 50% 40% 40%;width:29px;height:16px;position:absolute;bottom:-5px;left:-13px;box-shadow:0 0 12px #23ffa6a6}.backiMoodMark,.backiQuestion{color:#ff765f;filter:drop-shadow(0 0 7px #ff503dcc);font-size:33px;font-style:normal;font-weight:900;display:none;position:absolute;top:-31px;right:-22px}.backiQuestion{color:#63ffc3;filter:drop-shadow(0 0 7px #23ffa6cc)}.backiLoader{z-index:5;width:28px;height:28px;display:none;position:absolute;bottom:50px}.backiLoader i{transform-origin:3px 14px;background:#5fffc0;border-radius:5px;width:6px;height:6px;position:absolute;top:0;left:11px}.backiLoader i:nth-child(2){transform:rotate(60deg)}.backiLoader i:nth-child(3){transform:rotate(120deg)}.backiLoader i:nth-child(4){transform:rotate(180deg)}.backiLoader i:nth-child(5){transform:rotate(240deg)}.backiLoader i:nth-child(6){transform:rotate(300deg)}.backiStateText{text-align:center;z-index:6;background:#031214db;border:1px solid #52ffba52;border-radius:9px;gap:1px;min-width:180px;padding:7px 12px;display:grid;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.backiStateText strong{color:#65ffc0;font-size:12px}.backiStateText span{color:#9acabd;font-size:10px}.backiReferencePose{filter:drop-shadow(0 0 12px #2affaea6);transform-origin:50% 72%;z-index:4;background-image:url(/backi/backi-waving.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:232px;height:202px;animation:2.8s ease-in-out infinite backiReferenceBreathe;position:absolute;top:25px;left:24px}.backiMascot.mood-waving .backiReferencePose{background-image:url(/backi/backi-waving.png);animation:1.35s ease-in-out infinite backiReferenceWave}.backiMascot.mood-listening .backiReferencePose{background-image:url(/backi/backi-listening.png);animation:1.7s ease-in-out infinite backiReferenceListen}.backiMascot.mood-thinking .backiReferencePose{background-image:url(/backi/backi-thinking.png);animation:1.5s ease-in-out infinite backiReferenceThink}.backiMascot.mood-success .backiReferencePose{background-image:url(/backi/backi-success.png);animation:1.1s ease-in-out infinite backiReferenceCelebrate}.backiMascot.mood-alert .backiReferencePose{background-image:url(/backi/backi-alert.png);animation:.8s ease-in-out infinite backiReferenceAlert}.backiMascot.mood-error .backiReferencePose{background-image:url(/backi/backi-error.png);animation:.9s ease-in-out infinite backiReferenceError}.backiMascot.mood-loading .backiReferencePose{background-image:url(/backi/backi-loading.png);animation:1.2s ease-in-out infinite backiReferenceLoading}.backiMascot.mood-loading .backiOrbit,.backiMascot.mood-loading .backiOrbitDot{animation-duration:1.1s}.backiMascot.mood-speaking .backiReferencePose{background-image:url(/backi/backi-speaking.png);animation:1.8s ease-in-out infinite backiReferenceSpeaking}.backiMascot.mood-thinking .backiOrbit,.backiMascot.mood-thinking .backiOrbitDot{animation-duration:1.2s}.backiMascot.mood-alert .backiOrbit,.backiMascot.mood-error .backiOrbit{border-color:#ff5b458c;box-shadow:inset 0 0 25px #ff412d14}.mood-waving .backiArmLeft{animation:1.4s ease-in-out infinite backiWave}.mood-listening .backiArmRight{animation:1.2s ease-in-out infinite backiListen}.mood-listening .backiEye i{transform:translate(3px)}.mood-thinking .backiQuestion{animation:1.5s ease-in-out infinite backiQuestion;display:block}.mood-thinking .backiEye i{transform:translate(2px,-3px)}.mood-thinking .backiLoader{animation:1.1s linear infinite backiRotate;display:block}.mood-alert .backiMoodMark,.mood-error .backiMoodMark{animation:.8s ease-in-out infinite backiAlert;display:block}.mood-alert .backiMouth,.mood-error .backiMouth{border-top:4px solid #ff7b68;border-bottom:0;border-radius:50% 50% 0 0;bottom:-9px}.mood-error .backiCloud{border-color:#ff6d58;box-shadow:0 0 12px #ff6d58,0 0 30px #ff412d7a,inset 0 0 24px #001311bf}.mood-success .backiArmLeft{animation:.9s ease-in-out infinite backiCelebrateLeft}.mood-success .backiArmRight{animation:.9s ease-in-out infinite backiCelebrateRight}.mood-success .backiEye{height:12px;box-shadow:none;background:0 0;border-top:4px solid #effff7;border-radius:50%;top:10px}.mood-success .backiEye i{display:none}.mood-success .backiMouth{width:42px;height:20px}.backiRings{justify-content:center;align-items:center;width:190px;height:190px;display:flex;position:relative}.backiRing{border:1px solid #34d39959;border-radius:999px;position:absolute}.backiRing.one{animation:2.4s ease-in-out infinite backiPulse;inset:18px}.backiRing.two{border-color:#e6b45052;animation:2.4s ease-in-out .35s infinite backiPulse;inset:42px}.backiRing.three{border-color:#7d90a373;inset:66px}.backiSweep{background:conic-gradient(#0000,#34d39973,#0000 33%);border-radius:999px;animation:3.8s linear infinite backiRotate;position:absolute;inset:10px;-webkit-mask:radial-gradient(circle,#0000 0 46%,#000 47%);mask:radial-gradient(circle,#0000 0 46%,#000 47%)}.backiBrain{color:var(--accent-strong);filter:drop-shadow(0 0 18px #34d3998c);z-index:1;position:relative}.backiIntro{z-index:1;gap:12px;max-width:840px;display:grid;position:relative}.backiEyebrow{color:var(--accent-strong);text-transform:uppercase;align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.backiIntro h2{margin:0;font-size:30px;line-height:1.12;display:block}.backiIntro p{color:var(--text-soft);max-width:780px;line-height:1.55}.backiActions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.backiRunButton:disabled{cursor:wait;filter:grayscale(.25)brightness(.8);opacity:.82}.backiKpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.backiKpis article{background:var(--panel);border:1px solid var(--border);border-radius:12px;gap:6px;padding:14px;display:grid}.backiKpis article.backiCostWarning{box-shadow:inset 3px 0 0 var(--warn);border-color:#e6b4508c}.backiKpis svg{color:var(--accent-strong)}.backiKpis span,.backiRunSummary span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.backiKpis strong{font-size:22px}.backiRunSummary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:12px;display:grid}.backiRunSummary div{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;gap:5px;padding:12px;display:grid}.backiRunSummary strong{overflow-wrap:anywhere;font-size:17px}.backiSteps{gap:8px;display:grid}.backiStep{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;grid-template-columns:86px 180px 1fr;align-items:center;gap:8px;padding:10px;display:grid}.backiStep small{color:var(--muted);overflow-wrap:anywhere}.backiReport{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;gap:10px;padding:14px;display:grid}.backiReport strong{font-size:18px}.backiReport p{color:var(--text-soft);line-height:1.5}.backiMiniGrid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.backiMiniGrid span{background:var(--bg-2);border:1px solid var(--border-soft);color:var(--text-soft);border-radius:8px;padding:9px}.backiSettingsGrid{grid-template-columns:minmax(320px,1.15fr) minmax(280px,.85fr);gap:14px;display:grid}.backiSettingsForm{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end;gap:10px;display:grid}.backiCostBox{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;gap:10px;padding:13px;display:grid}.backiCostBar{background:var(--bg-2);border:1px solid var(--border-soft);border-radius:999px;height:12px;overflow:hidden}.backiCostBar span{background:linear-gradient(90deg, var(--accent-strong), var(--warn));min-width:2px;height:100%;transition:width .25s;display:block}.findingList{gap:10px;display:grid}.findingItem{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;grid-template-columns:minmax(220px,.7fr) 1fr;align-items:start;gap:10px;padding:12px;display:grid}.findingItem div{gap:5px;display:grid}.findingItem strong{overflow-wrap:anywhere;font-size:14px}.findingItem small{color:var(--muted)}.findingItem p{color:var(--text-soft);gap:6px;line-height:1.45;display:grid}.findingItem p em{color:#bfe6d3;font-style:normal}.findingItem>.smallButton{justify-self:end}.backiExplanation{background:#34d39914;border:1px solid #34d39938;border-radius:8px;grid-column:1/-1;gap:6px;padding:10px 12px;display:grid}.backiExplanation strong{color:var(--accent-strong);align-items:center;gap:6px;display:flex}.backiExplanation span{color:var(--text-soft);line-height:1.5}.backiChatPanel{gap:14px;display:grid}.backiChatHeader{justify-content:space-between;align-items:start;display:flex}.backiChatHeader h2{margin-bottom:4px}.backiChatHistory{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;gap:9px;min-height:150px;max-height:430px;padding:12px;display:grid;overflow-y:auto}.backiChatEmpty{color:var(--muted);text-align:center;place-self:center;align-items:center;gap:10px;max-width:620px;display:flex}.backiChatMessage{white-space:pre-wrap;border-radius:8px;gap:4px;max-width:min(78%,720px);padding:10px 12px;display:grid}.backiChatMessage.user{background:var(--accent);color:#041711;justify-self:end}.backiChatMessage.backi{background:var(--panel);border:1px solid var(--border);justify-self:start}.backiChatMessage.error{border-color:var(--danger)}.backiChatMessage small{opacity:.7}.backiChatComposer{grid-template-columns:minmax(210px,.45fr) minmax(280px,1fr) auto;align-items:end;gap:10px;display:grid}.backiChatQuestion textarea{resize:vertical;min-height:78px}.backiChatSubmit{place-items:end;gap:5px;display:grid}.alertSummary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:12px;display:grid}.alertSummary article{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;gap:5px;padding:12px;display:grid}.alertSummary span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.alertSummary strong{font-size:20px}.alertItem{grid-template-columns:minmax(220px,.6fr) 1fr auto}@keyframes backiPulse{0%,to{opacity:.45;transform:scale(.98)}50%{opacity:1;transform:scale(1.04)}}@keyframes backiRotate{to{transform:rotate(360deg)}}@keyframes backiHeroSweep{to{transform:translate(100%)}}@keyframes backiFloat{0%,to{transform:translateY(2px)}50%{transform:translateY(-6px)}}@keyframes backiWave{0%,to{transform:rotate(15deg)}50%{transform:rotate(125deg)translate(6px,-8px)}}@keyframes backiListen{0%,to{transform:rotate(-17deg)}50%{transform:rotate(-105deg)translate(-8px,-5px)}}@keyframes backiCelebrateLeft{0%,to{transform:rotate(90deg)translateY(-6px)}50%{transform:rotate(125deg)translate(4px,-10px)}}@keyframes backiCelebrateRight{0%,to{transform:rotate(-90deg)translateY(-6px)}50%{transform:rotate(-125deg)translate(-4px,-10px)}}@keyframes backiQuestion{0%,to{opacity:.5;transform:translateY(4px)}50%{opacity:1;transform:translateY(-4px)}}@keyframes backiAlert{0%,to{transform:scale(.92)}50%{transform:scale(1.12)}}@keyframes backiDotTravel{0%,to{opacity:.35;transform:translate(0)}50%{opacity:1;transform:translate(165px,-22px)}}@keyframes backiReferenceBreathe{0%,to{filter:brightness(.96);transform:translateY(1px)scale(1.02)}50%{filter:brightness(1.08);transform:translateY(-5px)scale(1.035)}}@keyframes backiReferenceWave{0%,to{transform:rotate(-1deg)translateY(1px)scale(1.02)}50%{filter:brightness(1.1);transform:rotate(2deg)translateY(-5px)scale(1.04)}}@keyframes backiReferenceListen{0%,to{transform:translate(-2px)scale(1.02)}50%{filter:brightness(1.1);transform:translate(3px)translateY(-4px)scale(1.035)}}@keyframes backiReferenceThink{0%,to{transform:rotate(-1.5deg)translateY(1px)scale(1.02)}50%{filter:brightness(1.12);transform:rotate(1.5deg)translateY(-5px)scale(1.04)}}@keyframes backiReferenceCelebrate{0%,to{transform:translateY(2px)scale(1.02)}45%{filter:brightness(1.18);transform:translateY(-9px)scale(1.05)}60%{transform:translateY(-7px)scale(1.05)}}@keyframes backiReferenceAlert{0%,to{filter:brightness(.92);transform:scale(1.015)}50%{filter:brightness(1.16);transform:translateY(-3px)scale(1.055)}}@keyframes backiReferenceError{0%,to{filter:brightness(.88);transform:translate(-2px)scale(1.02)}35%{filter:brightness(1.05);transform:translate(3px)scale(1.03)}70%{transform:translate(-3px)scale(1.03)}}@keyframes backiReferenceLoading{0%,to{filter:brightness();transform:translateY(0)scale(1.02)}50%{filter:brightness(1.12);transform:translateY(-3px)scale(1.03)}}@keyframes backiReferenceSpeaking{0%,to{filter:brightness();transform:translateY(0)scale(1.01)}50%{filter:brightness(1.1);transform:translateY(-2px)scale(1.025)}}.loginScreen{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:24px;display:flex}.loginCard{background:var(--panel);border:1px solid var(--border);border-radius:16px;gap:12px;width:100%;max-width:380px;padding:26px;display:grid;box-shadow:0 24px 60px #00000059}.loginBrand{align-items:center;gap:12px;margin-bottom:6px;display:flex}.loginBrand strong{font-size:17px;display:block}.loginBrand span{color:var(--muted);font-size:12px}.loginHint{color:var(--muted);margin:0 0 4px;font-size:13px}.loginFooter{color:var(--muted);text-align:center;max-width:380px;font-size:12px}.loginFooter a,.driverSupportLink{color:var(--accent-strong)}.driverApp{background:radial-gradient(circle at 50% -10%, #34d39938, transparent 38%), var(--bg);color:var(--text);max-width:100%;min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) calc(92px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));width:100%;margin:0;overflow-x:hidden}.driverHeader{justify-content:space-between;align-items:center;max-width:720px;margin:0 auto 18px;display:flex}.driverHeader span{color:var(--accent-strong);text-transform:uppercase;font-size:12px;font-weight:800}.driverHeader h1{margin-top:2px;font-size:28px}.driverIconButton{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.driverIconButton:disabled{cursor:not-allowed;opacity:.55}.driverPullIndicator{color:var(--muted);justify-content:center;align-items:center;gap:7px;max-width:720px;margin:0 auto;font-size:12px;font-weight:700;transition:height .16s;display:flex;overflow:hidden}.driverPullIndicator.ready{color:var(--accent-strong)}.driverOffline{color:#ffd778;background:#2a2314;border:1px solid #5d4b21;border-radius:14px;align-items:flex-start;gap:10px;max-width:720px;margin:0 auto 12px;padding:12px 14px;display:flex}.driverOffline div{gap:2px;display:grid}.driverOffline span{color:#e8cf94;font-size:12px;line-height:1.4}.isSpinning{animation:.8s linear infinite driverSpin}@keyframes driverSpin{to{transform:rotate(360deg)}}.driverStack,.driverSection{gap:14px;width:100%;min-width:0;max-width:720px;margin:0 auto;display:grid}.driverHero{background:linear-gradient(180deg, #1b2b36, var(--panel));border:1px solid var(--border);border-radius:24px;gap:14px;padding:20px;display:grid;box-shadow:0 22px 60px #00000047}.driverHero.isCharging{box-shadow:inset 4px 0 0 var(--accent-strong), 0 22px 60px #00000047;border-color:#34d399a6}.driverHero>span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.driverHero h2{overflow-wrap:anywhere;margin:0;font-size:24px;line-height:1.15;display:block}.driverHeroGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.driverHeroGrid div{background:var(--bg-2);border:1px solid var(--border-soft);border-radius:14px;gap:3px;min-height:70px;padding:10px;display:grid}.driverHeroGrid small{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800}.driverHeroGrid strong{color:var(--text);overflow-wrap:anywhere;font-size:14px}.driverHeroGrid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.driverSection h2{margin:6px 0 0}.driverCards{gap:10px;display:grid}.driverCard,.driverProfileCard{background:var(--panel);border:1px solid var(--border);border-radius:18px;gap:12px;padding:16px;display:grid}.driverCard>div:first-child{gap:3px;min-width:0;display:grid}.driverCard strong{overflow-wrap:anywhere;font-size:16px;display:block}.driverCard span,.driverProfileCard span{color:var(--text-soft);overflow-wrap:anywhere;font-size:13px}.driverState{text-transform:uppercase;border-radius:999px;justify-self:start;padding:6px 10px;font-size:11px;font-weight:800}.driverState.online{color:var(--accent-strong);background:#34d3992e}.driverState.offline{color:var(--text-soft);background:#7d90a329}.driverStartButton,.driverStopButton,.driverLogoutButton{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 16px;font-weight:800;display:inline-flex}.driverStartButton{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:var(--accent-ink)}.driverStopButton,.driverLogoutButton{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger)}.driverStartButton:disabled,.driverStopButton:disabled{cursor:not-allowed;filter:grayscale(.35);opacity:.55}.driverSession{gap:14px}.driverProfileCard{text-align:center;align-items:center}.driverProfileCard svg{color:var(--accent-strong)}.driverProfileCard h2{margin:0;font-size:22px;display:block}.driverSupportLink{font-size:13px;font-weight:700}.driverEmpty,.driverError,.driverNotice{border-radius:14px;padding:12px 14px;line-height:1.45}.driverEmpty{background:var(--panel);border:1px solid var(--border);color:var(--text-soft)}.driverError{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger);max-width:720px;margin:0 auto 12px}.driverNotice{color:var(--accent-strong);background:#142a20;border:1px solid #23503a;max-width:720px;margin:0 auto 12px}.driverTabs{border:1px solid var(--border);bottom:max(14px, env(safe-area-inset-bottom));max-width:720px;width:min(720px, calc(100% - max(28px, env(safe-area-inset-left) + env(safe-area-inset-right) + 20px)));z-index:5;background:#0e151deb;border-radius:22px;grid-template-columns:repeat(3,1fr);gap:6px;padding:7px;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 18px 40px #00000059}.driverTabs button{color:var(--muted);background:0 0;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:3px;min-height:54px;font-size:11px;font-weight:800;display:inline-flex}.driverTabs button.active{background:var(--panel-2);color:var(--accent-strong)}.setupPage{gap:14px;display:grid}.setupHero{background:var(--panel);border:1px solid var(--border);border-radius:8px;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:20px;padding:20px;display:grid}.setupHero.hasSelector{grid-template-columns:110px minmax(0,1fr) minmax(200px,280px)}.setupHero h2{margin:6px 0;font-size:24px}.setupHero p{color:var(--text-soft);margin:0}.setupBacki{justify-content:center;align-items:center;height:100px;display:flex;overflow:hidden}.setupBacki img{object-fit:contain;width:105px;height:105px}.structureGuide{gap:16px;display:grid}.structureGuideHeader{justify-content:space-between;align-items:end;gap:20px;display:flex}.structureGuideHeader>div{min-width:0}.structureProfileChoices{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.structureProfileChoices button{background:var(--panel-2);border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:left;border-radius:8px;gap:5px;min-height:92px;padding:12px;display:grid}.structureProfileChoices button.active{border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.structureProfileChoices span{color:var(--text-soft);font-size:11px;line-height:1.35}.structureSummary{background:#34d39912;border:1px solid #34d39938;border-radius:8px;gap:4px;padding:13px;display:grid}.structureSummary span{color:var(--text-soft)}.structureColumns{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.structureColumns>div{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:14px}.structureColumns h3,.structurePriorities h3{margin:0 0 9px;font-size:14px}.structureColumns ol,.structureColumns ul{color:var(--text-soft);gap:7px;margin:0;padding-left:20px;display:grid}.structurePriorities{gap:8px;display:grid}.structurePriorities>div{grid-template-columns:26px minmax(0,1fr);align-items:center;gap:10px;display:grid}.structurePriorities>div>span{background:var(--accent);color:var(--accent-ink);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:900;display:flex}.structurePriorities p{margin:0}.setupProgress{gap:10px;display:grid}.setupProgress>div:first-child{justify-content:space-between;align-items:center;display:flex}.setupProgress span{color:var(--text-soft)}.setupSteps{gap:10px;display:grid}.setupStep{grid-template-columns:34px 24px minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.setupStep.status-ok{border-left:3px solid var(--accent)}.setupStep.status-warn{border-left:3px solid var(--warn)}.setupStep.status-error{border-left:3px solid var(--danger)}.setupStepNumber{background:var(--panel-2);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:800;display:flex}.setupStep.status-ok>svg{color:var(--accent-strong)}.setupStep.status-warn>svg{color:var(--warn)}.setupStep.status-error>svg{color:var(--danger)}.setupStep h2{margin:2px 0;font-size:16px}.setupStep p{color:var(--text-soft);margin:0}.setupStepState{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800}.setupNext{background:#34d39914;border:1px solid #34d39940;border-radius:8px;align-items:center;gap:10px;padding:14px;display:flex}.setupNext>span{flex:1}.backiSetupPanel{gap:16px;display:grid}.backiSetupHeader{justify-content:space-between;align-items:end;gap:20px;display:flex}.backiSetupHeader>div{min-width:0}.backiSetupHeader .formField{min-width:220px}.backiSetupProgress{gap:8px;display:grid}.backiSetupProgress>div:first-child{justify-content:space-between;align-items:center;display:flex}.backiSetupProgress span{color:var(--text-soft);font-size:12px}.backiSetupBar{background:var(--panel-2);border:1px solid var(--border);border-radius:999px;height:10px;overflow:hidden}.backiSetupBar span{background:var(--accent);height:100%;transition:width .25s;display:block}.backiSetupSteps{gap:8px;display:grid}.backiSetupStep{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.backiSetupStep>svg{color:var(--muted)}.backiSetupStep.done>svg{color:var(--accent-strong)}.backiSetupStep>div{gap:3px;min-width:0;display:grid}.backiSetupStep span{color:var(--text-soft);overflow-wrap:anywhere;font-size:12px}.backiSetupNext{background:#34d39914;border:1px solid #34d39940;border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.backiSetupNext>span{flex:1}@media (width<=980px){.app{grid-template-columns:1fr}.sidebar{height:auto;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 12px max(12px, env(safe-area-inset-left));grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;width:100%;display:grid;position:static;overflow:visible}.brand{padding:6px 10px}.sidebar .brand{grid-column:1/-1;justify-content:center}.sidebar>div{min-width:0}.navGroup{display:none}.navItem{overflow-wrap:anywhere;white-space:normal;min-width:0}.navSpacer,.navUser{display:none}.content{max-width:100%;padding:16px max(16px, env(safe-area-inset-right)) calc(40px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));width:100%;margin:0 auto}.metrics,.compactForm,.liveGrid,.backiHero{grid-template-columns:1fr}.backiVisual{min-height:280px}.backiRings{width:160px;height:160px}.backiStep,.findingItem,.backiSettingsGrid,.backiChatComposer{grid-template-columns:1fr}.backiChatSubmit{justify-content:space-between;align-items:center;display:flex}.backiChatMessage{max-width:92%}.backiSetupHeader{flex-direction:column;align-items:stretch}.backiSetupHeader .formField{min-width:0}.backiSetupStep{grid-template-columns:auto minmax(0,1fr)}.backiSetupStep button{grid-column:2;justify-self:start}.backiSetupNext{flex-wrap:wrap;align-items:flex-start}.setupHero{grid-template-columns:90px minmax(0,1fr)}.setupHero .formField{grid-column:1/-1}.structureGuideHeader{flex-direction:column;align-items:stretch}.structureColumns{grid-template-columns:1fr}.structureProfileChoices{grid-template-columns:repeat(2,minmax(0,1fr))}.setupStep{grid-template-columns:34px 24px minmax(0,1fr)}.setupStep button{grid-column:3;justify-self:start}.setupNext{flex-wrap:wrap;align-items:flex-start}}@media (width<=560px){:root{font-size:13px}.sidebar{grid-template-columns:1fr}.sidebar .brand{justify-content:flex-start}.sidebar>div:not(.brand):not(.navSpacer):not(.navUser){grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.navItem{gap:7px;padding:9px;font-size:12px}.navItem svg{flex:none}.content{padding:12px max(12px, env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.topbar{flex-wrap:wrap;align-items:flex-start}.topbar>div:first-child{width:100%;min-width:0}.topbarActions{justify-content:flex-end;width:100%}.topbar h1{font-size:19px}.panel{padding:13px}.interfaceHelp,.formRow,.detailGrid,.liveCard .detailGrid{grid-template-columns:1fr}.backiHero{padding:16px}.backiMascot{transform:scale(.88)}.backiIntro h2{font-size:22px}.phaseGrid{grid-template-columns:repeat(3,minmax(72px,1fr))}.driverHeroGrid,.driverHeroGrid.compact{grid-template-columns:1fr}.driverApp{padding-left:max(14px, env(safe-area-inset-left));padding-right:max(14px, env(safe-area-inset-right))}.driverHeader,.driverPullIndicator,.driverOffline,.driverError,.driverNotice{width:100%;min-width:0}.driverHeader h1{font-size:24px}.driverHero{border-radius:18px;padding:16px}.driverHero h2{font-size:21px}.driverCard,.driverProfileCard{border-radius:16px;padding:14px}.setupHero{text-align:center;grid-template-columns:1fr}.setupHero .formField{text-align:left;grid-column:auto}.structureProfileChoices{grid-template-columns:1fr}table{font-size:11.5px}th,td{padding:7px 5px}}
