:root{color:#f5f5f5;background:#090909;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% 5%,#333,#090909 38%);grid-template-columns:240px 1fr;min-height:100vh;margin:0;display:grid}aside{background:linear-gradient(160deg,#292929,#111);padding:28px}aside b{color:#fff;letter-spacing:.12em}aside button{text-align:left;width:100%;margin:5px 0}main{width:100%;max-width:1100px;padding:38px}header{justify-content:space-between;display:flex}input,select,button{color:#fff;background:#242424;border:1px solid #444;border-radius:9px;margin:5px;padding:11px}button{color:#111;background:linear-gradient(135deg,#fafafa,#bdbdbd);font-weight:800}#auth{background:linear-gradient(145deg,#292929,#151515);border-radius:18px;max-width:400px;padding:25px;display:grid}#createRoom{flex-wrap:wrap;padding:16px 0;display:flex}table{border-collapse:collapse;background:linear-gradient(145deg,#292929,#151515);border-radius:14px;width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid #3f3f3f;padding:14px}@media (width<=700px){body{grid-template-columns:1fr}aside{align-items:center;gap:8px;padding:15px;display:flex}aside h2{display:none}main{padding:20px}}