body.tunnels-view #cards{display:block!important;max-width:1400px;width:100%;margin-inline:auto}
body.tunnels-view :is(.summary,#consoleWelcome,#topTraffic,.interface-focus){display:none!important}
.tg-page{--tg-bg:#fff;--tg-soft:#fafafa;--tg-line:#e4e4e7;--tg-ink:#242424;--tg-muted:#737373;--tg-accent:#bf0000;--tg-note:#ffeded;color:var(--tg-ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;min-width:0}
.tg-page *,.tg-dialog *{box-sizing:border-box}.tg-page [hidden]{display:none!important}
.tg-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:8px 0 28px;flex-wrap:wrap}.tg-eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--tg-muted);font-weight:600}.tg-page h1{display:flex;align-items:center;gap:12px;font-size:30px;line-height:1.25;letter-spacing:-.8px;margin:9px 0}.tg-page h1 .tg-icon{width:28px;height:28px}.tg-page p{color:var(--tg-muted);margin:5px 0}.tg-icon{display:inline-block;width:18px;height:18px;flex:none;background:currentColor;mask:var(--tg-icon) center/contain no-repeat;-webkit-mask:var(--tg-icon) center/contain no-repeat}
.tg-page button,.tg-dialog button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:9px 14px;border:1px solid #ddd;border-radius:7px;background:var(--tg-bg,#fff);color:var(--tg-ink,#333);font:600 13px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;cursor:pointer;white-space:normal}.tg-page button:hover,.tg-dialog button:hover{border-color:#aaa;background:var(--tg-soft,#fafafa)}.tg-page .tg-primary,.tg-dialog .tg-primary{color:#fff;background:#bf0000;border-color:#bf0000}.tg-page button:disabled,.tg-dialog button:disabled{opacity:.45;cursor:not-allowed}.tg-page :focus-visible,.tg-dialog :focus-visible{outline:2px solid #bf0000;outline-offset:3px}.tg-badge{display:inline-flex;border:1px solid var(--tg-line);border-radius:20px;background:var(--tg-soft);padding:5px 11px;font-size:11px;color:var(--tg-muted)}
.tg-guide{display:flex;align-items:flex-start;gap:13px;padding:17px 20px;border:1px solid #f0c9c9;border-radius:9px;background:var(--tg-note);margin-bottom:24px;font-size:13px}.tg-guide>.tg-icon{margin-top:3px;color:#bf0000}.tg-guide p{line-height:1.6;margin-top:4px}.tg-panel{border:1px solid var(--tg-line);background:var(--tg-bg);border-radius:10px;padding:25px;margin:0 0 22px}.tg-panel-title{display:flex;gap:13px;align-items:center;margin-bottom:24px}.tg-panel-title>span{border-radius:50%;background:var(--tg-note);color:#bf0000;font-size:11px;display:grid;place-items:center;width:34px;height:34px;flex:none}.tg-panel-title h2{font-size:18px;letter-spacing:-.3px;margin:0!important}.tg-panel-title p{font-size:12px}.tg-panel-title>button{margin-left:auto}
.tg-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tg-page label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;min-width:0}.tg-page label small{font-weight:400;color:var(--tg-muted);font-size:11px}.tg-page input:not([type=checkbox]),.tg-page select,.tg-dialog textarea{height:42px;min-width:0;width:100%;max-width:100%;border:1px solid #dcdcdf;border-radius:6px;padding:9px 11px;font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--tg-bg,#fff);color:var(--tg-ink,#282828);box-shadow:none}.tg-page input::placeholder{color:#969696}.tg-page .tg-check{display:flex;flex-direction:row;align-items:flex-start;gap:11px;cursor:pointer}.tg-check input[type=checkbox]{width:17px;height:17px;min-width:17px;margin:2px 0;accent-color:#bf0000}.tg-check span{display:flex;flex-direction:column;gap:3px;min-width:0}.tg-check small{font-weight:400}.tg-options{display:grid;gap:17px;margin-top:24px;border-top:1px solid var(--tg-line);padding-top:22px}.tg-page .tg-footnote,.tg-dialog .tg-footnote{font-size:12px;line-height:1.65;color:var(--tg-muted,#777);margin-top:16px}
.tg-nodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tg-node{min-width:0;border:1px solid var(--tg-line);border-radius:8px;padding:18px;background:var(--tg-soft);margin:0}.tg-node legend{font-weight:600;font-size:13px;padding:0 7px;color:var(--tg-ink)}.tg-node legend span{color:#bf0000;margin-right:9px;font-size:11px}.tg-node-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:15px}.tg-node-meta{margin-top:16px;padding-top:13px;border-top:1px solid var(--tg-line);display:flex;align-items:center;gap:8px;font-size:11px;color:var(--tg-muted)}.tg-node-meta span{flex:1;overflow-wrap:anywhere}.tg-node-meta button{font-size:11px;padding:6px 9px;min-height:32px}.tg-actions{display:flex;justify-content:flex-end;align-items:center;gap:14px;flex-wrap:wrap;margin:20px 0 26px}.tg-actions>span{margin-right:auto;color:var(--tg-muted);font-size:12px}.tg-actions .tg-primary{min-height:44px;padding-inline:19px}.tg-installed{margin-top:34px}
.tg-table-scroll{overflow-x:auto;margin:0 -1px}.tg-page table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.tg-page th{padding:12px 14px;border-block:1px solid var(--tg-line);background:var(--tg-soft);color:var(--tg-muted);font-weight:500}.tg-page td{padding:15px 14px;vertical-align:top;border-bottom:1px solid var(--tg-line);overflow-wrap:anywhere;max-width:320px}.tg-page td small{display:block;font-size:11px;color:var(--tg-muted);margin-top:5px}.tg-page code,.tg-page pre{font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;white-space:pre-wrap}.tg-row-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.tg-row-actions button{font-size:11px;min-height:32px;padding:6px 10px}.tg-empty{padding:36px 16px;text-align:center;font-size:13px;color:var(--tg-muted)}.tg-message{border:1px solid #f0c3c3;border-radius:8px;padding:14px 18px;background:var(--tg-note);margin:16px 0;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.tg-error{color:#a43a24}.tg-preview{scroll-margin-top:100px}.tg-plan-details{margin:18px 0}.tg-plan-details details{border-bottom:1px solid var(--tg-line);padding:12px 0}.tg-plan-details summary{font-weight:600;cursor:pointer}.tg-plan-details details>div{padding:12px;margin:10px 0;border-radius:6px;background:var(--tg-soft);font-size:12px}.tg-plan-details code{display:block;margin-top:5px;color:var(--tg-muted)}.tg-plan-details pre{margin-bottom:0}.tg-confirm{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.tg-confirm .tg-check{flex:1;min-width:240px}.tg-confirm small{flex-basis:100%;color:var(--tg-muted);font-size:11px}
.tg-dialog{--tg-bg:#fff;--tg-ink:#292929;--tg-muted:#777;border:1px solid #ddd;border-radius:12px;padding:0;max-width:760px;width:calc(100vw - 32px);max-height:calc(100dvh - 32px);color:var(--tg-ink);background:var(--tg-bg);font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;box-shadow:0 20px 80px #0003}.tg-dialog::backdrop{background:#17171766}.tg-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;border-bottom:1px solid #e7e7e7}.tg-dialog h2{font-size:18px;margin:0}.tg-dialog-head button{font-size:24px;border:0;min-height:32px;padding:0 8px}.tg-dialog-body{padding:22px}.tg-client-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin-top:20px}.tg-qr{background:#fff;padding:10px;align-self:center}.tg-qr svg{display:block;width:100%;height:auto}.tg-dialog textarea{height:320px;font:11px/1.6 ui-monospace,monospace;resize:vertical;padding:13px}.tg-secret-note{border:1px solid #efb9b9;background:#ffeeee;color:#bf0000;padding:13px 16px;border-radius:7px;font-size:12px}.tg-status-node{padding:12px 0;border-bottom:1px solid #e4e4e7}.tg-status-node h3{font-size:15px;margin:6px 0}.tg-status-node div{margin:12px 0;font-size:12px}.tg-status-node small{display:block;color:#777}.tg-dialog details{margin-top:18px;font-size:12px}
@media(max-width:900px){.tg-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.tg-nodes{grid-template-columns:1fr}.tg-page h1{font-size:26px}.tg-panel{padding:20px}.tg-panel-title{flex-wrap:wrap}.tg-client-grid{grid-template-columns:1fr}.tg-qr{width:min(100%,320px);justify-self:center}}
@media(max-width:520px){.tg-fields{grid-template-columns:1fr}.tg-heading{gap:12px}.tg-panel{padding:16px}.tg-actions>button{width:100%}.tg-panel-title>button{margin-left:47px}.tg-dialog-body{padding:16px}.tg-confirm .tg-check{min-width:0}}
body[data-theme="dark"] .tg-page,body.dark .tg-page,body.theme-dark .tg-page,body.theme-dark .tg-dialog,[data-theme="dark"] .tg-dialog{--tg-bg:#202020;--tg-soft:#262626;--tg-line:#3a3a3a;--tg-ink:#eee;--tg-muted:#aaa;--tg-note:#351f1f}.tg-page input[readonly]{background:var(--tg-soft)}
