:root{color:#e9f1f8;background:#071724;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{grid-template-columns:240px 1fr;min-height:100vh;margin:0;display:grid}aside{background:#102b3e;padding:28px}aside b{color:#31d3c5;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:#183b51;border:0;border-radius:9px;margin:5px;padding:11px}button{color:#06242b;background:#31bfb5;font-weight:800}#auth{max-width:400px;display:grid}#createRoom{flex-wrap:wrap;padding:16px 0;display:flex}table{border-collapse:collapse;background:#102b3e;border-radius:14px;width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid #23465b;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}}