:root{--bg:#f7fbf9;--card:#ffffff;--text:#10251f;--muted:#5d756c;--line:#dbe9e3;--green:#1f8f72;--danger:#c54242;--shadow:0 18px 60px rgba(20,80,61,.10);--radius:24px}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(135deg,#ffffff 0%,#f5fffb 35%,#e7faf3 100%);color:var(--text)}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.shell{max-width:1240px;margin:0 auto;padding:24px}.shell.narrow{max-width:560px;padding-top:60px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.eyebrow{display:inline-block;padding:8px 12px;background:rgba(31,143,114,.08);color:var(--green);border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase}h1{margin:12px 0 10px;font-size:clamp(28px,4vw,46px);line-height:1.05}.lead{margin:0;color:var(--muted);max-width:760px;font-size:16px;line-height:1.6}.grid-2,.grid-3{display:grid;gap:20px}.grid-2{grid-template-columns:1.2fr .8fr}.grid-3{grid-template-columns:repeat(3,1fr)}.card{background:rgba(255,255,255,.92);box-shadow:var(--shadow);border-radius:var(--radius);padding:24px}.status-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.status-pill{padding:10px 14px;border-radius:999px;font-weight:700;font-size:14px}.status-pill.online,.status-pill.free{background:#e8fff5;color:#0e7f5e}.status-pill.offline{background:#fff7e6;color:#b27913}.status-pill.busy{background:#fff0f0;color:#b53838}.primary-btn,.ghost-btn,.danger-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:16px;border:none;cursor:pointer;font-weight:700;min-height:48px}.primary-btn{background:linear-gradient(135deg,var(--green),#46bc97);color:#fff}.ghost-btn{background:#fff;border:1px solid var(--line)}.danger-btn{background:#fff1f1;color:var(--danger);border:1px solid #f1c7c7}.notice-box{margin:18px 0;padding:16px 18px;border-radius:18px;background:#f4fffa;line-height:1.5}.stack{display:flex;flex-direction:column;gap:14px}.mini-gap{gap:10px}.w-100{width:100%}.align-center{text-align:center}.input-group{display:flex;flex-direction:column;gap:8px}.input-group input,.input-group textarea{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#fff}.inline-message{min-height:24px;color:var(--green);font-weight:600}.alert-error{padding:12px 14px;border-radius:14px;background:#fff1f1;color:#b93333;margin-bottom:14px}.top-actions{display:flex;gap:10px;flex-wrap:wrap}.big-state{font-size:32px;font-weight:800;margin:12px 0 18px}.big-state.ok{color:var(--green)}.big-state.no{color:#b27913}.big-state.warn{color:#b93333}.room-layout{display:grid;grid-template-columns:1.6fr .7fr;gap:20px}.video-stage{min-height:72vh;padding:16px}.participants-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.participant-tile{position:relative;background:#0f2a22;border-radius:22px;overflow:hidden;min-height:220px}.participant-tile video,.participant-tile audio{width:100%;height:100%;object-fit:cover;display:block}.participant-name{position:absolute;left:12px;bottom:12px;background:rgba(0,0,0,.45);color:#fff;padding:8px 10px;border-radius:999px;font-size:13px}.screen-stage{margin-bottom:14px;border-radius:22px;overflow:hidden;min-height:280px;background:#08140f}.screen-stage video{width:100%;height:100%;display:block;object-fit:contain;background:#08140f}.hidden{display:none}.timer-wrap{display:flex;gap:12px;align-items:center;flex-wrap:wrap}#meetingTimer{font-size:28px;font-weight:800;padding:10px 16px;border-radius:18px;background:#fff}@media (max-width:980px){.grid-2,.grid-3,.room-layout{grid-template-columns:1fr}.topbar{flex-direction:column}.participants-grid{grid-template-columns:1fr}}