:root{font-family:Inter,system-ui,sans-serif;background:#071018;color:#eaf5ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#12314a,#05090d 65%);min-height:100vh}header{height:64px;display:flex;align-items:center;gap:20px;padding:0 22px;background:#0a141d;border-bottom:1px solid #20313e;position:sticky;top:0;z-index:5}header b{font-size:20px}header span{margin-left:auto;color:#8fa9ba}button,input,select{border:1px solid #2a4352;background:#0c1a24;color:#eaf5ff;border-radius:12px;padding:12px;font:inherit}button{cursor:pointer}button:hover{background:#163040}.primary{background:#1687bd;border-color:#24a9e5;font-weight:700}.card{background:rgba(10,21,30,.88);border:1px solid #203744;border-radius:20px;box-shadow:0 20px 60px #0007;padding:24px}.card input,.card select{display:block;width:100%;margin:10px 0}.card button{margin:4px}.tabs{display:flex}.tabs button{flex:1}main{max-width:1250px;margin:auto;padding:24px}#auth{max-width:430px;margin:10vh auto}.menu{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.layout{display:grid;grid-template-columns:1fr 310px;gap:14px}canvas{width:100%;height:650px;border-radius:20px;border:1px solid #284654;background:#0b2734}.layout aside{min-height:650px}.layout aside button,.layout aside input,.layout aside select{width:100%;margin-top:8px}#chat{height:260px;overflow:auto;margin-top:12px;padding:8px;background:#071018;border-radius:12px}#event{min-height:60px;margin-top:14px;color:#80d9ff}@media(max-width:800px){main{padding:12px}.layout{grid-template-columns:1fr}canvas{height:55vh}.layout aside{min-height:auto}header{padding:0 12px}header span{display:none}}