:root{color-scheme:light;font-family:Segoe UI,system-ui,sans-serif;background:#f5f7fa}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f5f7fa}button{font:inherit}.loginShell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(120deg,rgba(181,40,48,.12),transparent 42%),linear-gradient(320deg,rgba(0,104,201,.14),transparent 48%),#f5f7fa}.loginPanel{width:min(920px,100%);display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;padding:40px;background:#fff;border:1px solid #d9e0ea;border-radius:8px;box-shadow:0 24px 80px #1f2a4429}.brandBlock{display:grid;gap:14px}.brandMark{width:52px;height:52px;display:grid;place-items:center;border-radius:8px;background:#b52830;color:#fff;font-weight:800}.brandLine{display:flex;gap:12px;align-items:center}.brandText{min-width:0;display:grid;gap:2px}.brandText span{display:block}.brandAvatar{position:relative;width:52px;height:52px;display:grid;place-items:center;flex:0 0 auto}.brandPresence{position:absolute;right:2px;bottom:2px;box-shadow:0 0 0 2px #101820}.loginForm{display:grid;gap:18px}.appShell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.sidebar{position:sticky;top:0;min-height:100vh;height:100vh;display:flex;flex-direction:column;gap:28px;padding:22px;background:#101820;color:#fff;overflow:auto}.sidebarToggle{margin-left:auto;color:#fff;display:none!important}.sidebar nav{display:grid;gap:8px}.navSeparator{height:1px;margin:8px 0;background:#ffffff2e}.sidebar nav button,.userBox button{justify-content:flex-start}.userBox{margin-top:auto;display:grid;gap:10px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18)}.userNameLine{display:flex;align-items:center;gap:8px;min-width:0}.userNameLine span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logoutButton,.logoutButton:hover,.logoutButton:active{background-color:#b10e1c!important;border-color:#b10e1c!important;color:#fff!important;--colorNeutralForegroundOnBrand: #fff;--colorBrandBackground: #b10e1c;--colorBrandBackgroundHover: #9f0c18;--colorBrandBackgroundPressed: #870a14}.logoutButton:hover{background-color:#9f0c18!important;border-color:#9f0c18!important}.logoutButton:active{background-color:#870a14!important;border-color:#870a14!important}.logoutButton svg{color:#fff!important}.workspace{min-width:0;padding:28px;display:grid;align-content:start;gap:22px}.topbar,.paneTitle,.historyRow{display:flex;justify-content:space-between;gap:16px;align-items:center}.statsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{border-left:5px solid #637083}.metric.green{border-color:#18794e}.metric.amber{border-color:#b7791f}.metric.blue{border-color:#0068c9}.twoColumns{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:18px;align-items:start}.listPane,.detailPane{display:grid;gap:16px}.stackPane{display:grid;gap:18px}.vehicleList,.historyList,.checkItems{display:grid;gap:10px}.tablePane{overflow-x:auto;background:#fff;border:1px solid #d7dee8;border-radius:8px}.historyTable{min-width:920px}.tableMainText{font-weight:600}.tableNote{display:inline-block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.vehicleRow{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid #d7dee8;border-radius:8px;background:#fff;color:#1f2937;text-align:left;cursor:pointer}.vehicleRow span{min-width:0;display:grid;gap:3px}.vehicleRow small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#65758b}.vehicleRow.selected{border-color:#b52830;box-shadow:inset 4px 0 #b52830}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.qrBlock{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;padding-top:16px;border-top:1px solid #d7dee8}.qrBlock span,.qrBlock div{min-width:0;overflow-wrap:anywhere}.checkLayout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.selectedVehicle{display:flex;gap:12px;align-items:center;padding:12px;border-radius:8px;background:#eef4fb}.checkItem{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(180px,260px);gap:12px;align-items:center;padding:12px;border:1px solid #d7dee8;border-radius:8px}.checkControls{display:flex;gap:8px;flex-wrap:wrap}.qrCard{display:grid;place-items:center;gap:14px}.notice{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:8px}.notice.error,.errorText{color:#8f1d24}.notice.error{background:#fff1f1;border:1px solid #f0b8b8}.notice.success{background:#edf8f1;border:1px solid #a9d8ba;color:#145c38}@media(max-width:980px){.appShell,.loginPanel,.twoColumns,.checkLayout{grid-template-columns:1fr}.sidebar{position:static;height:auto;min-height:auto}.appShell,.appShell.mobileSidebarOpen{grid-template-columns:1fr}.sidebarToggle{display:inline-flex!important}.sidebar{padding:18px;overflow:hidden}.sidebar:not(.mobileOpen){min-height:78px}.sidebar:not(.mobileOpen) .brandText,.sidebar:not(.mobileOpen) nav,.sidebar:not(.mobileOpen) .userBox{display:none}.sidebar.mobileOpen{min-height:auto}.statsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.workspace{padding:18px}.topbar,.paneTitle,.historyRow,.qrBlock{align-items:flex-start;flex-direction:column}.formGrid,.statsGrid,.checkItem{grid-template-columns:1fr}}