:root{color-scheme:dark;font:15px/1.6 "Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif;color:#f1f5f9;background:#131a20;--muted:#99abb9;--line:#34414d;--accent:#09c7b3}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a.primary{cursor:pointer;border:1px solid #42616a;border-radius:7px;background:#25333d;color:#c6eeed;padding:8px 18px;text-decoration:none}button:hover{filter:brightness(1.15)}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #12d3dc;outline-offset:3px}[hidden]{display:none!important}a{color:#22d8d1;text-decoration:none}header{height:74px;display:flex;align-items:center;gap:28px;padding:0 38px;background:#1c242d;border-bottom:1px solid #283641}.brand{font-size:24px;font-weight:700;color:#fff}.tag{background:#056b5a;color:#bff6e2;padding:6px 14px;border-radius:5px;font-size:13px}.account{margin-left:auto;display:flex;gap:20px;align-items:center}main{max-width:2000px;margin:auto;padding:24px 30px}.card{background:#1d252f;border-radius:14px;padding:30px;margin-bottom:24px}.summary{display:flex;gap:30px;align-items:center;flex-wrap:wrap}.summary h1{font-size:21px;margin:0}.summary p{margin:0}.service-icon{background:#086c63;color:#c8fff0;border-radius:50%;width:65px;height:65px;display:grid;place-items:center;font-size:29px;margin-right:25px}.metric{display:grid;gap:0;margin-left:auto;min-width:155px}.metric span,.metric small,.muted{color:var(--muted);font-size:13px}.metric strong{font-size:25px}.metric small{font-size:11px}.primary,button.primary{background:var(--accent);border-color:var(--accent);color:#092c30}.danger{background:#ef525c;border-color:#ef525c;color:#fff}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap}h2{font-size:21px;margin:0}.section-heading button{margin:3px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:750px}thead{background:#303b47;color:#b8c5d2}th,td{padding:26px 30px;text-align:left}th{font-size:14px;font-weight:400}tbody tr:nth-child(odd){background:#202b35}tbody tr:nth-child(even){background:#2b3642}td:first-child{min-width:340px}.room-info{display:flex;gap:20px;align-items:center}.room-stamp{border:1px solid var(--accent);color:var(--accent);border-radius:50%;font-size:12px;width:58px;height:58px;flex-shrink:0;display:grid;place-items:center;transform:rotate(-15deg)}.room-details{font-size:14px;color:#b9c7d7}.room-details p{margin:4px 0}.room-details .note{color:#05d0b2;margin-left:14px}.room-details small{color:#869aab}.room-actions{display:flex;gap:12px;flex-wrap:wrap}.room-actions a{border:1px solid #0dc6b2;padding:5px 25px;border-radius:5px}.room-actions button{padding:5px 20px}.warning{padding:14px 20px;border:1px solid #bb6d35;background:#44321d;color:#ffdda8;border-radius:8px;margin-bottom:16px}.fleet-state{color:#b0c5cf;padding:0 8px 20px;font-size:13px}.message,#auth-error,#auto-message,#room-error{color:#ffbeaa}.auth{max-width:440px;margin:45px auto}.auth h1{font-size:26px}label{display:block;color:#c4d2dd;font-size:13px;margin:16px 0 7px}input:not([type=checkbox]),select{width:100%;height:42px;border-radius:6px;background:#121c24;border:1px solid var(--line);color:white;padding:8px 12px}.full{width:100%;margin-top:24px}.text-button{border:0;background:transparent;color:#10d2bf;padding:5px 0}.check{display:flex;align-items:center;gap:8px}.check input{accent-color:var(--accent)}dialog{width:min(570px,calc(100vw - 28px));max-height:88dvh;overflow:auto;padding:28px;color:#edf5fa;background:#1f2a35;border:1px solid #3d5a67;border-radius:14px}dialog::backdrop{background:#0009}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-heading button{border:0;background:transparent;padding:0}.qr{display:block;width:240px;height:240px;padding:12px;background:white;margin:20px auto}#recharge-dialog{text-align:center}#voices-list{padding-left:20px}#voices-list li{margin:16px 0}@media(max-width:750px){header{padding:0 16px;gap:12px;height:65px}.brand{font-size:18px}.tag{display:none}main{padding:16px 10px}.card{padding:20px 14px}.summary{gap:20px}.service-icon{margin:0;width:45px;height:45px;font-size:22px}.metric{margin:0;min-width:130px}.section-heading{gap:10px}.section-heading button{padding:6px 10px;font-size:12px}.account{font-size:12px;gap:10px}.account button{padding:6px 8px}dialog{padding:20px}}
