:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#17273b;background:#f3f6fa;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:#fff;background:#245ccd;border:0;border-radius:8px;padding:11px 16px}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #df8d17}input,textarea{color:#17273b;background:#fff;border:1px solid #aab7c7;border-radius:8px;width:100%;padding:12px}label{gap:6px;display:grid}h1{font-size:24px}h2{font-size:18px}small{color:#52657b}.center{place-items:center;min-height:100dvh;padding:20px;display:grid}.card{background:#fff;border:1px solid #dbe2ec;border-radius:16px;gap:18px;width:min(100%,430px);padding:30px;display:grid}.card h1,.card p{margin:0}.badge{color:#234b89;background:#e7effe;border-radius:6px;padding:5px 8px;font-size:12px;display:inline-block}.workspace{grid-template-columns:260px minmax(0,1fr);height:100dvh;display:grid}.sidebar{background:#fff;border-right:1px solid #dbe2ec;padding:24px;overflow:auto}.sidebar nav{gap:8px;margin-bottom:24px;display:grid}.secondary{color:#1b365e;background:#e8edf4}.person{text-align:left;color:#243952;background:#f0f4fa;min-width:0}.person strong,.person small{overflow-wrap:anywhere;display:block}.preview{text-overflow:ellipsis;white-space:nowrap;color:#52657b;margin:6px 0;font-size:13px;display:block;overflow:hidden}.person.selected{background:#dce8ff;box-shadow:inset 3px 0 #245ccd}.conversation{flex-direction:column;min-height:0;display:flex}.conversation header{background:#fff;border-bottom:1px solid #dbe2ec;padding:18px 24px}.conversation header h2{margin:0 0 6px}.conversation-notices{overflow-wrap:anywhere;flex-shrink:1;min-height:0;max-height:22%;overflow:auto}.conversation-notices:focus-visible{outline-offset:-3px;outline:3px solid #076873}.messages{overflow-anchor:none;flex-direction:column;flex:1;gap:14px;min-height:0;padding:24px;display:flex;overflow:auto}.messages:focus-visible{outline-offset:-3px;outline:3px solid #076873}.latest-messages{flex-shrink:0;align-self:center;margin:4px}.message{overflow-wrap:anywhere;background:#fff;border:1px solid #dbe2ec;border-radius:12px;flex-shrink:0;align-self:flex-start;max-width:min(80%,640px);padding:12px 16px}.message.mine{background:#e1ecff;border-color:#ceddf8;align-self:flex-end}.message span,.message time{color:#4b607b;font-size:12px}.message p{white-space:pre-wrap;margin:8px 0}.composer{background:#fff;border-top:1px solid #dbe2ec;align-items:flex-end;gap:12px;padding:18px 24px;display:flex}.send-status{overflow-wrap:anywhere;background:#fff8e6;padding:10px 24px}.send-status p{margin:0 0 8px}.composer-input{flex:1;min-width:0}.composer-help{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-top:6px;display:flex}.composer textarea{resize:vertical;min-height:70px;max-height:180px}.composer button{flex-shrink:0}.error{color:#8d2020;background:#fff0ef;border-radius:8px;margin:8px;padding:12px 18px}.empty{text-align:center;color:#52657b;margin:auto}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}:root{color:#243e44;--surface:#e6ebed;--raised:8px 8px 18px #c4cccf, -8px -8px 18px #fff;--inset:inset 5px 5px 10px #c4cccf, inset -5px -5px 10px #fff;background:#e6ebed}body{background:var(--surface)}button{background:#087e8b;border-radius:22px;transition:background .15s,transform .15s;box-shadow:4px 4px 9px #c4cccf,-4px -4px 9px #fff}button:not(:disabled):hover{background:#066b76}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:#076873}input,textarea{background:var(--surface);color:#243e44;box-shadow:var(--inset);border:1px solid #0000;border-radius:24px;padding:16px 20px}input::placeholder,textarea::placeholder{color:#566a70;opacity:1}.center{background:radial-gradient(at 0 0,#f4f7f8,#0000 65%);padding:32px 20px}.card{background:var(--surface);box-shadow:var(--raised);border:0;border-radius:36px;gap:24px;padding:44px 34px}.card h1{text-align:center;color:#18545b;letter-spacing:-.04em;font-size:30px}.card>p,.card>small{text-align:center;line-height:1.7}.card label{gap:10px;font-size:14px;font-weight:600}.card button{padding:16px 22px;font-weight:700}.badge{color:#18545b;background:#d3e7e9;border-radius:14px;padding:7px 12px}.card .badge{justify-self:center}.login-screen{isolation:isolate;padding-top:clamp(100px,18vh,170px);position:relative;overflow:hidden}.login-brand-watermark{z-index:-1;pointer-events:none;aspect-ratio:1252/184;opacity:.24;filter:grayscale(.65)saturate(.55);background:url(/brand/ubiotech-logo.png) 50%/contain no-repeat;width:min(78vw,960px);position:absolute;top:clamp(28px,5vh,64px);left:50%;transform:translate(-50%)}.login-screen:after{content:"";z-index:-2;pointer-events:none;background:radial-gradient(at 80% 20%,#cce3e44d,#0000 65%);position:absolute;inset:0}.login-screen .card{position:relative}@media (max-width:480px){.login-screen{padding-top:96px}.login-brand-watermark{opacity:.32;width:88vw;top:28px}}.workspace{gap:22px;padding:20px}.sidebar{background:var(--surface);box-shadow:var(--raised);border:0;border-radius:28px}.sidebar h1{color:#18545b}.sidebar nav{gap:12px;padding:6px}.secondary,.person{background:var(--surface);color:#243e44}.secondary:not(:disabled):hover,.person:not(:disabled):hover{background:#d8e5e7}.person{border-radius:16px}.person.selected{color:#134e56;box-shadow:var(--inset);background:#d2e5e7;border-left:4px solid #087e8b}.conversation{background:var(--surface);min-width:0;box-shadow:var(--raised);border-radius:28px;overflow:hidden}.conversation header{background:0 0;border-bottom:1px solid #c8d2d5}.message{background:#edf1f2;border:0;border-radius:20px 20px 20px 5px;box-shadow:4px 4px 10px #c4cccf,-4px -4px 10px #fff}.message.mine{background:#d2e8e9;border-radius:20px 20px 5px}.composer{background:0 0;border-top:1px solid #c8d2d5}.send-status{background:#f6efd9}@media (prefers-reduced-motion:reduce){button{transition:none}}@media (max-width:700px){.workspace{gap:10px;padding:8px}.sidebar,.conversation{border-radius:20px}.card{padding:32px 24px}.composer{flex-wrap:wrap}.composer-input{flex-basis:100%}.composer button{margin-left:auto}.workspace{grid-template-columns:145px minmax(0,1fr)}.sidebar{padding:12px}.sidebar h1{font-size:18px}.messages{padding:12px}.message{max-width:95%}.composer{gap:6px;padding:10px}.composer button{padding:10px}.conversation header{padding:14px}}@media (max-width:480px){.workspace{grid-template-rows:minmax(0,28%) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.sidebar{min-height:0}.sidebar h1{margin-top:0}.conversation header,.composer{flex-shrink:0}.send-status{flex-shrink:1;max-height:22%;padding:8px 12px;overflow:auto}}