@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}}:root{color:#f7f7f8;font-synthesis:none;color-scheme:dark;--bg:#050505;--sidebar:#080808;--panel:#0d0f12;--panel-2:#121418;--line:#ffffff16;--line-strong:#ffffff29;--text:#f7f7f8;--soft:#c8cbd0;--muted:#8b9098;--dim:#5e646d;--accent:#fff;--accent-ink:#060606;--good:#48d597;--warn:#edbd67;--bad:#f27d84;--radius:14px;background:#050505;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}::selection{color:#050505;background:#f5f5f5}.app-shell{grid-template-columns:246px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);z-index:5;flex-direction:column;height:100vh;padding:27px 17px 18px;display:flex;position:sticky;top:0}.brand{color:#fff;align-items:center;gap:11px;padding:0 8px;display:flex}.brand>img{object-fit:contain;width:31px;height:31px;display:block}.brand strong{letter-spacing:.13em;white-space:nowrap;font-size:13px;font-weight:800}.brand strong small{color:var(--muted);letter-spacing:.12em;margin-left:5px;font-size:9px;font-weight:700}.brand.large>img{width:42px;height:42px}.brand.large strong{font-size:14px}.nav-group{margin-top:38px}.nav-group>p{color:#565b63;letter-spacing:.14em;text-transform:uppercase;margin:0 11px 11px;font-size:10px;font-weight:720}.nav-link{color:#7f848c;border:1px solid #0000;border-radius:10px;align-items:center;gap:11px;min-height:40px;margin:3px 0;padding:9px 11px;font-size:13px;font-weight:520;text-decoration:none;transition:color .14s,background .14s,border-color .14s;display:flex}.nav-link svg{opacity:.78}.nav-link:hover{color:#e1e2e4;background:#ffffff09}.nav-link.active{color:#fff;border-color:var(--line);background:#121316;box-shadow:inset 0 1px #ffffff09}.nav-link.active svg{opacity:1}.support-links{gap:9px;display:grid}.sidebar>.support-links{border:1px solid var(--line);background:#0d0f12;border-radius:13px;margin-top:auto;margin-bottom:14px;padding:13px}.support-button{color:#070707;background:#f5f5f5;border:1px solid #fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:8px 13px;font-size:12px;font-weight:700;text-decoration:none;transition:transform .13s,background .13s;display:flex}.support-button:hover{background:#dfe0e2;transform:translateY(-1px)}.support-button .external-icon{opacity:.55;margin-left:auto}.support-email{color:#7f848c;justify-content:center;align-items:center;gap:6px;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;text-decoration:none;display:flex}.support-email:hover{color:#e3e4e6}.support-links.compact{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:13px;margin-top:28px;padding-top:22px}.support-links.compact .support-button{min-height:39px;padding-inline:16px}.support-links.compact .support-email{font-family:inherit;font-size:12px}.sidebar-footer{border-top:1px solid var(--line);align-items:center;gap:9px;padding:17px 3px 0;display:flex}.identity{min-width:0;color:var(--muted);flex:1;align-items:center;gap:9px;display:flex}.identity>div{min-width:0}.identity strong,.identity span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.identity strong{color:#d9dade;font-size:11px;font-weight:600}.identity span{color:#656a72;margin-top:3px;font-size:10px}.workspace{background:radial-gradient(circle at 92% -8%,#ffffff09,transparent 27%),var(--bg);min-width:0}.page{width:min(1320px,100%);padding:52px clamp(26px,5vw,76px) 86px}.page.narrow{max-width:850px}.page-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:28px;padding-bottom:27px;display:flex}.eyebrow{color:#71767f;letter-spacing:.15em;margin:0 0 10px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:10px;font-weight:700}h1{color:#fff;letter-spacing:-.045em;margin:0;font-size:clamp(31px,4vw,43px);font-weight:650;line-height:1.03}.page-description{max-width:680px;color:var(--muted);margin:11px 0 0;font-size:14px;line-height:1.55}.header-actions{flex:none}.primary,.secondary,.danger,.back,.icon-button{border-radius:999px;justify-content:center;align-items:center;gap:8px;transition:transform .13s,color .13s,background .13s,border-color .13s;display:inline-flex}.primary{min-height:42px;color:var(--accent-ink);background:var(--accent);border:1px solid #fff;padding:9px 17px;font-size:13px;font-weight:720;box-shadow:0 1px #fff3}.primary:hover{background:#dedfe1;border-color:#dedfe1;transform:translateY(-1px)}.primary.wide{justify-content:space-between;width:100%;margin-top:8px;padding-inline:19px}.secondary{color:#d8dade;border:1px solid var(--line-strong);background:#101114;min-height:39px;padding:8px 15px;font-size:12px;font-weight:620}.secondary:hover{color:#fff;background:#17191d;border-color:#ffffff47}.secondary.small{min-height:31px;padding:5px 11px}.danger{color:#f7a4a9;background:#5f181d1f;border:1px solid #f27d8457;min-height:40px;padding:8px 14px;font-size:12px}.danger:hover{background:#5f181d47;border-color:#f27d848c}.back{color:var(--muted);background:0 0;border:0;margin-bottom:25px;padding:4px 0;font-size:12px}.back:hover{color:var(--text);transform:translate(-2px)}.icon-button{width:34px;height:34px;color:var(--muted);border:1px solid var(--line);background:#0d0f11;flex:none;padding:0}.icon-button:hover{color:#fff;border-color:var(--line-strong);background:#15171a}.quota-strip{grid-template-columns:auto minmax(130px,250px) 1fr;align-items:center;gap:22px;margin:30px 0 25px;padding:0 2px;display:grid}.quota-strip>div:first-child{align-items:baseline;gap:12px;display:flex}.quota-strip span{color:var(--muted);font-size:12px}.quota-strip strong{color:#e9eaec;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:580}.quota-track{background:#24262a;border-radius:999px;height:3px;overflow:hidden}.quota-track i{border-radius:inherit;background:#f4f4f5;height:100%;display:block}.quota-warning,.text-warn{color:var(--warn)!important}.muted{color:var(--muted)}.toolbar{gap:10px;margin:24px 0 16px;display:flex}.search{border:1px solid var(--line);background:var(--panel);width:min(370px,100%);color:var(--dim);border-radius:11px;align-items:center;gap:9px;padding:0 13px;transition:border-color .13s,background .13s;display:flex}.search:focus-within{border-color:var(--line-strong);background:var(--panel-2)}.search input{width:100%;height:41px;color:var(--text);background:0 0;border:0;outline:0;font-size:13px}.search input::placeholder,input::placeholder,textarea::placeholder{color:#555a62}.namespace-filter{border:1px solid var(--line);background:var(--panel);height:43px;color:var(--soft);border-radius:11px;outline:none;padding:0 13px;font-size:13px}.table-frame{border:1px solid var(--line);border-radius:var(--radius);background:#0d0f12db;overflow-x:auto;box-shadow:0 18px 55px #00000026}table{border-collapse:collapse;width:100%;min-width:800px}th{color:#686d76;border-bottom:1px solid var(--line);letter-spacing:.11em;text-transform:uppercase;text-align:left;background:#0a0b0d;padding:13px 17px;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:650}td{color:#afb3b9;border-bottom:1px solid #ffffff0e;padding:17px;font-size:12px}tr:last-child td{border-bottom:0}tbody tr{transition:background .1s}tbody tr[tabindex]{cursor:pointer}tbody tr:hover{background:#ffffff07}td strong{color:#f0f0f1;font-size:13px;font-weight:620}td small{color:#656a72;margin-top:5px;display:block}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px}.ssl{color:#c9ccd1;align-items:center;gap:6px;display:inline-flex}.status{color:#9398a0;border:1px solid var(--line);text-transform:uppercase;white-space:nowrap;background:#ffffff06;border-radius:999px;align-items:center;gap:7px;padding:5px 9px;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;line-height:1;display:inline-flex}.status i{background:#697079;border-radius:50%;width:5px;height:5px}.status.good{color:var(--good);background:#48d5970e;border-color:#48d59733}.status.good i{background:var(--good);box-shadow:0 0 0 3px #48d5971a}.status.warn{color:var(--warn);background:#edbd670d;border-color:#edbd6733}.status.warn i{background:var(--warn);box-shadow:0 0 0 3px #edbd6717}.status.bad{color:var(--bad);background:#f27d840d;border-color:#f27d8433}.status.bad i{background:var(--bad);box-shadow:0 0 0 3px #f27d8417}.empty{text-align:center;border-radius:var(--radius);color:#5d626a;background:#ffffff03;border:1px dashed #ffffff1f;align-content:center;place-items:center;min-height:300px;padding:42px;display:grid}.empty svg{color:#777c84}.empty h2{color:#e6e7e8;letter-spacing:-.02em;margin:15px 0 7px;font-size:18px}.empty p{max-width:390px;color:var(--muted);margin:0 0 21px;font-size:13px;line-height:1.65}.loading{justify-content:center;align-items:center;gap:5px;min-height:220px;display:flex}.loading span{background:#f4f4f4;border-radius:50%;width:5px;height:5px;animation:1s infinite pulse}.loading span:nth-child(2){animation-delay:.15s}.loading span:nth-child(3){animation-delay:.3s}@keyframes pulse{50%{opacity:.5}}.notice{border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:10px;margin:18px 0;padding:14px 16px;font-size:12px;line-height:1.55;display:flex}.notice.error{color:#f6a2a7;background:#4913172e;border-color:#f27d8442}.notice.warning{color:var(--warn);background:#47310b26;border-color:#edbd6740}.notice.warning>div{flex:1}.notice.warning strong{color:#f2d49e}.notice.warning p{color:#b9aa8c;margin:3px 0}.notice.warning small{color:#7d725e}.notice.success{color:var(--good);background:#13483029;border-color:#48d5973d}.technical-error{color:#8f856f;margin-top:9px}.technical-error summary{cursor:pointer}.technical-error pre{border:1px solid var(--line);color:#aaa084;white-space:pre-wrap;background:#0b0b0c;border-radius:8px;max-width:720px;margin:7px 0 0;padding:10px;font-size:11px;overflow:auto}.settings-stack{border-top:1px solid var(--line);margin-top:28px}.settings-section{border-bottom:1px solid var(--line);grid-template-columns:270px minmax(0,1fr);gap:50px;padding:32px 0;display:grid}.section-head{align-items:flex-start;gap:14px;display:flex}.section-head>span{color:#989da5;border:1px solid var(--line);text-align:center;background:#0d0f11;border-radius:999px;min-width:30px;padding:5px 7px;font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.section-head h2,.panel h2,.form-panel h2{color:#f0f1f2;letter-spacing:-.015em;margin:0;font-size:15px;font-weight:640}.section-head p,.panel p{color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.55}.field-grid{grid-template-columns:1fr 132px;gap:18px;display:grid}.hostname-mode{border:1px solid var(--line);background:#090a0c;border-radius:12px;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.hostname-mode button{color:#858a92;text-align:left;background:0 0;border:0;border-radius:9px;gap:3px;padding:11px 13px;display:grid}.hostname-mode button:hover{color:#dfe1e3;background:#ffffff08}.hostname-mode button.active{color:#080808;background:#f2f2f3}.hostname-mode button:disabled{cursor:default;opacity:1}.hostname-mode button span{font-size:12px;font-weight:680}.hostname-mode button small{color:#686d75;font-size:10px}.hostname-mode button.active small{color:#5e6268}.field{color:#b6bac0;gap:8px;font-size:12px;display:grid}.field>span{justify-content:space-between;gap:8px;display:flex}.field small{color:#666b73;font-size:10px}.field input,.field select,.field textarea,.inline-form input,.quota-input{width:100%;color:var(--text);border:1px solid var(--line-strong);background:#0a0b0d;border-radius:10px;outline:none;padding:10px 12px;font-size:13px;transition:border-color .13s,background .13s,box-shadow .13s}.field input,.field select{height:42px}.field textarea{resize:vertical;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.55}.field input:focus,.field select:focus,.field textarea:focus,.inline-form input:focus{background:#0d0f11;border-color:#ffffff6b;box-shadow:0 0 0 3px #ffffff0e}.field input:disabled,.field select:disabled{color:#696e75;background:#090a0b}.field.invalid input,.field.invalid select,.field.invalid textarea{border-color:#f27d84ad;box-shadow:0 0 0 3px #f27d8414}.field .field-error{color:#f7959b;font-size:11px}.domain-input{align-items:stretch;display:flex}.domain-input input{border-right:0;border-radius:10px 0 0 10px;flex:1;min-width:0}.domain-input select{color:#a7abb2;background:#111317;border-radius:0 10px 10px 0;width:auto;min-width:164px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.url-preview{border:1px solid var(--line);background:#0b0c0e;border-top:0;border-radius:0 0 10px 10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.url-preview span{color:var(--dim);text-transform:uppercase;letter-spacing:.09em;font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.url-preview strong{color:#f2f2f3;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:500}.dns-target{border:1px solid var(--line);background:#0b0c0e;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:5px 12px;margin-top:-1px;padding:11px 12px;display:grid}.dns-target span{color:#787d85;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.dns-target code{color:#f0f1f2;font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.dns-target small{color:#666b73;grid-column:1/-1;font-size:10px;line-height:1.45}.toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.toggle{background:var(--panel);border:1px solid var(--line);color:#c5c8cc;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;font-size:12px;display:flex}.toggle.disabled{color:#60656c;background:#0a0c0e}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle i{background:#25282d;border:1px solid #363a40;border-radius:999px;flex:none;width:34px;height:19px;position:relative}.toggle b{background:#777c84;border-radius:50%;width:13px;height:13px;transition:all .14s;position:absolute;top:2px;left:2px}.toggle input:checked+i{background:#f1f1f2;border-color:#f1f1f2}.toggle input:checked+i b{background:#090909;left:17px}.location-list{gap:12px;display:grid}.location-row{background:var(--panel);border:1px solid var(--line);border-radius:12px;grid-template-columns:minmax(90px,.7fr) 100px minmax(150px,1.2fr) 100px 34px;align-items:end;gap:9px;padding:15px;display:grid}.location-row .remove{margin-bottom:4px}.advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.advanced-grid .field:last-child{grid-column:1/-1}.form-actions{justify-content:flex-end;gap:10px;padding-top:27px;display:flex}.form-actions .danger{margin-right:auto}.auth-layout{background:#050505;grid-template-columns:minmax(470px,1.2fr) minmax(400px,.8fr);min-height:100vh;display:grid}.auth-brand{border-right:1px solid var(--line);background:#08090a;flex-direction:column;justify-content:space-between;gap:56px;padding:clamp(34px,5vw,72px);display:flex}.auth-product{width:min(760px,100%)}.auth-brand h1{color:#fff;letter-spacing:-.058em;max-width:720px;font-size:clamp(44px,5.5vw,76px);font-weight:650;line-height:.98}.auth-product>p:last-of-type{color:#989ca3;max-width:610px;margin:20px 0 0;font-size:16px;line-height:1.65}.relay-map{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:12px;margin-top:38px;padding-top:22px;display:grid}.relay-node{border:1px solid var(--line);background:#0d0f12;border-radius:13px;flex-direction:column;min-width:0;padding:17px;display:flex}.relay-node-title{color:#8c9198;align-items:center;gap:8px;font-size:12px;display:flex}.relay-node strong{color:#f2f3f4;letter-spacing:-.02em;overflow-wrap:anywhere;margin-top:18px;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:560}.relay-node small{color:#777c84;align-items:center;gap:6px;margin-top:8px;font-size:11px;display:flex}.relay-node small.online{color:var(--good)}.relay-node small.online i{background:var(--good);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #48d59717}.relay-connection{color:#6e737b;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.relay-connection span{letter-spacing:.08em;text-transform:uppercase;writing-mode:vertical-rl;font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.namespace-list{color:#666b73;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.namespace-list>span{text-transform:uppercase;letter-spacing:.09em;margin-right:5px;font-family:SFMono-Regular,Consolas,monospace}.namespace-list code{color:#9a9ea5;border:1px solid var(--line);background:#0d0f12;border-radius:999px;padding:5px 8px;font-size:10px}.auth-form-wrap{background:#050505;place-items:center;padding:clamp(34px,5vw,74px);display:grid}.auth-form{width:min(390px,100%)}.auth-form h2{color:#fff;letter-spacing:-.04em;margin:0;font-size:32px;font-weight:650}.auth-form>p:nth-of-type(2){color:var(--muted);margin:11px 0 30px;font-size:14px;line-height:1.6}.auth-form .field{margin:17px 0}.form-switch{text-align:center;color:var(--muted);margin-top:20px;font-size:12px}.form-switch a{color:#f3f3f4;text-underline-offset:3px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#0d0f12e0;padding:23px;box-shadow:inset 0 1px #ffffff06}.form-panel{gap:18px;margin-top:28px;display:grid}.form-panel .primary{justify-self:start}.metric-grid{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:29px;display:grid}.metric{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:20px}.metric span{color:var(--muted);font-size:11px}.metric strong{color:#fff;letter-spacing:-.055em;margin-top:17px;font-family:SFMono-Regular,Consolas,monospace;font-size:29px;font-weight:540;display:block}.system-banner{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.system-banner>div{align-items:center;gap:12px;display:flex}.system-banner p{margin:4px 0 0}.quota-input{width:72px;height:32px;padding:4px 8px}.audit-list{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);margin-top:27px;overflow:hidden}.audit-row{border-bottom:1px solid var(--line);color:var(--muted);grid-template-columns:190px minmax(220px,1fr) 130px 170px;align-items:center;gap:16px;padding:14px 16px;font-size:11px;display:grid}.audit-row:last-child{border-bottom:0}.audit-row:hover{background:#ffffff05}.audit-code{color:#c7cad0;font-family:SFMono-Regular,Consolas,monospace}.audit-row strong{color:#e1e2e4;font-size:12px}.audit-row p{color:#686d75;white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;overflow:hidden}.system-grid{grid-template-columns:1.3fr .7fr;gap:16px;margin-top:27px;display:grid}.panel-title{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.detail-list{grid-template-columns:160px 1fr;gap:0;margin:19px 0 0;display:grid}.detail-list dt,.detail-list dd{border-top:1px solid #ffffff0f;padding:11px 0;font-size:11px}.detail-list dt{color:#6c7179}.detail-list dd{color:#c5c8cc;margin:0}.reserved-panel{margin-top:16px}.inline-form{display:flex}.inline-form input{border-radius:999px 0 0 999px;width:165px}.inline-form .secondary{border-radius:0 999px 999px 0}.tag-list{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.tag-list>span{border:1px solid var(--line);color:#b7bbc0;background:#15171a;border-radius:999px;align-items:center;gap:7px;padding:7px 8px 7px 11px;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;display:flex}.tag-list button{color:#747981;background:0 0;border:0;place-items:center;padding:0;display:grid}@media(min-width:1200px){.app-shell{grid-template-columns:270px minmax(0,1fr)}.sidebar{padding:32px 20px 21px}.brand>img{width:36px;height:36px}.brand strong{font-size:14px}.brand strong small{font-size:10px}.nav-group{margin-top:43px}.nav-group>p{font-size:11px}.nav-link{min-height:45px;padding:10px 12px;font-size:14px}.identity strong{font-size:12px}.identity span{font-size:11px}.sidebar>.support-links{padding:15px}.support-button{min-height:41px;font-size:13px}.support-email{font-size:11px}.page{width:min(1480px,100%);padding:64px clamp(42px,5.5vw,90px) 96px}.page.narrow{max-width:960px}.page-header{padding-bottom:31px}.eyebrow{font-size:11px}h1{font-size:clamp(39px,3.8vw,50px)}.page-description{margin-top:12px;font-size:16px}.primary{min-height:46px;padding-inline:20px;font-size:14px}.secondary,.danger{min-height:42px;padding-inline:17px;font-size:14px}.secondary.small{min-height:35px;font-size:13px}.back{font-size:14px}.icon-button{width:38px;height:38px}.quota-strip{margin:34px 0 29px}.quota-strip span,.quota-strip strong{font-size:14px}.toolbar{margin:28px 0 18px}.search input{height:46px;font-size:15px}.namespace-filter{height:48px;font-size:15px}th{padding:15px 19px;font-size:11px}td{padding:20px 19px;font-size:14px}td strong{font-size:15px}td small{font-size:12px}.mono{font-size:13px}.status{padding:6px 10px;font-size:11px}.empty h2{font-size:20px}.empty p{font-size:15px}.notice{font-size:14px}.settings-section{grid-template-columns:300px minmax(0,1fr);gap:56px;padding:38px 0}.section-head>span{font-size:11px}.section-head h2,.panel h2,.form-panel h2{font-size:18px}.section-head p,.panel p{font-size:14px}.field{gap:9px;font-size:14px}.field small{font-size:12px}.field input,.field select,.field textarea,.inline-form input,.quota-input{font-size:15px}.field input,.field select{height:47px}.domain-input select,.url-preview strong{font-size:13px}.url-preview span{font-size:11px}.hostname-mode button{padding:13px 15px}.hostname-mode button span{font-size:14px}.hostname-mode button small,.dns-target span,.dns-target small{font-size:12px}.dns-target code{font-size:13px}.toggle{padding:16px;font-size:14px}.location-row{grid-template-columns:minmax(100px,.7fr) 112px minmax(170px,1.2fr) 112px 38px;padding:18px}.form-actions{padding-top:31px}.auth-form{width:min(440px,100%)}.auth-form h2{font-size:38px}.auth-form>p:nth-of-type(2){font-size:15px}.auth-form .field{margin:20px 0}.brand.large>img{width:51px;height:51px}.brand.large strong{font-size:16px}.auth-product>p:last-of-type{font-size:17px}.relay-node{padding:20px}.relay-node-title{font-size:14px}.relay-node strong{font-size:15px}.relay-node small,.namespace-list{font-size:12px}.namespace-list code{font-size:11px}.panel{padding:28px}.metric{padding:24px}.metric span{font-size:13px}.metric strong{font-size:34px}.audit-row{padding:17px 19px;font-size:13px}.audit-row strong{font-size:14px}.detail-list dt,.detail-list dd{padding:13px 0;font-size:13px}.tag-list>span{font-size:12px}}@media(max-width:1080px){.settings-section{grid-template-columns:210px minmax(0,1fr);gap:30px}.metric-grid{grid-template-columns:repeat(3,1fr)}.location-row{grid-template-columns:1fr 100px}.location-row .field:nth-child(3){grid-column:1}.location-row .remove{grid-area:2/2}.audit-row{grid-template-columns:170px 1fr 150px}.audit-row>span:nth-child(3){display:none}}@media(max-width:900px){.auth-layout{display:block}.auth-brand{gap:38px;min-height:auto;padding:30px 24px 36px}.auth-brand h1{max-width:620px;font-size:44px}.auth-product>p:last-of-type{max-width:560px;margin-top:15px;font-size:14px}.relay-map{max-width:620px;margin-top:26px}.auth-brand footer{display:none}.auth-form-wrap{padding:46px 24px}}@media(max-width:760px){.app-shell{display:block}.sidebar{flex-direction:row;align-items:center;height:auto;padding:11px 14px;position:sticky}.nav-group{display:none}.sidebar>.support-links{background:0 0;border:0;margin:0 8px 0 auto;padding:0;display:flex}.sidebar .support-button{width:34px;min-height:34px;padding:0}.sidebar .support-button span,.sidebar .support-button .external-icon,.sidebar .support-email{display:none}.sidebar-footer{border:0;margin:0;padding:0}.identity{display:none}.page{padding:31px 16px 72px}.page-header{align-items:flex-start}.page-header .primary{white-space:nowrap}.quota-strip{grid-template-columns:auto 1fr;gap:13px}.quota-strip>span{grid-column:1/-1}.settings-section{padding:26px 0;display:block}.section-body{margin-top:22px}.field-grid,.advanced-grid{grid-template-columns:1fr}.advanced-grid .field:last-child{grid-column:auto}.toggle-grid{grid-template-columns:1fr}.form-actions{flex-wrap:wrap}.form-actions .danger{order:3;width:100%;margin-top:6px}.relay-map{grid-template-columns:1fr;gap:9px}.relay-connection{flex-direction:row;min-height:24px}.relay-connection span{writing-mode:initial}.relay-connection svg{transform:rotate(90deg)}.metric-grid,.system-grid{grid-template-columns:1fr}.audit-row{grid-template-columns:1fr auto}.audit-row>span:first-child{grid-column:1/-1}.audit-row time{grid-area:2/2}.inline-form{margin-top:15px}.panel-title{flex-wrap:wrap}}@media(max-width:520px){.page-header{display:grid}.page-header .header-actions,.page-header .header-actions .primary{width:100%}.domain-input{display:grid}.domain-input input{border:1px solid var(--line-strong);border-radius:10px 10px 0 0}.domain-input select{border-top:0;border-radius:0;width:100%}.hostname-mode{grid-template-columns:1fr}.toolbar{flex-direction:column}.namespace-filter{width:100%}.support-links.compact{grid-template-columns:1fr}.auth-brand h1{font-size:38px}.relay-node{padding:14px}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}