*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#06131f;color:#eef5f9}button,input{font:inherit}.loading,.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,rgba(28,75,108,.23),transparent 34%),#06131f}.loginCard{width:min(430px,calc(100% - 28px));padding:38px 34px;background:#081d2d;border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 30px 80px #00000059}.mark{width:58px;height:58px;margin:0 auto 14px;display:grid;place-items:center;border:1px solid rgba(241,139,50,.5);border-radius:18px;color:#f18b32;background:#0b263a}.loginCard h1{text-align:center;margin:0;font-size:34px}.loginCard h1 b{color:#f18b32}.loginCard>p{text-align:center;font-size:10px;letter-spacing:.13em;color:#71889a;margin:7px 0 28px}.loginCard form{display:grid;gap:8px}.loginCard label{font-size:11px;color:#93a6b5;margin-top:7px}.field{height:48px;border:1px solid rgba(255,255,255,.09);background:#061725;border-radius:12px;display:flex;align-items:center;padding:0 12px;gap:9px}.field svg{width:17px;color:#6f8799}.field input{flex:1;border:0;outline:0;background:transparent;color:#fff}.field button{border:0;background:transparent;color:#70889a;display:grid;place-items:center}.enter,.google{width:100%;height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.08);cursor:pointer}.enter{margin-top:10px;background:#f18b32;color:#071521;font-weight:750;display:flex;align-items:center;justify-content:center;gap:10px}.google{background:#0c2940;color:#e9f0f5}.or{text-align:center;color:#5f7789;font-size:11px;margin:14px 0}.loginCard>small{display:block;text-align:center;color:#536b7d;font-size:10px;margin-top:18px}.error{font-size:11px;color:#ffb0a8;background:#ff503c14;padding:9px;border-radius:9px}.shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.side{height:100vh;position:sticky;top:0;background:#071b2e;border-right:1px solid rgba(255,255,255,.07);padding:20px 15px;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.brand{display:flex;align-items:center;gap:10px;padding:3px 8px 18px}.brand>svg{width:38px;height:38px;padding:9px;border:1px solid #e8832d;border-radius:12px}.brand div{display:grid}.brand small{font-size:10px;color:#708798}.new,.side nav button,.logout{border:0;background:transparent;color:#c7d3dc;border-radius:10px;padding:11px;cursor:pointer;text-align:left}.new{background:#0c2940;border:1px solid rgba(232,131,45,.28);color:#fff}.side nav{display:grid;gap:4px;margin-top:14px}.side nav button{display:flex;align-items:center;gap:8px}.side nav button svg{width:17px}.side nav .active{background:#102b41}.policy{margin-top:18px;border-top:1px solid rgba(255,255,255,.06);padding:15px 9px;display:grid;gap:5px;color:#72899a;font-size:10px}.policy b{color:#a8bac7;font-size:11px;margin-bottom:3px}.logout{margin-top:auto;display:flex;gap:8px;align-items:center}.logout svg{width:16px}.work{min-width:0;min-height:100vh;position:relative;padding-bottom:110px}.work header{height:64px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;padding:0 24px;background:#06131fc7;position:sticky;top:0;z-index:4}.work header>div{display:grid}.work header span{font-size:10px;color:#72899a}.work header>b{margin-left:auto;border:1px solid rgba(232,131,45,.35);color:#f1a35f;border-radius:999px;padding:5px 9px;font-size:10px}.menu,.menuBackdrop{display:none}.customerLookup{width:min(980px,calc(100% - 32px));margin:22px auto 0;padding:16px;background:#081d2d;border:1px solid rgba(255,255,255,.07);border-radius:17px}.lookupTitle{display:flex;align-items:center;gap:10px}.lookupTitle>svg{width:34px;height:34px;padding:8px;border:1px solid rgba(232,131,45,.3);border-radius:10px;color:#f18b32}.lookupTitle div{display:grid;gap:2px}.lookupTitle span{font-size:11px;color:#748b9c}.lookupSearch{display:flex;gap:8px;margin-top:13px}.lookupSearch input{flex:1;height:42px;border:1px solid rgba(255,255,255,.08);background:#061725;color:#fff;border-radius:10px;padding:0 12px;outline:0}.lookupSearch button,.customerHead button{border:1px solid rgba(232,131,45,.35);background:#0c2940;color:#fff;border-radius:10px;padding:0 13px;cursor:pointer}.customerPanel{margin-top:12px}.customerHead{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;background:#071925;border-radius:12px}.customerHead div{display:grid;gap:3px}.customerHead span{font-size:10px;color:#72889a}.customerHead button{height:34px}.vehicleHistory{margin-top:12px}.historyLabel{display:flex;gap:7px;align-items:center;color:#91a5b4;font-size:11px;margin-bottom:8px}.historyLabel svg{width:15px}.vehicleCards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.vehicleCard{text-align:left;border:1px solid rgba(255,255,255,.065);background:#071c2b;color:#dbe5ec;border-radius:12px;padding:11px;cursor:pointer}.vehicleCard.active{border-color:#f18b328c;box-shadow:0 0 0 1px #f18b321f}.vehicleCard>div{display:flex;align-items:center;gap:7px}.vehicleCard svg{width:16px;color:#f18b32}.vehicleCard>div svg:last-child{margin-left:auto;color:#72dcae}.vehicleCard span{display:block;margin-top:7px;color:#718899;font-size:10px;line-height:1.4}.hero{text-align:center;padding:34px 20px 24px}.shield{width:52px;height:52px;margin:auto;display:grid;place-items:center;border:1px solid rgba(232,131,45,.35);border-radius:17px;color:#f18b32;background:#0a2336}.hero h1{font-size:34px;margin:16px 0 8px}.hero p{max-width:760px;margin:0 auto;color:#7c92a2;font-size:13px;line-height:1.6}.brands{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:18px}.brands span{font-size:10px;padding:6px 9px;border:1px solid rgba(255,255,255,.07);background:#0a2133;border-radius:999px;color:#91a5b4}.messages{width:min(920px,calc(100% - 30px));margin:0 auto}.msg{margin:20px 0}.msg.user{text-align:right}.msg.user p{display:inline-block;background:#0d2c43;padding:10px 14px;border-radius:16px 16px 4px}.msg.assistant p{color:#c8d5de}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.results article{background:#091f31;border:1px solid rgba(255,255,255,.07);border-radius:15px;padding:15px}.results article>div:first-child{display:flex;justify-content:space-between;gap:10px}.results article span{font-size:10px;color:#77dcae}.results h3{font-size:14px;margin:12px 0 3px}.results small{color:#6f8799}.facts{display:grid!important;gap:4px!important;margin:14px 0}.facts span{color:#dce6ed!important;font-size:12px!important}.results button{width:100%;border:0;border-radius:9px;background:#f18b32;color:#071521;padding:9px;font-weight:700}.composer{position:fixed;left:280px;right:0;bottom:0;padding:36px 22px 16px;background:linear-gradient(180deg,transparent,#06131f 34%,#06131f);display:flex;gap:5px;justify-content:center}.composer input{width:min(720px,70vw);height:48px;background:#0b263a;border:1px solid rgba(255,255,255,.1);border-radius:13px;color:#fff;padding:0 14px;outline:0}.composer button{width:48px;height:48px;border:0;border-radius:12px;background:#0b263a;color:#8399a9;display:grid;place-items:center}.composer .send{background:#f18b32;color:#071521}@media(max-width:900px){.vehicleCards{grid-template-columns:1fr}}@media(max-width:800px){body{overflow-x:hidden}.shell{display:block}.side{position:fixed;left:-100%;width:min(82vw,320px);height:100dvh;z-index:30;transition:left .2s ease;box-shadow:18px 0 45px #00000059;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.side.open{left:0}.menuBackdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;border:0;background:#0000006b;padding:0}.menu{display:grid;border:0;background:transparent;color:#fff;margin-right:10px;position:relative;z-index:5}.composer{left:0;padding-left:10px;padding-right:10px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.composer input{width:calc(100vw - 170px)}.results{grid-template-columns:1fr}.lookupSearch{display:grid}.lookupSearch button{height:40px}.customerHead{align-items:flex-start}.customerHead button{white-space:nowrap}.work{width:100%;overflow-x:hidden}.work>section{max-width:100%}.side nav button,.new,.logout{min-height:48px}.side select{min-height:42px}.policy{font-size:11px;line-height:1.45}.work header{padding:0 14px}.work header span{max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
