.metrics-panel{overflow-anchor:none;min-width:0}.metrics-heading,.metrics-periods,.metrics-legend{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.metrics-heading{justify-content:space-between}.metrics-heading h3{margin:0}.metrics-heading>span{text-align:right;flex:0 0 220px;min-height:24px}.metrics-periods{margin:20px 0}.metrics-range{flex-wrap:wrap;align-items:center;gap:8px;margin-left:8px;display:flex}.metrics-range .input{width:244px;min-width:244px;min-height:34px;padding:4px 8px;font-size:13px}.metrics-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.metrics-summary>div{background:var(--surface-2);border:1px solid var(--border);padding:16px}.metrics-summary span{color:var(--muted);font-size:12px;display:block}.metrics-summary strong{white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-size:22px;display:block;overflow:hidden}.metrics-chart svg{width:100%;height:240px;display:block}.metrics-legend{color:var(--muted);font-size:12px}.metrics-legend i{border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.metrics-tooltip,.metrics-note{min-height:24px;color:var(--muted);font-size:12px;line-height:1.8}.metrics-tooltip,.metrics-message{height:44px;overflow:auto}.metrics-message{font-size:12px;line-height:1.8}.metrics-updated{display:block}.metrics-error{color:var(--red)}@media (max-width:600px){.metrics-summary{grid-template-columns:1fr}.metrics-range{width:100%;margin-left:0}.metrics-range .input{flex:220px;width:auto;min-width:0}.metrics-periods .btn{flex:1 0 28%}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0a;--surface:#121212;--surface-2:#191919;--surface-3:#232323;--sidebar:#0d0d0d;--border:#242424;--border-2:#353535;--text:#dedede;--text-strong:#fafafa;--muted:#929292;--accent:#e4e4e4;--accent-contrast:#161616;--accent-text:#e4e4e4;--accent-dim:#e4e4e41a;--accent-border:#e4e4e440;--blue:#51a2f8;--yellow:#f0bb3b;--line:var(--border);--green:#3ad693;--green-dim:#3ad6931f;--green-border:#3ad69359;--red:#ff6568;--red-dim:#ff65681f;--red-border:#ff656859;--input:#151515;--focus:#3a81f6;--ring:#3a81f659;--radius:.5rem;--radius-sm:.375rem;--radius-lg:.625rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 12px -2px #0009;--shadow-lg:0 16px 48px -8px #0000008c;--font-sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans KR", "Malgun Gothic", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}@supports (color:lab(0% 0 0)){:root{--bg:lab(2.75381% 0 0);--surface:lab(5.26802% 0 0);--surface-2:lab(8.94% -.00000745058 0);--surface-3:lab(13.58% 0 0);--sidebar:lab(3.6999% 0 0);--border:lab(14.16% 0 0);--border-2:lab(22.28% 0 0);--text:lab(88.4% 0 .0000119209);--text-strong:lab(98.26% 0 0);--muted:lab(60.56% 0 0);--accent:lab(90.72% .0000298023 -.0000119209);--accent-contrast:lab(7.22637% -.0000149012 0);--accent-text:lab(90.72% .0000298023 -.0000119209);--accent-dim:lab(90.72% .0000298023 -.0000119209/.1);--accent-border:lab(90.72% .0000298023 -.0000119209/.25);--blue:lab(64.4796% -4.65989 -51.2488);--yellow:lab(79.3236% 11.1274 68.2268);--green:lab(76.5902% -53.3198 20.9494);--green-dim:lab(76.5902% -53.3198 20.9494/.12);--green-border:lab(76.5902% -53.3198 20.9494/.35);--red:lab(63.7053% 60.745 31.3109);--red-dim:lab(63.7053% 60.745 31.3109/.12);--red-border:lab(63.7053% 60.745 31.3109/.35);--input:lab(6.69783% 0 0);--focus:lab(54.2137% 9.38562 -66.5);--ring:lab(54.2137% 9.38562 -66.5/.35)}}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f7fc;--surface:#f9fcff;--surface-2:#e7edf6;--surface-3:#d8dfe9;--sidebar:#eef2f9;--border:#cbd2db;--border-2:#b1b8c2;--text:#060a12;--text-strong:#020307;--muted:#636974;--accent:#101723;--accent-contrast:#fafafa;--accent-text:#101723;--accent-dim:#1017230f;--accent-border:#10172333;--blue:#1957d2;--yellow:#9e6200;--green:#00774c;--green-dim:#00774c14;--green-border:#00774c4d;--red:#e40014;--red-dim:#e4001412;--red-border:#e400144d;--input:#f9fcff;--focus:#2867e4;--ring:#2867e440;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 12px -2px #0000001f;--shadow-lg:0 16px 48px -8px #0003}@supports (color:lab(0% 0 0)){[data-theme=light]{--bg:lab(97.0284% -.695646 -2.88404);--surface:lab(98.8039% -.624537 -1.79993);--surface-2:lab(93.4876% -.825673 -5.08117);--surface-3:lab(88.5092% -1.03068 -5.75484);--sidebar:lab(95.3342% -.425667 -3.86504);--border:lab(83.7182% -1.02675 -5.75277);--border-2:lab(74.4377% -1.01799 -5.74814);--text:lab(2.66187% -.0567734 -4.157);--text-strong:lab(.882572% -.00386685 -1.6023);--muted:lab(44.1817% -.532091 -6.99369);--accent:lab(7.50482% -.213094 -9.48692);--accent-contrast:lab(98.2716% 0 0);--accent-text:lab(7.50482% -.213094 -9.48692);--accent-dim:lab(7.50482% -.213094 -9.48692/.06);--accent-border:lab(7.50482% -.213094 -9.48692/.2);--blue:lab(39.6376% 19.096 -70.0996);--yellow:lab(47.4747% 21.8849 64.6543);--green:lab(43.5745% -40.3538 15.813);--green-dim:lab(43.5745% -40.3538 15.813/.08);--green-border:lab(43.5745% -40.3538 15.813/.3);--red:lab(48.4493% 77.4328 61.5452);--red-dim:lab(48.4493% 77.4328 61.5452/.07);--red-border:lab(48.4493% 77.4328 61.5452/.3);--input:lab(98.8039% -.624537 -1.79993);--focus:lab(45.6212% 16.3492 -70.1701);--ring:lab(45.6212% 16.3492 -70.1701/.25)}}*,:before,:after{box-sizing:border-box}html,body{min-height:100vh;margin:0;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0}a{color:inherit}.shell{grid-template-columns:232px 1fr;min-width:0;min-height:100vh;display:grid}.shell>.main{grid-column:2}.sidebar{border-right:1px solid var(--border);background:var(--sidebar);z-index:30;flex-direction:column;width:232px;height:100dvh;padding:14px 10px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{flex-shrink:0;align-items:center;gap:10px;padding:4px 8px 16px;display:flex}.brandMark{border-radius:var(--radius);border:1px solid var(--border-2);background:#fff;flex-shrink:0;width:34px;height:34px;overflow:hidden}.brandMark img{object-fit:cover;width:100%;height:100%;display:block}.brand h1{color:var(--text-strong);letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}.brand p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:150px;margin:1px 0 0;font-size:11px;overflow:hidden}.nav{flex-direction:column;flex:1;gap:2px;min-height:0;display:flex;overflow-y:auto}.nav a{width:100%;min-height:34px;color:var(--muted);border-radius:var(--radius);align-items:center;gap:10px;padding:0 10px;font-size:13.5px;font-weight:500;text-decoration:none;transition:color .12s,background .12s;display:flex}.nav a svg{opacity:.85;flex-shrink:0}.nav a:hover{color:var(--text-strong);background:var(--surface-2)}.nav a.active{color:var(--text-strong);background:var(--surface-3)}.nav a.active svg{opacity:1}.sidebarActions{border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;margin-top:8px;padding:10px 4px 0;display:flex}.main{width:100%;min-width:0;padding:0 32px 40px}.topbar{z-index:20;background:color-mix(in oklab, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin:0 -32px 24px;padding:16px 32px;display:flex;position:sticky;top:0}.topbar h2{color:var(--text-strong);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:600}.topbar p{color:var(--muted);margin:2px 0 0;font-size:12.5px}.topbarLeft{align-items:center;gap:12px;display:flex}.menuToggle{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:36px;height:36px;box-shadow:var(--shadow-sm);color:var(--muted);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:none}.grid{gap:16px;min-width:0;display:grid}.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;padding:20px}.card h3{color:var(--text-strong);letter-spacing:-.005em;margin:0 0 14px;font-size:14px;font-weight:600}.metric{font-family:var(--font-mono);color:var(--text-strong);letter-spacing:-.03em;margin:6px 0 4px;font-size:28px;font-weight:600;line-height:1.1}.muted{color:var(--muted);overflow-wrap:anywhere}.sectionHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.sectionHeader h3{color:var(--text-strong);margin:0;font-size:14px;font-weight:600}.listHeader{flex-wrap:wrap}.listFilters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.listFilters .select{width:auto;min-width:160px;min-height:34px;padding:4px 10px}.form{gap:14px;display:grid}.field{gap:6px;display:grid}.field span{color:var(--text);font-size:12.5px;font-weight:500}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.input,.textarea,.select{border-radius:var(--radius-sm);border:1px solid var(--border-2);background:var(--input);width:100%;min-height:38px;color:var(--text);box-shadow:var(--shadow-sm);outline:none;padding:8px 12px;transition:border-color .15s,box-shadow .15s}.input:focus,.textarea:focus,.select:focus{border-color:var(--focus);box-shadow:0 0 0 3px var(--ring)}.input::placeholder,.textarea::placeholder{color:var(--muted);opacity:.7}.textarea{resize:vertical;min-height:96px}.agreementBox{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);align-items:flex-start;gap:9px;padding:11px 12px;display:flex}.agreementBox input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex:none;margin:1px 0 0}.agreementBox label{color:var(--text);cursor:pointer;font-size:13px;line-height:1.45}.agreementBox a{color:var(--accent-text);text-underline-offset:2px;font-weight:700;text-decoration:underline}.agreementBox strong{color:var(--red);font-size:12px}.purchaseAgreementSection{gap:8px;padding-top:4px;display:grid}.purchaseAgreementSection h4{color:var(--text-strong);margin:0;font-size:13px;font-weight:700}.btn{border-radius:var(--radius-sm);background:var(--accent);min-height:36px;color:var(--accent-contrast);white-space:normal;overflow-wrap:anywhere;text-align:center;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13.5px;font-weight:500;text-decoration:none;transition:filter .12s,background .12s,box-shadow .12s;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(.88)}.btn:active:not(:disabled){transform:translateY(.5px)}.btn:focus-visible{box-shadow:0 0 0 3px var(--ring);outline:none}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn.secondary{background:var(--surface);color:var(--text);border-color:var(--border-2)}.btn.secondary:hover:not(:disabled){background:var(--surface-2);filter:none}.btn.danger{background:var(--red-dim);color:var(--red);border-color:var(--red-border);box-shadow:none}.btn.danger:hover:not(:disabled){background:var(--red-border);filter:none}.paymentMethodOptions{gap:10px;display:flex}.paymentMethodButton{border:1px solid var(--border-2);border-radius:var(--radius);background:var(--surface);min-height:44px;color:var(--muted);flex:1;font-size:14px;font-weight:500;transition:background .12s,border-color .12s,color .12s}.paymentMethodButton:hover{background:var(--surface-2);color:var(--text)}.paymentMethodButton.active{border-color:var(--text-strong);background:var(--accent-dim);color:var(--text-strong)}.paymentMethodButton:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.iconButton{width:34px;height:34px;color:var(--muted);background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);cursor:pointer;flex-shrink:0;place-items:center;transition:color .12s,background .12s;display:inline-grid}.iconButton:hover{color:var(--text-strong);background:var(--surface-2)}.iconButton.danger{color:var(--red)}.iconButton.danger:hover{background:var(--red-dim);border-color:var(--red-border)}.tableScroll{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%}.dnsRecordsTable{table-layout:fixed;min-width:620px}.dnsRecordsTable th:first-child,.dnsRecordsTable td:first-child{white-space:nowrap;word-break:normal;width:82px}.dnsRecordsTable th:nth-child(2),.dnsRecordsTable td:nth-child(2){width:23%}.dnsRecordsTable th:nth-child(3),.dnsRecordsTable td:nth-child(3){width:36%}.dnsRecordsTable th:nth-child(4),.dnsRecordsTable td:nth-child(4){width:64px}.dnsRecordsTable th:nth-child(5),.dnsRecordsTable td:nth-child(5){width:82px}.dnsRecordsTable th:nth-child(6),.dnsRecordsTable td:nth-child(6){vertical-align:middle;width:112px}.dnsRecordsTable td{overflow:hidden}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;overflow-wrap:anywhere;word-break:break-word;padding:12px 14px;font-size:13px}.table th{color:var(--muted);background:0 0;font-size:12px;font-weight:500}.table tbody tr{transition:background .1s}.table tbody tr:hover{background:var(--surface-2)}.dataViewTable{table-layout:fixed}.dataViewTable th{vertical-align:top;width:200px}.dataViewTable td{vertical-align:top;min-width:0}.dataViewValue{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;scrollbar-gutter:stable;min-width:0;max-width:100%;max-height:280px;overflow:auto}.minecraftFaviconPreview{color:var(--muted);align-items:center;gap:12px;font-size:12px;display:flex}.minecraftFaviconPreview img,.minecraftServerIcon{object-fit:cover;width:64px;height:64px;image-rendering:pixelated;background:#171717;border-radius:2px;flex:0 0 64px}.minecraftServerPreview{color:#aaa;text-shadow:2px 2px #000000d9;background:linear-gradient(#000000a3,#000000a3),repeating-linear-gradient(0deg,#292929 0 2px,#242424 2px 4px);border:2px solid #222;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:6px;font-family:Courier New,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #050505}.minecraftServerIcon.placeholder{color:#777;text-shadow:none;border:1px solid #444;place-items:center;font-size:28px;font-weight:700;display:grid}.minecraftServerInfo{flex-direction:column;justify-content:center;align-self:stretch;min-width:0;display:flex}.minecraftServerName{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:20px;overflow:hidden}.minecraftMotd{color:#aaa;white-space:pre-wrap;overflow-wrap:anywhere;max-height:40px;font-size:14px;line-height:19px;overflow:hidden}.minecraftServerMeta{color:#aaa;white-space:nowrap;grid-template-rows:auto 1fr;grid-template-columns:auto 28px;align-self:stretch;place-items:start end;column-gap:7px;font-size:12px;line-height:18px;display:grid}.minecraftServerVersion{color:#aaa;grid-area:1/1}.minecraftPlayerCount{grid-area:2/1;align-self:end}.minecraftPing{grid-area:1/2;align-items:flex-end;gap:1px;height:16px;display:flex}.minecraftPing i{background:#5f5;width:3px;display:block;box-shadow:1px 1px #003f00}.minecraftPing i:first-child{height:4px}.minecraftPing i:nth-child(2){height:7px}.minecraftPing i:nth-child(3){height:10px}.minecraftPing i:nth-child(4){height:13px}.minecraftPing i:nth-child(5){height:16px}.minecraftObfuscated{opacity:.82;letter-spacing:.03em;display:inline-block}.tableActions{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:6px;display:flex}.tableButton{border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--surface);height:28px;min-height:28px;color:var(--text-strong);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.dnsRecordsTable .tableActions{justify-content:center}.tableButton:hover{background:var(--surface-3)}.tableButton.danger{border-color:var(--red-border);background:var(--red-dim);color:var(--red)}.tableButton.danger:hover{background:var(--red-border)}.cellValueButton{text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block;overflow:hidden}.cellValueButton:hover{color:var(--accent-text)}.valueModal{max-width:min(560px,100vw - 32px)}.valuePopupText{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-mono);margin:0;padding:12px;font-size:13px;line-height:1.5}@media (max-width:900px){.tableScroll:has(.responsiveTable){overflow-x:visible}.dnsTableScroll{overflow-x:auto}.responsiveTable,.responsiveTable thead,.responsiveTable tbody,.responsiveTable tr,.responsiveTable th,.responsiveTable td{width:100%;display:block}.responsiveTable thead{display:none}.responsiveTable tr{border-bottom:1px solid var(--border);padding:10px 0}.responsiveTable td{border-bottom:0;grid-template-columns:78px minmax(0,1fr);gap:10px;min-width:0;padding:5px 0;display:grid}.responsiveTable .cellValueButton{min-width:0}.responsiveTable td:before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:500}.responsiveTable .tableActions{justify-content:flex-start}}.auth{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.authPanel{border-radius:var(--radius-lg);border:1px solid var(--border-2);background:var(--surface);grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);width:min(940px,100%);display:grid;overflow:hidden}.authCopy{background:var(--surface-2);border-right:1px solid var(--border);flex-direction:column;justify-content:center;gap:12px;padding:40px;display:flex}.authCopy h1{letter-spacing:-.03em;color:var(--text-strong);overflow-wrap:anywhere;margin:12px 0;font-size:28px;font-weight:600;line-height:1.15}.authCopy p{color:var(--muted);margin:0;font-size:13.5px}.authForm{min-width:0;padding:40px;overflow:hidden}.authForm h2{color:var(--text-strong);letter-spacing:-.02em;margin:0 0 4px;font-size:22px;font-weight:600}.authForm .form{min-width:0}.status{border-radius:var(--radius);border:1px solid var(--border);color:var(--text);background:var(--surface-2);overflow-wrap:anywhere;margin:0;padding:10px 14px;font-size:13px}.status.success{border-color:var(--green-border);background:var(--green-dim);color:var(--green)}.status.error{border-color:var(--red-border);background:var(--red-dim);color:var(--red)}.json,.exampleBlock{white-space:pre-wrap;max-height:320px;color:var(--muted);font-size:12px;font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;line-height:1.6;overflow:auto}.exampleBlock{overflow-wrap:anywhere;max-height:360px;margin-top:10px}.exampleActions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:8px;display:grid}.exampleActions .btn{align-self:start;min-height:34px}.examplePanel{display:block}.exampleTable{table-layout:fixed;margin-top:10px}.exampleTable th{width:34%}.exampleTable code{color:var(--accent-text);overflow-wrap:anywhere;font-family:ui-monospace,monospace}.rulesGrid{grid-auto-rows:max-content;align-items:start}.rulesGrid>.card{align-self:start}.formSubsection{gap:12px;padding-top:8px;display:grid}.segmentedControl{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:3px;display:grid}.segmentedControl button{border-radius:var(--radius-sm);min-height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:600;transition:background .12s,color .12s}.modalOverlay{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}[data-theme=light] .modalOverlay{background:#00000059}.modalPanel{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-lg);width:min(720px,100%);max-height:min(760px,100vh - 40px);box-shadow:var(--shadow-lg);padding:24px;overflow:auto}.modalHeader{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;padding-bottom:14px;display:flex}.modalHeader h3{color:var(--text-strong);margin:0;font-size:16px;font-weight:600}.modalHeader p{color:var(--muted);margin:3px 0 0;font-size:12px}.modalActions{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;gap:7px;margin-top:4px;padding-top:14px;display:flex}.routeSubTable{margin:0;font-size:12px}.routeSubTable th,.routeSubTable td{border-color:var(--border);color:var(--muted);padding:4px 8px}.routeSubTable th{width:40%;font-weight:500}.combobox{position:relative}.comboboxDropdown{z-index:20;border:1px solid var(--border-2);border-radius:var(--radius);background:var(--surface);max-height:200px;box-shadow:var(--shadow-md);margin:3px 0 0;padding:3px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.comboboxDropdown li{border-radius:var(--radius-sm);cursor:pointer;color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;padding:7px 10px;font-size:13px;display:flex}.comboboxDropdown li code{font-family:var(--font-mono);color:var(--text-strong);font-size:12.5px}.suggestHint{color:var(--muted);text-align:right;font-size:11.5px}.comboboxDropdown li:hover,.comboboxDropdown li.active{background:var(--surface-2);color:var(--text)}.toastContainer{z-index:100;pointer-events:none;flex-direction:column;gap:7px;display:flex;position:fixed;bottom:18px;right:18px}.toast{border-radius:var(--radius);border:1px solid var(--border-2);background:var(--surface);max-width:340px;color:var(--text);box-shadow:var(--shadow-md);padding:10px 15px;font-size:13px;font-weight:500;animation:.15s toastIn}.toast-error{border-color:var(--red-border);background:var(--red-dim);color:var(--red)}.toast-success{border-color:var(--green-border);background:var(--green-dim);color:var(--green)}.loadBalancerEditor{gap:10px;display:grid}.loadBalancerHeader,.loadBalancerFooter{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.segmentedControl{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);grid-template-columns:repeat(2,minmax(56px,1fr));display:inline-grid;overflow:hidden}.segmentedControl button{border:0;border-right:1px solid var(--border);min-height:36px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;font-size:13px;font-weight:700}.segmentedControl button:last-child{border-right:0}.segmentedControl button.active{background:var(--accent-dim);color:var(--accent-text)}.loadBalancerBackends{gap:8px;display:grid}.backendInputRow{grid-template-columns:minmax(0,1fr) 104px 38px;align-items:center;gap:8px;display:grid}.backendPortInput{text-align:center}@keyframes toastIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.sidebarOverlay{z-index:29;background:#00000080;display:none;position:fixed;inset:0}@media (max-width:900px){.shell{grid-template-columns:1fr}.shell>.main{grid-column:1}.sidebar{width:248px;box-shadow:var(--shadow-lg);transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebarOverlay.open{display:block}.menuToggle{display:inline-flex}.cols3,.cols2,.authPanel{grid-template-columns:1fr}.authCopy{border-right:none;border-bottom:1px solid var(--border)}.main{padding:0 16px 28px}.topbar{margin:0 -16px 18px;padding:12px 16px}.auth{place-items:stretch stretch;padding:12px}.authPanel{width:100%}.authCopy,.authForm{padding:28px 22px}.modalOverlay{align-items:flex-start;padding:8px}.modalPanel{border-radius:var(--radius);max-height:calc(100vh - 16px)}.modalActions{grid-template-columns:1fr;display:grid}.backendInputRow{grid-template-columns:minmax(0,1fr) 88px 38px}.dataViewTable th{width:140px}.minecraftServerPreview{grid-template-columns:48px minmax(0,1fr)}.minecraftServerIcon{flex-basis:48px;width:48px;height:48px}.minecraftServerMeta{grid-column:1/-1;grid-template-rows:auto;grid-template-columns:minmax(0,1fr) auto 24px;align-items:center}.minecraftServerVersion,.minecraftPlayerCount,.minecraftPing{grid-row:1;align-self:center}.minecraftServerVersion{grid-column:1;justify-self:start}.minecraftPlayerCount{grid-column:2}.minecraftPing{grid-column:3}}.proxyHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.proxyHeader h2{letter-spacing:-.02em;color:var(--text-strong);overflow-wrap:anywhere;margin:6px 0 8px;font-size:24px;font-weight:600}.backLink{color:var(--muted);align-items:center;gap:4px;font-size:13px;text-decoration:none;display:inline-flex}.backLink:hover{color:var(--text-strong)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border-2);color:var(--muted);background:var(--surface);border-radius:999px;padding:2px 10px;font-size:12px}.proxyActions{flex-wrap:wrap;gap:8px;display:flex}.statGrid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.statTile{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:6px;min-width:0;padding:14px 16px;display:flex}.statTile.wide{grid-column:1/-1}.statTile>span{color:var(--muted);font-size:12px}.statTile>strong{color:var(--text-strong);overflow-wrap:anywhere;font-size:15px;font-weight:500}.statTile code{font-family:var(--font-mono);font-size:13px}.settingRow{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.settingRow .field{flex:160px;min-width:0}.settingFooter{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}[hidden]{display:none!important}.tabBar{border-bottom:1px solid var(--border);scrollbar-width:none;gap:4px;display:flex;overflow:auto hidden}.tabBar::-webkit-scrollbar{display:none}.tabBar button{color:var(--muted);white-space:nowrap;background:0 0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-size:13.5px;font-weight:500;transition:color .12s,border-color .12s}.tabBar button:hover{color:var(--text-strong)}.tabBar button.active{color:var(--text-strong);border-bottom-color:var(--text-strong)}.accountMenu{flex-shrink:0;position:relative}.accountButton{border:1px solid var(--border-2);border-radius:var(--radius);background:var(--surface);max-width:220px;min-height:36px;color:var(--text-strong);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:0 12px;font-size:13.5px;font-weight:500;display:inline-flex}.accountButton span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.accountButton:hover{background:var(--surface-2)}.accountDropdown{z-index:40;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-lg);min-width:220px;box-shadow:var(--shadow-md);flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.accountInfo{border-bottom:1px solid var(--border);flex-direction:column;gap:2px;margin-bottom:4px;padding:8px 10px 10px;display:flex}.accountInfo strong{color:var(--text-strong);font-size:13.5px;font-weight:600}.accountInfo span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:12px;overflow:hidden}.accountDropdown a{border-radius:var(--radius-sm);color:var(--text);align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;text-decoration:none;display:flex}.accountDropdown a:hover{background:var(--surface-2);color:var(--text-strong)}.autoRenew{min-width:0}.modalPanel.domainModal{width:min(1120px,100%);max-height:min(860px,100vh - 40px)}.usageMeter{gap:8px;display:grid}.usageMeterText{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;display:flex}.usageMeterText strong{color:var(--text-strong);margin-right:2px;font-size:18px;font-weight:600}.usageMeterTrack{background:var(--surface-3);border-radius:999px;height:8px;overflow:hidden}.usageMeterTrack i{border-radius:inherit;background:var(--accent-text);height:100%;transition:width .3s;display:block}.usageMeter[data-level=high] .usageMeterTrack i{background:var(--yellow)}.usageMeter[data-level=full] .usageMeterTrack i{background:var(--red)}.rowIcon{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--muted);background:0 0;place-items:center;transition:background .12s,color .12s;display:inline-grid}.rowIcon:hover{background:var(--surface-3);color:var(--text-strong)}.rowIcon.danger:hover{background:var(--red-dim);color:var(--red)}.autoRenewSwitch{color:var(--text);flex-wrap:wrap;align-items:center;gap:8px;padding:0 4px;font-size:13.5px;display:inline-flex}.autoRenewSwitch>span{cursor:pointer;-webkit-user-select:none;user-select:none}.autoRenewError{color:var(--red);flex-basis:100%;font-size:12px}.switch{background:var(--border-2);border-radius:999px;flex-shrink:0;width:38px;height:22px;padding:0;transition:background .15s;position:relative}.switch i{background:var(--surface);border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0000004d}.switch.on{background:var(--green)}.switch.on i{transform:translate(16px)}.switch:disabled{opacity:.5;cursor:not-allowed}.switch:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.navParent{border-radius:var(--radius);align-items:center;display:flex}.navParent>a{flex:1;min-width:0}.navParent.active{background:var(--surface-3)}.navParent.active>a{color:var(--text-strong);background:0 0}.navToggle{width:30px;height:34px;color:var(--muted);border-radius:var(--radius);background:0 0;place-items:center;display:grid}.navToggle:hover{color:var(--text-strong)}.navSub{border-left:1px solid var(--border-2);flex-direction:column;gap:1px;margin:2px 0 4px 18px;padding-left:10px;display:flex}.nav .navSub a{text-overflow:ellipsis;white-space:nowrap;min-height:30px;padding:0 8px;font-size:12.5px;line-height:30px;display:block;overflow:hidden}.navEmpty{color:var(--muted);padding:6px 8px;font-size:12px}.titleWithHelp{align-items:center;gap:8px;display:flex}.helpTip{outline:none;display:inline-flex;position:relative}.helpMark{border:1px solid var(--border-2);width:18px;height:18px;color:var(--muted);cursor:help;border-radius:50%;place-items:center;font-size:11px;font-weight:600;transition:color .12s,border-color .12s;display:inline-grid}.helpTip:hover .helpMark,.helpTip:focus .helpMark{color:var(--text-strong);border-color:var(--text-strong)}.helpBubble{z-index:30;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius);width:min(320px,80vw);box-shadow:var(--shadow-md);color:var(--text);letter-spacing:0;text-align:left;opacity:0;visibility:hidden;pointer-events:none;padding:12px 14px;font-size:12.5px;font-weight:400;line-height:1.6;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 8px);left:-4px;transform:translateY(-2px)}.helpBubble strong{color:var(--text-strong);font-weight:600}.helpBubble ul{margin:6px 0;padding-left:16px}.helpBubble li{margin:2px 0}.helpBubble li b{color:var(--text-strong);font-weight:500}.helpTip:hover .helpBubble,.helpTip:focus .helpBubble,.helpTip:focus-within .helpBubble{opacity:1;visibility:visible;transform:none}.metrics-chart,.metrics-summary{transition:opacity .15s}.metrics-panel[data-stale=true] .metrics-chart,.metrics-panel[data-stale=true] .metrics-summary{opacity:.55}
