:root{color-scheme:dark;--bg:#0b1220;--panel:#121c2e;--line:#2a3a51;--text:#f8fafc;--muted:#94a3b8;--accent:#ff6547;--green:#34d399}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}button,input,textarea,select{font:inherit}.topbar{height:68px;padding:0 clamp(18px,4vw,52px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#0d1626}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:750}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--accent);font-size:14px}.brand b{padding-left:16px;border-left:1px solid var(--line);color:var(--muted);font-size:13px;font-weight:500}.account{display:flex;align-items:center;gap:14px;color:#cbd5e1;font-size:13px}.account button,.secondary{padding:8px 12px;color:#cbd5e1;border:1px solid var(--line);border-radius:8px;background:transparent;cursor:pointer}main{max-width:1080px;margin:auto;padding:42px 24px 72px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.16em}.page-heading h1{margin:0;font-size:29px;letter-spacing:-.03em}.page-heading p:not(.eyebrow){margin:10px 0 0;color:var(--muted);font-size:14px}.primary{padding:10px 16px;color:#fff;border:0;border-radius:9px;background:var(--accent);font-weight:700;cursor:pointer}.page-message{min-height:22px;margin:18px 0;color:#fda4af;font-size:13px}.page-message.success{color:var(--green)}.room-list{display:grid;gap:12px}.room-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.room-card h2{margin:0 0 7px;font-size:18px}.meta{margin:0;color:var(--muted);font-size:12px}.staff{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.staff-tag{padding:5px 8px;border:1px solid #30415a;border-radius:6px;color:#cbd5e1;font-size:12px}.staff-tag strong{color:#fff}.room-actions{display:flex;align-items:center;gap:8px}.empty-state{padding:50px 18px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:14px}dialog{width:min(92vw,480px);padding:0;color:var(--text);border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 25px 80px #000}dialog::backdrop{background:rgba(0,0,0,.7)}dialog form{padding:22px}dialog header,dialog footer{display:flex;align-items:center;justify-content:space-between}dialog h2{margin:0;font-size:19px}dialog header button{color:var(--muted);border:0;background:none;font-size:25px;cursor:pointer}label{display:block;margin-top:17px;color:#cbd5e1;font-size:12px}input,textarea,select{width:100%;margin-top:7px;padding:11px;color:#fff;border:1px solid var(--line);border-radius:8px;outline:none;background:#0d1727}textarea{min-height:88px;resize:vertical}footer{gap:8px;margin-top:24px;justify-content:flex-end}.hint,.selected-user{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.selected-user{color:#bfdbfe}.user-results{max-height:205px;margin-top:8px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:#0d1727}.user-results .empty{margin:0;padding:16px;color:var(--muted);font-size:12px}.user-result{width:100%;padding:11px;text-align:left;color:#e2e8f0;border:0;border-bottom:1px solid #1d2a3c;background:none;cursor:pointer}.user-result:last-child{border-bottom:0}.user-result:hover{background:#172338}.user-result small{display:block;margin-top:3px;color:var(--muted)}.user-result.selected{background:#253651}@media(max-width:600px){.topbar{height:60px}.brand b,.account span{display:none}main{padding:28px 15px}.page-heading{align-items:stretch;flex-direction:column}.page-heading h1{font-size:24px}.primary{align-self:flex-start}.room-card{grid-template-columns:1fr}.room-actions{justify-content:flex-start}}