.console-page [hidden]{display:none!important}.console-login{max-width:460px;margin:8vh auto}.console-login form,.console-live-form{display:grid;gap:20px}.console-page label{display:grid;gap:8px;font-size:13px}.console-page input,.console-page textarea,.console-page select{max-width:100%;padding:12px;border:1px solid #d5d9d0;border-radius:4px;background:#fcfbf7;color:#183b42;font:inherit}.console-page textarea{resize:vertical;width:100%}.console-page button:disabled{opacity:.5;cursor:default}.console-page .console-view{min-width:0}.console-page .console-panel{min-width:0}.console-key-form{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:24px 0}.console-key-form label{flex:1;min-width:180px}.console-key-secret{background:#e7ece0;padding:20px;margin:20px 0;overflow-wrap:anywhere}.console-key-secret code{display:block;margin:12px 0;user-select:all}.console-key-row{display:flex;justify-content:space-between;gap:16px;padding:20px 0;border-bottom:1px solid #d5d9d0}.console-key-row code{display:block;margin-top:8px}.console-key-row button,.console-result-link{color:#a75c39}.console-code{white-space:pre-wrap;overflow-wrap:anywhere;background:#173a42;color:#f2efe5;padding:24px;font-size:12px;line-height:1.8}.console-result img{width:100%;max-height:520px;object-fit:contain;background:#ece9e1}.console-result a{display:block;margin:16px 0;color:#a75c39}.console-placeholder{padding:70px 20px;text-align:center;color:#71848a;background:#eeede6}.console-page .console-toast{position:sticky;top:10px;z-index:5}.console-page .console-table td{max-width:320px;overflow-wrap:anywhere}.console-page .console-table code{font-size:11px}.console-page .filter-line{flex-wrap:wrap}.console-page .rail-foot{margin-top:28px}.console-page .console-metrics strong{font-variant-numeric:tabular-nums}.console-key-row button{white-space:nowrap}.console-refresh{margin-bottom:20px}.console-note{font-size:12px;color:#71848a;line-height:1.8}.console-page .console-login h2{font-size:28px}.console-page .console-topline{gap:12px}.console-page .settings-form label{margin:20px 0}@media(max-width:640px){.console-key-row{flex-wrap:wrap}.console-code{padding:16px}.console-login{margin:24px 0}.console-page .console-metrics strong{font-size:26px}.console-page .console-table{min-width:650px}}

.console-page button:not(.button):not(.menu-toggle){font:inherit;cursor:pointer}.console-page .overview-lead button{border:0;border-bottom:1px solid currentColor;background:transparent;color:#fffefa;padding:8px 0}.console-page .console-key-row button,.console-page .console-result-link,.console-page [data-refresh],.console-page [data-copy-key],.console-page [data-dismiss-key]{border:0;background:transparent;padding:8px 0}.console-page button:focus-visible{outline:2px solid #b3643d;outline-offset:4px}
.console-dialog [data-recharge-form] { display: grid; gap: 14px; margin-top: 22px; }
.console-dialog [data-recharge-form] label { display: grid; gap: 7px; font-weight: 600; }
.console-dialog [data-recharge-form] input,
.console-dialog [data-recharge-form] select { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid #d9dcd5; border-radius: 5px; background: #fff; font: inherit; }
.console-dialog [data-recharge-status] { min-height: 1.5em; color: #42575b; }
.console-dialog .recharge-qr { display: block; width: 240px; max-width: 100%; height: auto; margin: 18px auto 8px; }