:root{--bg:#0f1c29;--bg-alt:#142433;--surface:#172a3b;--surface-2:#1d3346;--text:#f1ead9;--muted:#9fb1c4;--rope:#d9ae72;--rope-soft:#b98a46;--line:rgba(241,234,217,.15);--line-soft:rgba(241,234,217,.08);--danger:#dd8f8f;--font-display:Fraunces,Georgia,serif;--font-body:Inter,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer}.brand{align-items:center;color:var(--text);display:flex;font:600 22px var(--font-display);gap:9px}.brand img{height:32px;width:32px}.eyebrow{color:var(--rope);font-size:10px;font-weight:700;letter-spacing:.15em;margin:0 0 10px}.login{display:grid;min-height:100vh;grid-template-columns:1.1fr .9fr}.login-art{background:var(--bg-alt);display:flex;flex-direction:column;overflow:hidden;padding:42px 8vw;position:relative}.weave{background-image:repeating-linear-gradient(45deg,var(--text) 0,var(--text) 1px,transparent 1px,transparent 18px),repeating-linear-gradient(-45deg,var(--text) 0,var(--text) 1px,transparent 1px,transparent 18px);inset:0;opacity:.025;position:absolute}.login-art>*:not(.weave){position:relative}.login-copy{margin:auto 0 38px;max-width:560px}.login-copy h1{font:600 clamp(36px,4.2vw,64px)/1.06 var(--font-display);letter-spacing:-.04em;margin:0 0 22px}.login-copy>p:last-child{color:var(--muted);font-size:16px;max-width:490px}.knot{bottom:-65px;color:var(--rope);font:180px/1 Georgia;opacity:.2;position:absolute;right:7vw;transform:rotate(-20deg)}.login-form{align-items:center;background:var(--surface);display:flex;justify-content:center;padding:32px}.form-box{max-width:390px;width:100%}.mobile-brand{display:none}.form-box h2{font:600 35px/1.15 var(--font-display);letter-spacing:-.03em;margin:0 0 8px}.muted{color:var(--muted);margin:0 0 30px}form{display:grid;gap:18px}label{color:var(--text);display:grid;font-size:12px;font-weight:600;gap:8px}input,textarea{background:transparent;border:1px solid var(--line);border-radius:5px;color:var(--text);outline:0;padding:12px 13px;transition:border .15s}input:focus,textarea:focus{border-color:var(--rope)}.primary{background:var(--rope);border:0;border-radius:5px;color:var(--bg);font-weight:700;margin-top:4px;padding:13px 16px;text-align:left}.primary span{float:right;font-size:18px}.primary:disabled{opacity:.6}.help{color:var(--muted);font-size:12px;margin-top:24px}.help a{color:var(--rope)}.form-error{background:rgba(221,143,143,.12);border-left:2px solid var(--danger);color:#f5c5c5;margin:0;padding:10px}.shell{display:grid;grid-template-columns:230px 340px 1fr;height:100vh}.sidebar{background:var(--bg-alt);border-right:1px solid var(--line-soft);display:flex;flex-direction:column;padding:24px 14px}.sidebar .brand{padding:0 12px 36px}.sidebar nav{display:grid;gap:5px}.nav-item{align-items:center;background:transparent;border:0;border-radius:5px;color:var(--muted);display:flex;gap:11px;padding:11px 12px;text-align:left}.nav-item.active,.nav-item:hover{background:var(--line-soft);color:var(--text)}.nav-item b{background:var(--rope);border-radius:9px;color:var(--bg);font-size:10px;margin-left:auto;padding:1px 6px}.sidebar-bottom{border-top:1px solid var(--line-soft);margin-top:auto;padding-top:16px}.profile{align-items:center;background:transparent;border:0;color:var(--text);display:flex;gap:9px;text-align:left;width:100%}.profile span{display:grid;flex:1}.profile strong{font-size:12px}.profile em{color:var(--muted);font-size:10px;font-style:normal;margin-top:3px}.avatar{align-items:center;background:#31536a;border-radius:50%;color:#f2d3a2;display:flex;flex:none;font:600 15px var(--font-display);height:38px;justify-content:center;width:38px}.avatar.small{height:30px;width:30px}.inbox{background:var(--surface);border-right:1px solid var(--line-soft);overflow:auto;padding:25px 16px}.inbox-header{align-items:center;display:flex;justify-content:space-between;padding:0 5px 19px}.inbox-header h1{font:600 25px var(--font-display);letter-spacing:-.03em;margin:0}.icon-btn,.attach{background:transparent;border:0;color:var(--muted);font-size:20px}.search{align-items:center;background:var(--line-soft);border:1px solid transparent;border-radius:5px;color:var(--muted);display:flex;gap:7px;margin-bottom:15px;padding:0 9px}.search input{border:0;font-size:12px;padding:10px 0;width:100%}.conversation-list{display:grid}.conversation{align-items:center;background:transparent;border:0;border-bottom:1px solid var(--line-soft);color:var(--text);display:flex;gap:10px;padding:13px 5px;text-align:left;width:100%}.conversation:hover,.conversation.active{background:rgba(217,174,114,.08)}.conversation-info{min-width:0;flex:1}.conversation-info div{display:flex;gap:8px;justify-content:space-between}.conversation-info strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-info time,.conversation-info p{color:var(--muted);font-size:10px;margin:0}.conversation-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation i{background:var(--rope);border-radius:50%;height:7px;width:7px}.no-results,.loading{color:var(--muted);font-size:12px;padding:20px;text-align:center}.chat{background:var(--bg);display:grid;grid-template-rows:auto 1fr auto;min-width:0}.chat.empty{align-items:center;display:flex;justify-content:center;text-align:center}.empty-mark{color:var(--rope);font:70px/1 Georgia;opacity:.5}.chat.empty h2{font:600 26px var(--font-display);margin:12px 0 4px}.chat.empty p{color:var(--muted);margin:0}.chat-header{align-items:center;border-bottom:1px solid var(--line-soft);display:flex;gap:11px;padding:17px 25px}.chat-header h2{font-size:14px;margin:0}.chat-header p{color:var(--muted);font-size:11px;margin:3px 0 0}.chat-actions{display:flex;gap:8px;margin-left:auto}.outline,.resolve{background:transparent;border:1px solid var(--line);border-radius:5px;color:var(--text);font-size:11px;padding:8px 10px}.resolve{border-color:rgba(217,174,114,.5);color:var(--rope)}.messages{display:flex;flex-direction:column;gap:9px;overflow:auto;padding:28px clamp(20px,4vw,60px)}.message{align-self:flex-start;background:var(--surface-2);border-radius:4px 12px 12px 12px;max-width:min(500px,78%);padding:9px 12px}.message.outbound{align-self:flex-end;background:#755225;border-radius:12px 4px 12px 12px;color:#fff7eb}.message p{font-size:13px;line-height:1.45;margin:0;white-space:pre-wrap}.message time{color:var(--muted);display:block;font-size:9px;margin-top:4px;text-align:right}.outbound time{color:#f2d5a7}.composer{align-items:center;border-top:1px solid var(--line-soft);display:flex;gap:10px;padding:13px 25px}.composer textarea{flex:1;max-height:110px;min-height:42px;resize:none}.send{background:var(--rope);border:0;border-radius:5px;color:var(--bg);font-size:19px;height:40px;width:42px}.send:disabled{opacity:.6}.toast{background:#e6bf84;bottom:20px;color:#182636;font-size:12px;font-weight:600;left:50%;padding:11px 16px;position:fixed;transform:translateX(-50%);z-index:5}@media(max-width:800px){.login{grid-template-columns:1fr}.login-art{display:none}.login-form{min-height:100vh}.mobile-brand{display:block;margin-bottom:55px}.shell{grid-template-columns:64px minmax(250px,38vw) 1fr}.sidebar{padding:22px 8px}.sidebar .brand{justify-content:center;padding:0 0 30px}.sidebar .brand span,.nav-item span,.profile span,.profile> :last-child{display:none}.nav-item{justify-content:center;padding:12px 0}.nav-item b{display:none}.profile{justify-content:center}.chat-header{padding:16px}.chat-actions .outline{display:none}.composer{padding:12px 16px}}@media(max-width:580px){.shell{display:block;height:100dvh}.sidebar{display:none}.inbox{display:none}.chat{height:100vh}.chat.empty{display:none}.chat-header{padding:14px}.chat-actions .resolve{font-size:0}.chat-actions .resolve::after{content:'✓';font-size:14px}.messages{padding:20px}.composer{padding:12px}.chat:has(.chat-header){display:grid}}