:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#17221d;background:#e9eeeb;--green:#163d31;--accent:#177451;--line:#dce4df;--muted:#6b7770}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select,textarea{font:inherit}.app{height:100dvh;padding:16px;display:flex;flex-direction:column;gap:12px}.topbar{height:64px;flex:none;padding:0 20px;border-radius:16px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 30px #183d3020}.brand{display:flex;gap:9px;align-items:baseline}.brand span{font-size:11px;letter-spacing:.14em;color:#bcd4ca}.brand strong{font-size:21px}.user{display:flex;align-items:center;gap:12px;font-size:13px}.user button,.actions button{border:1px solid #ffffff38;border-radius:9px;padding:8px 12px;background:#ffffff12;color:inherit;cursor:pointer}.workspace{min-height:0;flex:1;display:grid;grid-template-columns:370px 1fr;background:#fff;border:1px solid #d5ded8;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #183d3013}.sidebar{min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#fafcfb}.filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px;border-bottom:1px solid var(--line)}.filters input{grid-column:1/-1}.filters input,.filters select,.actions select{min-width:0;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#25342c;outline:none}.filters :focus,.actions select:focus,.composer textarea:focus{border-color:#2b8664;box-shadow:0 0 0 3px #2b866417}.conversation-list{min-height:0;overflow:auto;padding:7px}.conversation-item{width:100%;display:grid;grid-template-columns:42px 1fr;gap:11px;padding:12px;border:0;border-radius:12px;background:transparent;text-align:left;color:inherit;cursor:pointer}.conversation-item:hover{background:#eef4f0}.conversation-item.active{background:#dfeee5}.avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#d2e3d9;color:#245b43;font-weight:750}.copy{min-width:0;display:block}.item-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.item-top strong,.preview,.meta{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.item-top small{flex:none;padding:2px 6px;border-radius:6px;background:#e3ebe6;color:#496056;font-size:10px}.preview{margin-top:4px;color:#415148;font-size:13px}.meta{margin-top:5px;color:var(--muted);font-size:10px}.conversation{min-width:0;display:flex;flex-direction:column;background:#f2f5f3}.conversation-header{height:72px;flex:none;padding:0 20px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center}.conversation-header strong,.conversation-header small{display:block}.conversation-header small{margin-top:4px;color:var(--muted)}.actions{height:52px;flex:none;padding:7px 14px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.actions button{border-color:var(--line);background:#f7faf8;color:#2d463a}.messages{min-height:0;flex:1;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:8px;background-image:radial-gradient(#b5c4bb50 .7px,transparent .7px);background-size:15px 15px}.welcome{margin:auto;text-align:center;color:var(--muted)}.welcome h2{margin:13px 0 5px;color:#1d2b24}.welcome p{margin:0}.brand-mark{width:52px;height:52px;margin:auto;display:grid;place-items:center;border-radius:16px;background:var(--green);color:#fff;font-size:23px;font-weight:800}.bubble{max-width:min(700px,78%);padding:10px 13px 7px;border-radius:13px;background:#fff;box-shadow:0 1px 2px #173c2c17;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.out{align-self:flex-end;background:#d8f0e2}.bubble.in{align-self:flex-start}.bubble time{display:block;margin-top:5px;text-align:right;color:var(--muted);font-size:10px}.composer{flex:none;display:grid;grid-template-columns:1fr auto;gap:9px;padding:13px 16px;background:#fff;border-top:1px solid var(--line)}.composer textarea{max-height:120px;resize:none;padding:12px 13px;border:1px solid var(--line);border-radius:11px;outline:none}.composer button,.login-card button{border:0;border-radius:10px;background:var(--accent);color:#fff;font-weight:700;padding:0 20px;cursor:pointer}.composer button:disabled{opacity:.5}.empty{padding:24px;text-align:center;color:var(--muted)}.toast{position:fixed;right:20px;bottom:20px;z-index:20;max-width:400px;padding:12px 15px;border-radius:10px;background:#7b2d2d;color:#fff;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}.login-view{min-height:100dvh;padding:24px;display:grid;place-items:center;background:linear-gradient(145deg,#eaf0ec,#cfded5)}.login-card{width:min(390px,100%);padding:34px;border:1px solid #d3ddd7;border-radius:20px;background:#fff;box-shadow:0 20px 60px #183d3022}.login-card .brand-mark{margin:0 0 20px}.eyebrow{margin:0;color:#557064;font-size:10px;letter-spacing:.14em}.login-card h1{margin:5px 0 8px}.login-card p{margin:0 0 22px;color:var(--muted)}.login-card label{display:block;margin:13px 0;color:#405148;font-size:12px;font-weight:650}.login-card input{width:100%;margin-top:6px;padding:11px;border:1px solid var(--line);border-radius:9px}.login-card button{width:100%;min-height:44px;margin-top:7px}.login-card small{display:block;min-height:18px;margin-top:10px;color:#a03434}
@media(max-width:760px){.app{padding:0}.topbar,.workspace{border-radius:0}.topbar{height:56px}.workspace{display:block;position:relative}.sidebar,.conversation{position:absolute;inset:0}.conversation{display:none}.workspace:has(.conversation .composer:not([hidden])) .sidebar{display:none}.workspace:has(.conversation .composer:not([hidden])) .conversation{display:flex}.filters{padding:10px}.conversation-item{padding:10px}.messages{padding:13px}.bubble{max-width:90%}.user span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}