:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#dce7f5;background:#0a101a;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{border:0;background:#4e8fff;color:#061126;padding:12px 18px;border-radius:8px;cursor:pointer;font-weight:650;transition:background .15s}button:hover{background:#72a7ff}button:disabled{opacity:.45;cursor:default}button.secondary{background:#1b2a3e;color:#dce7f5;border:1px solid #2c405c}button.secondary:hover{background:#253b58}button.compact{padding:7px 11px;font-size:13px}.link-button{color:#8cb8ff;background:none!important;padding:7px 0;font-size:13px}.wide{width:100%}input,textarea{width:100%;display:block;background:#0b1421;border:1px solid #30425c;border-radius:8px;color:#edf4ff;padding:12px 13px;outline:none}input:focus,textarea:focus{border-color:#568fff;box-shadow:0 0 0 3px #4e8fff20}label{display:block;font-size:13px;font-weight:550;color:#acbdd4;margin:18px 0}label input{margin-top:8px}label small{font-weight:400;color:#7288a5}h1,h2,h3,p{margin-top:0}h1{font-size:30px;font-weight:650;letter-spacing:-.035em}h2{font-size:19px;letter-spacing:-.02em}h3{font-size:17px}p{line-height:1.6}small{color:#7288a5}.brand{font-size:17px;font-weight:800;letter-spacing:.09em;color:#f2f6ff;white-space:nowrap}.brand span{font-weight:350;margin-left:4px;color:#7291bc}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:700;color:#7291bc}.muted{color:#8da2bd;font-size:13px}.notice{color:#91beff;font-size:13px}.error{color:#ffb0ab;font-size:13px;overflow-wrap:anywhere}.login-page{display:grid;grid-template-columns:1.15fr 1fr;min-height:100vh}.login-intro{padding:8vw;background:radial-gradient(ellipse at 80% 20%,#1c3760,#101f34 45%,#09131f);display:flex;flex-direction:column;justify-content:center;position:relative;border-right:1px solid #243751}.login-intro .brand{position:absolute;top:42px;left:8vw}.login-intro h1{font-size:clamp(35px,4.3vw,64px);font-weight:500;line-height:1.15;margin-bottom:24px}.login-intro p:not(.eyebrow){color:#95abc9;max-width:390px}.security-label{margin-top:50px;color:#7188a7;font-size:11px;line-height:1.8}.login-panel{padding:7vw;display:flex;align-items:center;justify-content:center}.login-panel form{width:100%;max-width:350px}.login-panel h2{font-size:25px;margin-bottom:30px}.login-panel .wide{margin-top:12px}.setup-page{min-height:100vh;padding:45px 24px;max-width:650px;margin:auto}.setup-page>.brand{margin-bottom:36px}.setup-card,.panel,.account{background:#111c2b;border:1px solid #24364d;border-radius:13px;padding:26px}.setup-card h1{font-size:27px}.qr{display:block;background:#fff;width:230px;max-width:100%;border-radius:10px;padding:12px;margin:24px auto}.secret-code{display:block;overflow-wrap:anywhere;color:#c6dcff;background:#091321;padding:14px;border-radius:8px;margin-top:8px}.recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:22px 0}.recovery-codes code,.recovery code{background:#091321;border:1px solid #2b3f5a;padding:12px;border-radius:6px;overflow-wrap:anywhere}.workspace{display:flex;min-height:100vh}.sidebar{width:238px;flex-shrink:0;background:#0c1421;border-right:1px solid #22334b;padding:30px 19px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.sidebar .brand{font-size:14px;margin:3px 7px 46px}.sidebar>.eyebrow{margin-left:12px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.nav{background:none;color:#93a8c3;text-align:left;font-weight:500;padding:12px 14px;font-size:13px;display:flex;align-items:center;justify-content:space-between}.nav:hover{background:#15243a}.nav.active{background:#1a2e4b;color:#b9d6ff;border:1px solid #2c4a73}.count{background:#4e8fff;color:#071426;font-size:11px;padding:2px 6px;border-radius:5px}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;padding:22px 10px 0;border-top:1px solid #25334a;gap:6px}.sidebar-bottom strong{font-size:13px}.sidebar-bottom small{font-size:11px}.sidebar-bottom button{text-align:left;margin-top:6px}.main{margin-left:238px;padding:30px 36px 14px;min-width:0;width:calc(100% - 238px)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.topbar .eyebrow{margin-bottom:8px}.topbar h1{margin-bottom:0}.online{font-size:11px;color:#9bb7a9;display:flex;align-items:center;gap:8px}.online i{width:7px;height:7px;background:#69d7a6;border-radius:50%;box-shadow:0 0 10px #69d7a640}.stage-notice{background:#152238;border:1px solid #2b405f;padding:11px 15px;border-radius:8px;color:#92a9c7;font-size:12px;margin-bottom:20px;line-height:1.7}.error-banner{background:#341b23;color:#ffc3be;border:1px solid #6c3645;padding:12px 16px;border-radius:8px;margin-bottom:18px;display:flex;justify-content:space-between;gap:15px;font-size:13px;overflow-wrap:anywhere}.inbox{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:580px;max-height:calc(100vh - 235px);border:1px solid #26394f;border-radius:13px;overflow:hidden;background:#101a29}.conversation-list{border-right:1px solid #26394f;overflow-y:auto}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.conversation-list>.section-heading{padding:20px;border-bottom:1px solid #26394f}.section-heading h2{margin:0}.conversation{display:block;width:100%;text-align:left;border-radius:0;background:transparent;border-bottom:1px solid #223149;color:#dce7f5;font-weight:400;padding:18px 20px;position:relative}.conversation:hover,.conversation.selected{background:#1a2b43}.conversation>div{display:flex;justify-content:space-between;align-items:center}.conversation strong{font-size:13px}.conversation p{font-size:12px;color:#8ea6c5;margin:7px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation small{font-size:10px}.dot{width:7px;height:7px;background:#7b9abf;border-radius:50%}.dot.waiting{background:#efb663}.dot.human{background:#66c6b1}.needs-help{font-size:9px;text-transform:uppercase;letter-spacing:.06em;background:#3b3020;color:#edc280;padding:4px 6px;border-radius:4px;margin-top:9px;display:inline-block}.thread{display:flex;flex-direction:column;min-width:0;overflow:hidden}.empty{padding:65px 26px;text-align:center;color:#7e94b1;margin:auto}.empty h2,.empty h3{color:#c6d4e8}.empty p{font-size:13px;max-width:330px;margin:auto}.empty-icon{font-size:30px;margin-bottom:16px;color:#5779a6}.thread-header{padding:18px 22px;border-bottom:1px solid #26394f;display:flex;align-items:center;justify-content:space-between;gap:12px}.thread-header h2{margin:0 0 7px}.pill{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;background:#21314a;border:1px solid #304761;color:#9fbadd;padding:4px 8px;border-radius:20px}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{font-size:12px;padding:8px 12px}.messages{overflow:auto;flex:1;padding:24px;min-height:220px}.message{max-width:88%;border:1px solid #2d405b;background:#19283d;border-radius:12px;padding:13px 16px;margin-bottom:18px}.message.operator,.message.assistant{margin-left:auto;background:#193453;border-color:#2b5078}.message span{font-size:10px;color:#89a3c5}.message p{font-size:13px;margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.reply{border-top:1px solid #26394f;padding:18px;display:flex;align-items:flex-end;gap:12px}.reply textarea{min-height:88px;resize:vertical;font-size:13px}.reply button{font-size:12px;white-space:nowrap}.panel{margin-bottom:22px}.narrow{max-width:600px}.vin-form{display:flex;align-items:end;gap:15px;flex-wrap:wrap;margin:24px 0}.vin-form label{margin:0;min-width:270px;flex:1;max-width:480px}.progress{font-size:12px;display:flex;align-items:center;gap:8px;min-height:44px;color:#9bc5ff}.spinner{display:inline-block;width:17px;height:17px;border:2px solid #324966;border-top-color:#7fb7ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:100vh;color:#91a9c9}.product-grid,.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.account-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product{padding:20px;border:1px solid #30435d;border-left:3px solid #7b94b7;border-radius:10px;background:#0d1725}.product h2{text-transform:capitalize}.product.compatible{border-left-color:#64d7a9}.product.conditional{border-left-color:#f1bf75}.product.not_compatible{border-left-color:#e78d8d}.product p,.product li{font-size:13px;color:#a8bad0}.account label{font-size:12px}.account .actions{margin-top:16px}.recovery{margin-top:18px;color:#d5c699;font-size:12px;overflow-wrap:anywhere}.recovery code{display:block}.audit-table{overflow:auto}.audit-row{display:grid;grid-template-columns:180px 150px 1fr 145px;gap:16px;border-bottom:1px solid #26364c;padding:15px 0;font-size:12px;color:#9eb1c9;min-width:720px}.audit-row strong{color:#dae5f4;font-size:12px}pre{background:#081320;padding:20px;overflow:auto;max-height:500px;font-size:11px;border-radius:10px;line-height:1.6}details summary{cursor:pointer;color:#8cb2e8;font-size:13px;margin:20px 0}footer{color:#546c8a;font-size:10px;padding:25px 0 10px;line-height:1.7}@media(max-width:1150px){.account-grid{grid-template-columns:1fr}.inbox{grid-template-columns:280px minmax(0,1fr)}.main{padding:25px 22px}.sidebar{width:210px}.main{margin-left:210px;width:calc(100% - 210px)}}@media(max-width:800px){.login-page{grid-template-columns:1fr}.login-intro{padding:80px 30px 30px;min-height:260px}.login-intro .brand{top:25px;left:30px}.login-intro h1{font-size:36px}.login-intro .security-label{display:none}.login-panel{padding:35px 25px}.sidebar{position:static;width:100%;padding:18px}.sidebar .brand{margin:0 0 14px}.sidebar nav{flex-direction:row;overflow:auto}.sidebar>.eyebrow,.sidebar-bottom{display:none}.workspace{display:block}.main{margin:0;width:100%;padding:22px 16px}.nav{white-space:nowrap;font-size:11px;padding:9px 11px;gap:8px}.inbox{grid-template-columns:1fr;max-height:none}.conversation-list{max-height:270px;border-right:0;border-bottom:1px solid #26394f}.thread{min-height:400px}.topbar h1{font-size:25px}.online{font-size:10px}.thread-header{flex-wrap:wrap}.product-grid{grid-template-columns:1fr}.reply{flex-wrap:wrap}.reply button{margin-left:auto}.vin-form label{min-width:100%}.recovery-codes{grid-template-columns:1fr}}.ai-messages{min-height:280px;max-height:520px;background:#0c1624;border:1px solid #253850;border-radius:10px;margin:20px 0}.ai-messages .message{max-width:85%}
