:root{--bg: #0f141b;--panel: #151c26;--panel-2: #1b2431;--line: #26313f;--text: #e6ecf4;--muted: #8b98a9;--brand: #4c8dff;--brand-ink: #06101f;--ok: #38b27a;--warn: #d9a341;--danger: #e05a5a;--radius: 12px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,Segoe UI,Microsoft YaHei,sans-serif;font-size:14px}.shell{display:grid;grid-template-columns:248px 1fr;min-block-size:100vh}.sidebar{border-inline-end:1px solid var(--line);padding:20px 16px;display:flex;flex-direction:column;gap:24px;background:var(--panel)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.01em}.brand__mark{display:grid;place-items:center;inline-size:28px;block-size:28px;border-radius:8px;background:var(--brand);color:var(--brand-ink)}.nav{display:grid;gap:4px}.nav__item{text-align:start;padding:10px 12px;border-radius:8px;border:0;background:transparent;color:var(--muted);font:inherit;cursor:pointer}.nav__item:hover{background:var(--panel-2);color:var(--text)}.nav__item.is-active{background:var(--panel-2);color:var(--text);box-shadow:inset 3px 0 0 0 var(--brand)}.sidebar__foot{margin-block-start:auto;color:var(--muted);font-size:12px}.main{padding:28px 32px 48px;display:grid;gap:24px;align-content:start}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.topbar__title{margin:0 0 6px;font-size:22px}.topbar__sub{margin:0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}.ui-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.ui-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-block-end:14px}.ui-card__title{margin:0 0 4px;font-size:16px}.ui-card__desc{margin:0;color:var(--muted);font-size:13px}.ui-btn{padding:8px 14px;border-radius:8px;border:1px solid transparent;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}.ui-btn--primary{background:var(--brand);color:var(--brand-ink)}.ui-btn--ghost{background:transparent;border-color:var(--line);color:var(--text)}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:12px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.ui-badge--success{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}.ui-badge--warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent)}.ui-badge--danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.kv{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px}.kv dt{color:var(--muted);font-size:12px;margin-block-end:2px}.kv dd{margin:0}.actions{display:flex;gap:8px}.steps{margin:0 0 12px;padding-inline-start:20px;line-height:2}.quota{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:12px;padding-block:10px;border-block-end:1px solid var(--line)}.muted{color:var(--muted)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.login{min-block-size:100vh;display:grid;place-items:center;padding:24px}.login__card{inline-size:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:grid;gap:14px}.login__card form{display:grid;gap:10px}.boot{min-block-size:100vh;display:grid;place-items:center;color:var(--muted)}.field{padding:9px 12px;border-radius:8px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font:inherit;min-inline-size:0}.field:focus{outline:2px solid color-mix(in srgb,var(--brand) 50%,transparent);outline-offset:1px}.form-row{display:flex;flex-wrap:wrap;gap:8px}.form-row .field:first-child{flex:1 1 240px}.form-row .field{flex:0 1 180px}.error{color:var(--danger);margin:8px 0 0;font-size:13px}.warn{color:var(--warn);margin:8px 0 0;font-size:13px}.topbar__right{display:flex;align-items:center;gap:12px}.picker{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.picker select{padding:6px 10px;border-radius:8px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font:inherit}.dns{display:grid;gap:8px;margin-block-end:14px}.dns__row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2)}.dns__type{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--brand);min-inline-size:42px}.dns__name,.dns__value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;word-break:break-all}.dns__name{color:var(--muted)}.dns__value{color:var(--text);flex:1 1 200px}button.sidebar__foot{border:0;background:transparent;font:inherit;font-size:12px;text-align:start;cursor:pointer;padding:10px 12px;border-radius:8px}button.sidebar__foot:hover{background:var(--panel-2);color:var(--text)}@media(max-width:860px){.shell{grid-template-columns:1fr}.sidebar{border-inline-end:0;border-block-end:1px solid var(--line)}}.stack{display:flex;flex-direction:column;gap:16px}.stack .form-row{display:grid;gap:6px;margin-block-end:12px}.stack .form-row>span{font-size:12px;color:var(--muted)}.stack .form-row .field{inline-size:100%}.tablebar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:12px 16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.tablebar__right{margin-inline-start:auto;display:flex;gap:8px}.block-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-block-end:8px;padding-block-end:8px;border-block-end:1px solid var(--line)}.block-head__actions{margin-inline-start:auto;display:flex;align-items:center;gap:6px}.block-head__type{margin-inline-start:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--muted)}.blocklist-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding-block:36px;text-align:center;color:var(--muted)}.blocklist-empty p{margin:0}.blockpicker__group+.blockpicker__group{margin-block-start:20px}.blockpicker__title{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--muted)}.blockpicker__list{margin:0;padding:0;list-style:none;display:grid;gap:8px}.blockpicker__item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2)}.blockpicker__text{min-inline-size:0}.blockpicker__name{display:flex;align-items:center;gap:8px}.blockpicker__item p{margin:2px 0 0;font-size:12px}.blockpicker__type{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--muted)}.blockpicker__item .ui-btn{margin-inline-start:auto;flex:none}.fields{display:grid;gap:4px}.group{border:0;border-inline-start:2px solid var(--line);margin:0 0 10px;padding-inline-start:12px}.group>legend{font-size:12px;color:var(--muted);padding-inline:4px}.check{display:inline-flex;align-items:center;gap:6px;font-size:13px}.chips{display:flex;flex-wrap:wrap;gap:12px;padding-block:8px}.notice{color:var(--ok);font-size:13px;margin:0}.table{inline-size:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:6px 8px;border-block-end:1px solid var(--line);text-align:start;vertical-align:middle}.table th{font-size:12px;color:var(--muted);font-weight:500}.table .field{min-inline-size:90px}.table tr.is-selected{background:var(--panel-2, #f7f8fa)}.tree{list-style:none;margin:0;padding:0}.tree__row{display:flex;align-items:center;gap:10px;padding-block:8px;border-block-end:1px solid var(--line)}.tree__name{font-weight:600}.tree__slug{font-size:12px;color:var(--muted)}.tree__actions{margin-inline-start:auto;display:flex;gap:6px}.catalog{display:flex;flex-direction:column;gap:16px}.catalog__head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.catalog__headmain{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-inline-size:0}.catalog__headactions{margin-inline-start:auto;display:flex;gap:8px}.catalog__host{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog__hostsep{opacity:.5}.catalog__split{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:16px;align-items:start}.catalog__side{position:sticky;inset-block-start:16px;max-block-size:calc(100vh - 32px);overflow-y:auto}.catalog__main{display:flex;flex-direction:column;gap:12px;min-inline-size:0}@media(max-width:1080px){.catalog__split{grid-template-columns:1fr}.catalog__side{position:static;max-block-size:none}}.catalog__toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.catalog__search{flex:1 1 220px;max-inline-size:340px;display:block}.catalog__search .field{inline-size:100%}.catalog__toolbarmeta{margin-inline-start:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.catalog__count{font-size:12px;white-space:nowrap}.segmented{display:inline-flex;padding:2px;gap:2px;background:var(--panel-2);border:1px solid var(--line);border-radius:9px}.segmented__item{padding:5px 12px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}.segmented__item:hover{color:var(--text)}.segmented__item.is-active{background:var(--brand);color:var(--brand-ink);font-weight:600}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font:inherit;font-size:12px;cursor:pointer;max-inline-size:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip--filter:hover{border-color:var(--brand)}.chip--filter span{color:var(--muted);font-size:14px;line-height:1}.bulkbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;background:var(--panel);border:1px solid var(--brand);border-radius:var(--radius)}.bulkbar__count{font-size:13px}.bulkbar__count strong{color:var(--brand)}.bulkbar__actions{margin-inline-start:auto;display:flex;gap:8px;flex-wrap:wrap}.tablewrap{overflow-x:auto;inline-size:100%}.table--products{min-inline-size:880px}.table--products th,.table--products td{padding:10px 12px}.table--products thead th{position:sticky;inset-block-start:0;z-index:1;background:var(--panel);border-block-end:1px solid var(--line);font-size:12px;white-space:nowrap}.table--products tbody tr:hover{background:var(--panel-2)}.table--products tbody tr.is-selected{background:var(--panel-2);box-shadow:inset 3px 0 0 0 var(--brand)}.table__check{inline-size:36px;text-align:center!important}.table__num{text-align:end!important;font-variant-numeric:tabular-nums;white-space:nowrap}.table__actions{inline-size:1%;white-space:nowrap}.rowactions{display:flex;gap:4px;justify-content:flex-end}.pcell{display:flex;align-items:center;gap:10px;min-inline-size:0}.pcell__thumb{inline-size:36px;block-size:36px;border-radius:8px;object-fit:cover;flex:none;background:var(--panel-2);border:1px solid var(--line)}.pcell__thumb--empty{display:grid;place-items:center;color:var(--muted);font-size:13px;font-weight:600}.pcell__text{min-inline-size:0}.pcell__name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-inline-size:30ch}.pcell__slug{font-size:12px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-inline-size:30ch}.pcell__counts{display:flex;gap:10px;font-size:12px;color:var(--muted);white-space:nowrap}.langdots{display:inline-flex;gap:3px;align-items:center}.langdots__dot{inline-size:16px;block-size:16px;border-radius:4px;border:1px solid var(--line);background:transparent;position:relative}.langdots__dot.is-on{background:var(--brand);border-color:var(--brand)}.langdots__dot[data-locale]{font-size:0}.treenode{display:flex;align-items:center;gap:4px;border-radius:8px;padding-inline:4px;margin-block-end:1px}.treenode:hover{background:var(--panel-2)}.treenode.is-active{background:var(--panel-2);box-shadow:inset 3px 0 0 0 var(--brand)}.treenode__label,.treenode--root{flex:1;display:flex;align-items:center;gap:8px;min-inline-size:0;padding:6px 8px;border:0;background:transparent;color:var(--text);font:inherit;text-align:start;cursor:pointer;border-radius:8px}.treenode__label:hover,.treenode--root:hover{color:var(--brand)}.treenode__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.treenode.is-active .treenode__name{font-weight:600;color:var(--brand)}.treenode__count{margin-inline-start:auto;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:0 6px;flex:none}.treenode__ops{display:flex;gap:2px;flex:none;opacity:0;transition:opacity .12s ease}.treenode:hover .treenode__ops,.treenode:focus-within .treenode__ops{opacity:1}.iconbtn{inline-size:24px;block-size:24px;display:grid;place-items:center;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);font:inherit;font-size:13px;line-height:1;cursor:pointer}.iconbtn:hover{background:var(--panel);border-color:var(--line);color:var(--text)}.treenode__foot{margin-block-start:10px;padding-block-start:10px;border-block-start:1px solid var(--line)}.empty{display:grid;gap:8px;justify-items:start;padding:36px 24px}.empty__title{margin:0;font-size:15px;font-weight:600}.empty .muted{margin:0;max-inline-size:46ch}.pager{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;border-block-start:1px solid var(--line)}.pager__nav{margin-inline-start:auto;display:flex;align-items:center;gap:8px}.pager__pos{font-size:12px;font-variant-numeric:tabular-nums}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex}.overlay__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#04080e9e;animation:overlay-fade .15s ease}.overlay__panel{position:relative;display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);box-shadow:0 24px 64px #00000073;max-block-size:100vh}.overlay__panel--drawer{margin-inline-start:auto;inline-size:min(720px,100vw);border-block:0;border-inline-end:0;animation:overlay-slide .18s ease}.overlay__panel--modal{margin:auto;inline-size:min(560px,calc(100vw - 32px));max-block-size:calc(100vh - 48px);border-radius:var(--radius);animation:overlay-pop .16s ease}.overlay__panel--lg{inline-size:min(880px,calc(100vw - 32px))}.overlay__head{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border-block-end:1px solid var(--line);flex:none}.overlay__headtext{min-inline-size:0}.overlay__title{margin:0 0 4px;font-size:16px}.overlay__desc{margin:0;color:var(--muted);font-size:13px}.overlay__headmeta{margin-inline-start:auto;flex:none;display:flex;align-items:center;gap:8px}.overlay__close{inline-size:30px;block-size:30px;flex:none;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);font-size:18px;line-height:1;cursor:pointer}.overlay__close:hover{color:var(--text);background:var(--panel-2)}.overlay__body{flex:1;overflow-y:auto;padding:20px}.overlay__foot{flex:none;display:flex;align-items:center;gap:8px;padding:12px 20px;border-block-start:1px solid var(--line);background:var(--panel)}.overlay__spacer{flex:1}.confirm__body{font-size:14px;line-height:1.7;color:var(--text)}.confirm__body strong{color:var(--text);font-weight:600}.overlay__error{margin:0;font-size:13px;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}@keyframes overlay-fade{0%{opacity:0}}@keyframes overlay-slide{0%{transform:translate(24px);opacity:0}}@keyframes overlay-pop{0%{transform:scale(.98);opacity:0}}@media(prefers-reduced-motion:reduce){.overlay__scrim,.overlay__panel--drawer,.overlay__panel--modal{animation:none}}.form{display:flex;flex-direction:column;gap:24px}.form__section{display:flex;flex-direction:column;gap:12px}.form__h{margin:0;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--muted);text-transform:none;padding-block-end:8px;border-block-end:1px solid var(--line)}.form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;align-items:start}.form__hint{margin:0;font-size:12px;line-height:1.7}.form__hint code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;background:var(--panel-2);padding:1px 4px;border-radius:4px}.langrow{display:grid;grid-template-columns:88px minmax(120px,1fr) minmax(140px,1.4fr) minmax(120px,1fr);gap:8px;align-items:center;padding-block:5px}.langrow__tag{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.langrow .field{inline-size:100%}@media(max-width:720px){.langrow{grid-template-columns:1fr;gap:4px;padding-block:10px;border-block-end:1px solid var(--line)}}.toaster{position:fixed;inset-block-end:20px;inset-inline-end:20px;z-index:60;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.toast{padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-size:13px;cursor:pointer;box-shadow:0 10px 30px #00000059;animation:toast-in .16s ease;max-inline-size:360px;text-align:start}.toast--success{border-color:color-mix(in srgb,var(--ok) 45%,transparent)}.toast:hover{border-color:var(--brand)}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}}.ui-btn--subtle{background:transparent;border-color:transparent;color:var(--muted);font-weight:500}.ui-btn--subtle:hover:not(:disabled){background:var(--panel-2);color:var(--text)}.ui-btn--danger{background:transparent;border-color:color-mix(in srgb,var(--danger) 40%,transparent);color:var(--danger)}.ui-btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 14%,transparent)}.ui-btn--sm{padding:4px 10px;font-size:12px;border-radius:7px}.ui-card--flush{padding:0;overflow:hidden}.ui-card--flush .ui-card__head{padding:14px 16px;margin-block-end:0}.ui-card__foot{border-block-start:1px solid var(--line)}.error--block{margin:0;padding:10px 14px;border:1px solid color-mix(in srgb,var(--danger) 40%,transparent);border-radius:var(--radius);background:color-mix(in srgb,var(--danger) 10%,transparent)}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-block:10px}.toolbar--end{justify-content:flex-end;border-block-start:1px solid var(--line);margin-block-start:12px}.stack--inline{display:flex;align-items:center;gap:8px}.stack--inline>span{white-space:nowrap}.uploader{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.uploader__hint{font-size:12px;max-inline-size:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uploader__error{font-size:12px;color:#b42318;flex:1 1 100%}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;margin-block:8px 4px}.media-card{margin:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--panel, #fff);display:flex;flex-direction:column}.media-card__thumb{display:block;aspect-ratio:4 / 3;background:#f2f4f7}.media-card__thumb img{inline-size:100%;block-size:100%;object-fit:cover;display:block}.media-card__body{padding:8px 10px 10px;display:flex;flex-direction:column;gap:4px;min-inline-size:0}.media-card__name{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-card__meta{font-size:11px}.media-card__actions{display:flex;gap:4px;margin-block-start:2px}.media-card__actions .ui-btn{font-size:12px;padding:2px 8px}.field-group{display:flex;flex-direction:column;gap:6px;flex:1 1 220px;min-inline-size:0}.field-group--wide{flex:1 1 320px}.field-group>span{font-size:12px;color:var(--muted)}.field-group .field{inline-size:100%}