*{box-sizing:border-box}body{margin:0;background:#0b1018;color:#e8eef6;font:15px system-ui,sans-serif;display:flex}aside{width:235px;position:fixed;inset:0 auto 0 0;background:#101822;border-right:1px solid #24303f;padding:30px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-size:28px;color:#5ed4c2;text-decoration:none;font-weight:750}.brand span{font-size:18px;color:#e8eef6;letter-spacing:3px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#8296af;margin-top:4px}nav{margin-top:44px;display:grid;gap:9px}button,.button,select,input{font:inherit;border:1px solid #344354;background:#172331;color:#dce7f4;border-radius:9px;padding:10px 14px}button,.button{cursor:pointer;text-decoration:none}button:hover,.button:hover{border-color:#5ed4c2}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #5ed4c2;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}nav button{text-align:left;background:transparent;border-color:transparent;color:#9baec3}nav button.active{background:#1a3536;color:#7be4d2}.foot{margin-top:auto;font-size:12px;color:#70849c;line-height:1.8}.workspace{margin-left:235px;width:calc(100% - 235px)}header{min-height:76px;border-bottom:1px solid #24303f;padding:18px 35px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#91a4ba}header div{display:flex;align-items:center;gap:12px}main{max-width:1500px;margin:auto;padding:35px}.title,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.eyebrow{font-size:10px;letter-spacing:2px;color:#5ed4c2;font-weight:700}h1{font-size:32px;margin:9px 0}h2{font-size:19px}h3{font-size:17px}.muted,small{color:#91a4ba;line-height:1.7}.notice{background:#182b30;border:1px solid #2d5256;color:#a8d9d3;border-radius:10px;padding:16px;margin:25px 0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metrics article{display:grid;gap:12px}.metrics strong{font-size:36px}.metrics span{color:#a3b4c7;font-size:13px}article{background:#111d2a;border:1px solid #293849;border-radius:14px;padding:23px;min-width:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.section-heading{margin:25px 0 16px}.placeholder{min-height:145px;display:grid;place-items:center;border:1px dashed #34475c;border-radius:10px;color:#728ba3;background:radial-gradient(ellipse at center,#182a38,#101a26)}.badge{font-size:11px;border-radius:20px;padding:5px 10px;background:#362e23;color:#ebc78d}.table-wrap{overflow-x:auto;margin-top:20px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:15px;border-bottom:1px solid #293849;white-space:nowrap}td{color:#9fb1c7}input{margin-left:10px}footer{padding:20px 35px;color:#71879e;font-size:12px}[hidden]{display:none!important}@media(max-width:1000px){aside{width:190px}.workspace{margin-left:190px;width:calc(100% - 190px)}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding:25px}}@media(max-width:650px){body{display:block}aside{position:static;width:100%;padding:18px;border-right:0}.brand{font-size:23px}nav{display:flex;overflow-x:auto;margin-top:18px;gap:5px}nav button{white-space:nowrap;font-size:13px}.foot{display:none}.workspace{margin:0;width:100%}header{padding:16px;flex-wrap:wrap;font-size:12px}main{padding:20px 16px}.title{align-items:flex-start;flex-direction:column}h1{font-size:27px}.grid{grid-template-columns:1fr}.metrics{gap:10px}article{padding:18px}.section-heading{flex-wrap:wrap}footer{padding:20px 16px}}
dialog{background:#111d2a;color:#e8eef6;border:1px solid #344354;border-radius:14px;max-width:calc(100% - 30px);padding:25px}dialog::backdrop{background:#000a}form{display:flex;gap:12px;flex-wrap:wrap;align-items:center}dialog form{display:block}dialog input{max-width:100%}input[type=checkbox]{margin:0}#room-list{overflow-wrap:anywhere}