.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; }
.console-dialog { overflow-y: auto; }
.recharge-amounts { min-width: 0; margin: 0; padding: 0; border: 0; }
.recharge-amounts legend { margin-bottom: 10px; color: #243c42; font-size: 13px; font-weight: 700; }
.recharge-tier-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.console-dialog [data-recharge-form] .recharge-tier { position: relative; display: block; min-width: 0; cursor: pointer; }
.console-dialog [data-recharge-form] .recharge-tier input { position: absolute; width: 1px; height: 1px; min-height: 0; padding: 0; border: 0; opacity: 0; }
.recharge-tier span { display: grid; min-height: 48px; place-items: center; border: 1px solid #d9dcd5; border-radius: 5px; background: #fff; color: #263e43; font-size: 15px; font-weight: 700; transition: border-color .2s, background .2s, color .2s; }
.recharge-tier:hover span { border-color: #b56b47; }
.recharge-tier input:checked + span { border-color: #ad613d; background: #f7e9de; color: #8b482b; }
.recharge-tier input:focus-visible + span { outline: 3px solid #bb9067; outline-offset: 2px; }
.console-dialog [data-recharge-form] .recharge-selected { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 0; padding: 11px 13px; background: #eef3ef; color: #466268; font-size: 12px; }
.recharge-selected strong { color: #193b42; font-size: 18px; font-variant-numeric: tabular-nums; }
.console-dialog [data-recharge-resume] { display: inline-flex; align-items: center; gap: 6px; margin-top: 16px; padding: 4px 0; border: 0; background: transparent; color: #9c5737; font-size: 12px; font-weight: 600; cursor: pointer; }
.console-dialog [data-recharge-resume]:hover { text-decoration: underline; }
@media (max-width: 440px) { .recharge-tier-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }