:root{font-family:Inter,"Segoe UI",sans-serif;color:#172d42;background:#edf3f7;font-size:16px;--blue:#12618c;--muted:#52697c;--line:#d9e4ed}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:12px;background:white;color:#173f59;padding:11px 16px;font-weight:600}button:hover{background:#e6f2fa}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--blue);color:white;border-color:var(--blue)}.primary:hover{background:#154b70}input,select,textarea{width:100%;padding:12px;border:1px solid #b8cbd9;border-radius:10px;background:#fbfdff;color:#172d42}input:focus,textarea:focus,button:focus-visible{outline:3px solid #7bbde9;outline-offset:2px}label{display:grid;gap:7px;font-size:14px;font-weight:600}small{display:block;color:var(--muted);font-size:13px;line-height:1.6}.brand{width:72px;height:72px;border-radius:22px;background:#153e58;color:#fff;font-size:38px;font-weight:800;display:flex;align-items:center;justify-content:center}.brand span{color:#7bbde9;font-size:.6em}.brand.small{width:45px;height:45px;font-size:25px;border-radius:14px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--blue)}.auth{max-width:1000px;margin:6vh auto;padding:32px;display:grid;grid-template-columns:1fr 430px;column-gap:70px;align-content:start}.auth>.brand{grid-column:1}.auth>h1{font-size:clamp(32px,4vw,48px);line-height:1.15;letter-spacing:-.03em;margin:8px 0}.auth>p{color:var(--muted);line-height:1.6}.panel{grid-column:2;grid-row:1/6;background:white;border:1px solid var(--line);border-radius:24px;padding:30px;display:grid;gap:18px;box-shadow:0 18px 70px #143a5710}.panel h2{font-size:23px;margin:0}main{display:grid;grid-template-columns:330px 1fr;height:100dvh;max-width:1600px;margin:auto;background:white;border-inline:1px solid var(--line)}aside{background:#f7fafc;border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:auto}header{display:flex;align-items:center;gap:13px;padding:22px;border-bottom:1px solid var(--line);min-height:100px}aside header #account{margin-left:auto}.sidebar-title{padding:22px 20px 10px}.sidebar-title h2{margin:0 0 8px;font-size:22px}#connection{font-size:12px;color:var(--muted)}nav{padding:8px 12px}.conversation,.driver{display:flex;text-align:left;width:100%;align-items:center;gap:12px;border:0;background:transparent;padding:14px 10px;margin:2px 0}.conversation.selected{background:#dceefa}.avatar{flex-shrink:0;display:grid;place-items:center;width:42px;height:42px;background:#dfe9f1;border-radius:15px;color:#24617e}.conversation .words{flex:1}.badge{background:#146c9a;color:white;border-radius:99px;padding:3px 8px;font-size:12px}.search{padding:16px 20px}#drivers{padding:0 12px}aside footer{margin-top:auto;padding:26px;color:#607588;font-size:12px;line-height:1.8}.thread{display:flex;flex-direction:column;min-height:0;min-width:0;background:radial-gradient(ellipse at top right,#e5f3fa80,transparent 65%),#fff}.thread header{justify-content:space-between}.thread header h2{margin:5px 0;font-size:23px}.thread header p{margin:0}#empty{margin:auto;text-align:center;padding:30px;color:var(--muted);line-height:1.7}.empty-icon{font-size:55px;color:#7bbde9}#messages{overflow:auto;flex:1;padding:24px 32px;scroll-behavior:auto}.bubble{max-width:75%;width:fit-content;padding:13px 16px;border-radius:17px 17px 17px 4px;background:#edf2f6;margin:0 0 15px;overflow-wrap:anywhere}.bubble.own{margin-left:auto;background:#dceefa;border-radius:17px 17px 4px 17px}.bubble .sender{font-size:12px;font-weight:700;color:#205f83;margin-bottom:6px}.bubble .body{white-space:pre-wrap;line-height:1.6}.bubble small{text-align:right;margin-top:7px;font-size:11px}#compose{display:flex;padding:18px 24px;gap:12px;border-top:1px solid var(--line);align-items:end}#message{resize:none;max-height:160px}#older{align-self:center;margin:12px}dialog{border:1px solid var(--line);border-radius:22px;padding:28px;max-width:520px;width:calc(100% - 30px);max-height:90dvh;overflow:auto}dialog::backdrop{background:#102c4666}dialog form:not([method=dialog]){display:grid;gap:13px}.close{float:right;font-size:22px;padding:0 9px}dialog p{line-height:1.6;color:var(--muted)}dialog textarea{margin:12px 0}.device{border-bottom:1px solid var(--line);padding:12px 0;display:flex;align-items:center;gap:12px;justify-content:space-between}#logout{margin-top:24px;color:#a73333}#notice{position:fixed;z-index:100;bottom:18px;left:50%;transform:translateX(-50%);background:#173f59;color:white;padding:14px 22px;border-radius:12px;max-width:90%;box-shadow:0 5px 30px #0002}#notice:empty{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden}.mobile{display:none}[hidden]{display:none!important}@media(max-width:760px){.auth{display:block;margin:10px auto;max-width:500px;padding:22px}.auth h1{font-size:32px}.panel{margin-top:28px;padding:24px}main{grid-template-columns:1fr}main .thread{display:none}main.thread-open aside{display:none}main.thread-open .thread{display:flex}.mobile{display:block}header{padding:16px}.thread header h2{font-size:19px}.thread .eyebrow{display:none}#messages{padding:16px}.bubble{max-width:88%}#compose{padding:12px;gap:8px}.thread header #sound{font-size:12px;padding:8px}}