:root{--green:#00a859;--green-dark:#007a42;--bg:#f4faf6;--card:#fff;--text:#0f172a;--muted:#64748b;--line:#00a85929;--danger:#dc2626;--bubble-out:#dcf8c6;--bubble-in:#fff;color:var(--text);background:var(--bg);font-family:Sora,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}body{background:var(--bg);-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input{font:inherit}.boot{height:100%;color:var(--muted);place-items:center;display:grid}.screen{background:var(--bg);flex-direction:column;max-width:560px;height:100%;margin:0 auto;display:flex}.topbar{padding:14px 16px;padding-top:calc(14px + env(safe-area-inset-top));background:var(--card);border-bottom:1px solid var(--line);z-index:5;align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar .grow{flex:1;min-width:0}.back,.icon-btn{width:40px;height:40px;color:var(--green-dark);background:#ecfdf3;border-radius:12px;place-items:center;font-weight:700;display:grid}.search-wrap{background:var(--card);padding:10px 16px}.search{border:1px solid var(--line);background:var(--bg);border-radius:12px;width:100%;padding:12px 14px}.chat-list{flex:1;margin:0;padding:0;list-style:none;overflow:auto}.chat-row{border-bottom:1px solid var(--line);background:var(--card);gap:12px;padding:12px 16px;display:flex}.avatar{width:48px;height:48px;color:var(--green-dark);background:#ecfdf3;border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.chat-main{flex:1;min-width:0}.chat-top,.chat-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.time,.preview{color:var(--muted);font-size:.82rem}.preview{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.badge{background:var(--green);color:#fff;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.75rem;font-weight:700;display:grid}.muted{color:var(--muted)}.small{font-size:.8rem}.pad{padding:16px}.error,.composer-error{color:var(--danger);margin:0;padding:8px 16px;font-size:.9rem}.login-shell{background:radial-gradient(circle at 20% 10%, #00a8592e, transparent 45%), radial-gradient(circle at 90% 80%, #007a421f, transparent 40%), var(--bg);place-items:center;min-height:100%;padding:24px;display:grid}.login-card{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:20px;width:min(100%,400px);padding:28px 22px}.login-logo{object-fit:contain;width:72px;height:72px;margin-bottom:8px}.login-card h1{color:var(--green-dark);margin:0 0 4px}.stack{text-align:left;gap:12px;margin-top:18px;display:grid}.stack label{gap:6px;font-size:.9rem;font-weight:600;display:grid}.stack input{border:1px solid var(--line);border-radius:12px;padding:12px 14px}.stack button,.danger,.composer button[type=submit]{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:12px 16px;font-weight:700}.stack button:disabled,.composer button:disabled{opacity:.5;cursor:not-allowed}.ghost{color:var(--green-dark)!important;background:0 0!important}.chat-screen{background:#e7f5ec}.messages{flex-direction:column;flex:1;gap:8px;padding:12px 12px 8px;display:flex;overflow:auto}.bubble{border-radius:14px;max-width:82%;padding:8px 10px 4px;position:relative;box-shadow:0 1px 1px #0f172a0f}.bubble.in{background:var(--bubble-in);border-bottom-left-radius:4px;align-self:flex-start}.bubble.out{background:var(--bubble-out);border-bottom-right-radius:4px;align-self:flex-end}.bubble p{white-space:pre-wrap;word-break:break-word;margin:0 0 4px;font-size:.95rem}.bubble-time{text-align:right;color:var(--muted);font-size:.7rem;display:block}.bubble-media{border-radius:10px;max-width:100%;margin-bottom:4px;display:block}.composer{padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line);gap:8px;display:flex}.composer-input{border:1px solid var(--line);background:var(--bg);border-radius:22px;flex:1;padding:12px 14px}.attach{width:44px;color:var(--green-dark);cursor:pointer;background:#ecfdf3;border:0;border-radius:12px;font-size:1.4rem;font-weight:700}.profile{text-align:center}.profile-avatar{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:24px;width:88px;height:88px}.company{color:var(--green-dark);font-weight:600}.danger{background:var(--danger);width:100%;margin-top:24px}