:root{--bg:#f5f3ee;--card:#fffaf1;--ink:#202020;--muted:#6f675c;--accent:#1f6f5b;--accent2:#d99a25;--danger:#b32828;--line:#e5ddd0;--shadow:0 18px 45px rgba(38,32,20,.12)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top left,#fff7dd 0,#f5f3ee 38%,#edf4ef 100%);color:var(--ink)}a{color:var(--accent);text-decoration:none}.wrap{width:min(1040px,92vw);margin:0 auto}.hero{min-height:100vh;display:grid;place-items:center;padding:36px 0}.grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:stretch}.card{background:rgba(255,250,241,.93);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:26px}.brand{font-size:34px;font-weight:900;letter-spacing:.02em;margin:0 0 10px}.lead{color:var(--muted);line-height:1.9;margin:0 0 18px}.badge{display:inline-flex;gap:8px;align-items:center;background:#e8f2ed;color:#185947;border:1px solid #cfe4d9;padding:8px 12px;border-radius:999px;font-weight:700;font-size:13px}.tabs{display:flex;background:#f1eadf;border-radius:16px;padding:5px;margin-bottom:18px}.tab{flex:1;border:0;background:transparent;padding:11px;border-radius:12px;font-weight:800;cursor:pointer}.tab.active{background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.08)}.form{display:grid;gap:12px}.form label{font-weight:800;font-size:13px;color:#3a342e}.form input,.form textarea,.form select{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px;font:inherit;background:#fff;color:var(--ink)}.form textarea{min-height:96px;resize:vertical}.btn{border:0;border-radius:14px;background:var(--accent);color:#fff;font-weight:900;padding:13px 17px;cursor:pointer;font-size:15px}.btn.secondary{background:#4f5b57}.btn.notice{background:var(--accent2)}.btn.danger{background:var(--danger)}.small{font-size:13px;color:var(--muted);line-height:1.7}.alert{border-radius:14px;padding:12px 14px;margin-bottom:14px}.alert.ok{background:#e9f6ee;color:#155d3f}.alert.err{background:#fff0ef;color:#9b1c1c}.room-head{position:sticky;top:0;z-index:5;background:rgba(245,243,238,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.room-head-inner{display:flex;gap:14px;justify-content:space-between;align-items:center;padding:14px 0}.room-title{font-size:22px;font-weight:900}.chat-layout{display:grid;grid-template-columns:1fr 300px;gap:20px;padding:22px 0}.messages{display:grid;gap:12px}.msg{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 15px}.msg.notice{border-color:#f0c879;background:#fff9e8}.msg.system{border-color:#bad8cd;background:#eef8f3}.meta{font-size:12px;color:var(--muted);margin-bottom:6px}.text{white-space:pre-wrap;line-height:1.75}.composer{position:sticky;bottom:0;background:rgba(245,243,238,.92);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:14px 0}.composer form{display:flex;gap:10px}.composer textarea{flex:1;min-height:52px;max-height:140px}.side{display:grid;gap:14px;align-content:start}.pill{display:inline-block;background:#f1eadf;border-radius:999px;padding:6px 10px;font-size:12px;color:#5b5248}.empty{text-align:center;color:var(--muted);padding:40px 10px}.admin{padding:36px 0}@media(max-width:800px){.grid,.chat-layout{grid-template-columns:1fr}.room-head-inner{align-items:flex-start;flex-direction:column}.composer form{flex-direction:column}.brand{font-size:28px}.card{padding:20px}}
.photo-wrap{margin-top:10px}.chat-photo{display:block;max-width:min(420px,100%);max-height:420px;border-radius:14px;border:1px solid var(--line);background:#f4efe6;object-fit:contain}.photo-name{font-size:12px;color:var(--muted);margin-top:5px}.file-label{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border:1px solid var(--line);border-radius:14px;background:#fff;color:#3a342e;font-weight:900;padding:12px 14px;cursor:pointer}.file-label input{display:none}.file-info{font-size:12px;color:var(--muted);margin-top:6px}.composer textarea{border:1px solid var(--line);border-radius:14px;padding:12px 14px;font:inherit;background:#fff;color:var(--ink)}@media(max-width:800px){.chat-photo{max-width:100%;max-height:320px}.file-label{width:100%}}
.member-list{display:grid;gap:8px;margin-top:10px}.member-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 11px;font-size:13px;word-break:break-all}.member-item span{color:var(--muted);font-size:11px}.form.compact{gap:9px;margin-top:10px}.form.compact input{padding:11px 12px}.form.compact .btn{padding:11px 12px}


.sender-row{display:flex;gap:10px;align-items:center;margin-bottom:8px;}
.sender-label{font-size:13px;font-weight:700;color:#344054;white-space:nowrap;}
.sender-row select{width:100%;border:1px solid #d0d5dd;border-radius:12px;padding:10px 12px;font-size:14px;background:#fff;}
@media(max-width:700px){.sender-row{align-items:stretch;flex-direction:column;gap:5px;}}