:root { color-scheme: dark; font-family: Inter,system-ui,-apple-system,"Segoe UI",sans-serif; background:#080d16; color:#ecf2fa }
* { box-sizing:border-box } body{margin:0;min-height:100vh} main{max-width:1160px;margin:auto;padding:22px 18px 60px} h1,h2,h3,p{margin:0} h1{font-size:23px;letter-spacing:-.6px} h2{font-size:21px} h3{font-size:17px} p{line-height:1.55} header p,.sectionhead p,.login p,.hint{color:#9eafc4;font-size:13px;margin-top:8px}
button{background:#223249;color:#eaf1fa;border:1px solid #3a4b62;border-radius:10px;padding:10px 13px;cursor:pointer;font:inherit;font-weight:600} button:hover{filter:brightness(1.17)} button:disabled{opacity:.55;cursor:wait} button.primary{background:#2674f2;border-color:#4289ff;color:white} button.warn{color:#ffb4b4;border-color:#6a3138;background:#3a1d24} button.muted{background:#172436} .topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;flex-wrap:wrap}.topright{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.status{border-radius:30px;font-size:12px;padding:7px 10px;background:#293348;color:#b9c4d7}.status.online{background:#0b4939;color:#7ef4c9}
.panel,.subpanel{background:#111b2a;border:1px solid #283a51;border-radius:16px;padding:23px}.panel{margin-top:16px}.login{max-width:460px;margin:60px auto 0}.login>p{margin-bottom:17px}.fieldstack{display:flex;flex-direction:column;gap:10px;margin-top:14px}.fieldstack label{display:block;font-size:13px;color:#c1d0e5;font-weight:600} input{width:100%;background:#091321;color:white;border:1px solid #43546b;border-radius:9px;padding:12px;font:inherit;font-size:15px;outline:none} input:focus{border-color:#599dff;box-shadow:0 0 0 3px #2674f22b}.fieldstack>button{margin-top:8px}.msg{font-size:13px;margin-top:10px;min-height:1em;color:#9de8c1}.msg.error{color:#ff9d9d}
.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center;margin:12px 0}.toolbar #fps{background:#1a2638;color:#a5eac5;border-radius:20px;padding:8px;font-variant-numeric:tabular-nums}.phone{width:min(100%,380px);aspect-ratio:1080/2400;margin:0 auto;background:#02050a;border:6px solid #2a394c;border-radius:26px;position:relative;overflow:hidden;touch-action:none}.phone img{display:none;width:100%;height:100%;object-fit:fill;touch-action:none;user-select:none}.phone #placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;color:#b8c6d9;padding:25px;font-size:14px}.phone #placeholder small{margin-top:8px;color:#7f91a7}.hint{text-align:left}#remote>.hint{text-align:center}
.sectionhead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.subpanel{padding:19px;margin:0 0 16px}.subpanel h3{margin-bottom:10px}.subpanel>p{color:#b5c7db;font-size:13px}.when2fa label{display:block;margin-bottom:7px}.safe{color:#88e6b4!important}.qrwrap{background:white;display:inline-block;padding:8px;border-radius:12px;margin:12px 0}.qrwrap img{width:184px;display:block}.secretline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.secretline code{font-size:13px;word-break:break-all;background:#0a1525;padding:8px;border-radius:8px}.tablepanel{margin-top:16px}.tablewrap{overflow-x:auto;margin-top:12px} table{width:100%;border-collapse:collapse;font-size:12.5px;min-width:700px}th{text-align:left;color:#a5b8ce;font-weight:600;background:#172538}td,th{padding:10px 9px;border-bottom:1px solid #26374b;vertical-align:top}td{color:#d9e5f3;max-width:200px;overflow-wrap:anywhere}td button{padding:6px 8px;font-size:11px}.flag{color:#81e7b2}.bad{color:#ffa8a8}.pill{padding:3px 7px;border-radius:12px;background:#26364d;white-space:nowrap;font-size:11px}.current{background:#174b3f;color:#9bf8d0}
[hidden]{display:none!important}
@media(max-width:760px){ main{padding:16px 12px 48px}.columns{grid-template-columns:1fr}.panel{padding:16px}.subpanel{padding:15px}.topbar{align-items:flex-start}.topright{width:100%}.login{margin:30px auto 0}.phone{width:min(100%,360px)}}

.backupbox{margin:12px 0;padding:15px;border:1px solid #635231;border-radius:11px;background:#302715}.backupbox p{color:#f4dbac;font-size:13px}.backupbox pre{white-space:pre-wrap;letter-spacing:1px;font-size:15px;line-height:1.65;background:#0a1725;padding:12px;border-radius:9px}.backupbox button{margin:5px 4px 0 0}