*{box-sizing:border-box}body,html,#root{margin:0;padding:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f7fa;color:#0f172a}.screen{display:flex;justify-content:center;padding:32px 16px;min-height:100vh}.card{background:#fff;border-radius:16px;padding:28px;max-width:480px;width:100%;box-shadow:0 2px 12px #0000000f}.card.wide{max-width:720px}h1{margin:0 0 8px;font-size:26px}h2{margin:24px 0 12px;font-size:18px}.muted{color:#64748b;font-size:14px}.error{color:#dc2626;margin:4px 0 0;font-size:14px}.success{color:#059669;margin:4px 0 0;font-size:14px}form{display:flex;flex-direction:column;gap:14px;margin-top:18px}label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}input,select{font-size:16px;padding:12px;border:1px solid #CBD5E1;border-radius:10px;background:#fff;font-family:inherit}input:focus,select:focus{outline:none;border-color:#0ea5e9}button{font-size:16px;padding:12px 18px;border:none;border-radius:10px;background:#0ea5e9;color:#fff;font-weight:700;cursor:pointer;font-family:inherit}button:disabled{background:#94a3b8;cursor:not-allowed}button.secondary{background:#fff;color:#0ea5e9;border:1px solid #0EA5E9}button.link{background:none;color:#0ea5e9;padding:0;font-weight:600;font-size:14px}.row{display:flex;align-items:center;gap:12px}.row.between{justify-content:space-between}.invite-box{background:#f1f5f9;border:1px solid #CBD5E1;border-radius:10px;padding:14px;display:flex;align-items:center;gap:12px;margin-top:8px}.invite-link{flex:1;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;color:#0f172a;word-break:break-all}.copy-btn{background:#0ea5e9;color:#fff;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:700;border:none;cursor:pointer;white-space:nowrap}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:16px}.stat{background:#f1f5f9;border-radius:10px;padding:14px}.stat-value{font-size:28px;font-weight:800;color:#0ea5e9}.stat-label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.toggle-row{display:flex;gap:8px;margin-bottom:14px;font-size:14px}.toggle-row button{background:transparent;color:#64748b;padding:8px 12px;border-radius:8px;border:1px solid transparent;font-weight:600;font-size:14px}.toggle-row button.active{background:#e0f2fe;color:#0369a1;border-color:#bae6fd}