@layer ui {
.aether-ui nav #nav-admin[hidden] { display:none !important; }
@media (max-width:760px) { .aether-ui nav #nav-admin { display:none; } }
.admin-view { display:grid; grid-template-columns:minmax(0,1fr); gap:22px; padding-bottom:56px; min-width:0; --admin-panel:var(--surface); --admin-edge:0 0 0 1px var(--line) inset; --admin-shadow:var(--shadow-1); --admin-inner:var(--chrome-soft); }
html[data-theme="liquid"]:not([data-theme="default"]) body.aether-ui .admin-view { --admin-panel:var(--lq-fill) var(--lq-sheen); --admin-edge:var(--lq-rim); --admin-shadow:var(--lq-shadow); --admin-inner:var(--lq-fill-thin); }
.admin-view.hidden { display:none; }
.admin-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; }
@media (min-width:761px) { .admin-head { margin-right:72px; } }
.admin-head h2 { margin:0; font-size:30px; font-weight:800; letter-spacing:-.02em; color:var(--ink); }
.admin-head p { margin:2px 0 0; color:var(--muted); font-size:14px; }
.admin-view .admin-actions { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.admin-view button.admin-button { display:inline-flex; align-items:center; gap:6px; min-height:40px; padding:0 16px; border:0; border-radius:999px; background:var(--admin-panel); box-shadow:var(--admin-edge),var(--admin-shadow); color:var(--ink); font:inherit; font-size:14px; font-weight:600; cursor:pointer; }
.admin-view button.admin-button:hover:not(:disabled) { color:var(--accent); }
.admin-view button.admin-button svg { width:16px; height:16px; }
.admin-view button.admin-button:disabled { opacity:.55; cursor:default; }
.admin-view[aria-busy="true"] #admin-refresh svg { animation:admin-spin 1s linear infinite; }
@keyframes admin-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .admin-view[aria-busy="true"] #admin-refresh svg { animation:none; } }
.admin-jump { position:sticky; top:12px; z-index:20; display:flex; gap:4px; width:max-content; max-width:100%; overflow-x:auto; padding:4px; border-radius:999px; background:var(--admin-panel); box-shadow:var(--admin-edge),var(--admin-shadow); backdrop-filter:var(--lq-blur,none); -webkit-backdrop-filter:var(--lq-blur,none); scrollbar-width:none; }
.admin-jump::-webkit-scrollbar { display:none; }
.admin-jump button { flex:0 0 auto; min-height:36px; padding:0 14px; border:0; border-radius:999px; background:transparent; color:var(--muted); font:inherit; font-size:13px; font-weight:600; cursor:pointer; white-space:nowrap; }
.admin-jump button:hover { color:var(--ink); background:var(--admin-inner); }
.admin-section { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; scroll-margin-top:72px; min-width:0; }
.admin-section-title { margin:6px 0 0; font-size:20px; font-weight:750; letter-spacing:-.01em; color:var(--ink); }
.admin-status { color:var(--muted); font-size:14px; min-height:1.4em; margin:-8px 0 0; }
.admin-status:empty { display:none; }
.admin-status[data-kind="error"] { color:var(--danger); }
.admin-attention { display:grid; gap:10px; }
.admin-alerts { margin:0; padding:0; list-style:none; display:grid; gap:8px; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); }
.admin-alert { display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:18px; background:color-mix(in srgb,var(--accent) 10%,transparent); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent),var(--admin-shadow); }
.admin-alert-icon { display:grid; place-items:center; flex:0 0 36px; width:36px; height:36px; border-radius:50%; background:color-mix(in srgb,var(--accent) 16%,transparent); color:var(--accent); }
.admin-alert-icon svg { width:18px; height:18px; }
.admin-alert-copy { display:grid; gap:1px; min-width:0; flex:1 1 auto; }
.admin-alert-copy b { font-size:15px; color:var(--ink); }
.admin-alert-copy small { font-size:13px; color:var(--muted); overflow-wrap:anywhere; }
.admin-alert .admin-button { flex:0 0 auto; }
.admin-clear { display:flex; align-items:center; gap:10px; margin:0; padding:12px 14px; border-radius:18px; background:var(--admin-panel); box-shadow:var(--admin-edge),var(--admin-shadow); color:var(--muted); font-size:14px; }
.admin-clear svg { width:20px; height:20px; color:var(--support-ink,#2F6B55); }
.admin-tiles { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px; }
@media (min-width:1100px) { .admin-tiles { grid-template-columns:repeat(3,minmax(0,1fr)); } }
.admin-tile { position:relative; display:grid; gap:3px; align-content:start; padding:14px 16px 12px; border-radius:20px; background:var(--admin-panel); box-shadow:var(--admin-edge),var(--admin-shadow); overflow:hidden; min-width:0; }
.admin-tile > span { font-size:12px; letter-spacing:.05em; text-transform:uppercase; color:var(--muted); font-weight:650; }
.admin-tile > b { font-size:30px; font-weight:800; letter-spacing:-.02em; line-height:1.1; color:var(--ink); font-variant-numeric:tabular-nums; }
.admin-tile > small { color:var(--muted); font-size:13px; }
.admin-trend { display:inline-flex; align-items:baseline; gap:5px; margin-top:4px; font-style:normal; font-size:13px; font-weight:700; color:var(--ink); }
.admin-trend span { font-weight:500; color:var(--muted); }
.admin-trend[data-dir="up"] { color:var(--support-ink,#2F6B55); }
.admin-trend[data-dir="down"] { color:var(--danger); }
.admin-mini { display:block; width:100%; height:32px; margin-top:8px; }
.admin-mini .line { fill:none; stroke:var(--accent); stroke-width:1.8; stroke-linejoin:round; vector-effect:non-scaling-stroke; }
.admin-mini .fill { fill:color-mix(in srgb,var(--accent) 14%,transparent); }
.admin-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:14px; align-items:start; }
.admin-panel { display:grid; gap:12px; min-width:0; padding:16px 18px; border-radius:22px; background:var(--admin-panel); box-shadow:var(--admin-edge),var(--admin-shadow); }
.admin-panel.wide { grid-column:1 / -1; }
.admin-panel h3 { margin:0; font-size:16px; font-weight:750; color:var(--ink); }
.admin-panel > p { margin:0; color:var(--muted); font-size:13.5px; }
.admin-panel ol, .admin-panel ul { margin:0; padding:0; list-style:none; display:grid; gap:0; }
.admin-panel li { display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding:8px 0; font-size:14px; color:var(--ink); min-width:0; border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent); }
.admin-panel li:first-child { border-top:0; padding-top:2px; }
.admin-panel li > span:first-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
.admin-panel li small { color:var(--muted); white-space:nowrap; font-variant-numeric:tabular-nums; font-size:13px; }
.admin-panel li.admin-error { display:grid; gap:3px; }
.admin-panel li.admin-error code { font-size:13px; white-space:normal; word-break:break-word; color:var(--ink); }
.admin-panel li.admin-enquiry { display:grid; grid-template-columns:1fr auto; gap:4px 12px; align-items:start; }
.admin-panel li.admin-enquiry > span:first-child { white-space:pre-wrap; overflow-wrap:anywhere; text-overflow:clip; }
.admin-panel li.admin-enquiry small { grid-column:1; white-space:normal; overflow-wrap:anywhere; }
.admin-panel li.admin-enquiry .admin-button { grid-column:2; grid-row:1 / span 2; min-height:36px; padding:0 12px; font-size:13px; }
.admin-bars { display:grid; gap:10px; }
.admin-bar { display:grid; grid-template-columns:72px 1fr auto; gap:10px; align-items:center; font-size:14px; color:var(--ink); }
.admin-bar i { position:relative; display:block; height:10px; border-radius:999px; background:var(--admin-inner); overflow:hidden; }
.admin-bar i::after { content:''; position:absolute; inset:0 auto 0 0; width:var(--w,0%); min-width:4px; border-radius:inherit; background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 70%,#fff),var(--accent)); }
.admin-bar small { text-align:right; color:var(--muted); font-variant-numeric:tabular-nums; font-size:13px; white-space:nowrap; }
.admin-chart { position:relative; }
.admin-chart svg { display:block; width:100%; height:auto; touch-action:pan-y; cursor:crosshair; }
.admin-readout[hidden] { display:none !important; }
.admin-chart text { font-size:11px; fill:var(--muted); }
.admin-chart .grid { stroke:color-mix(in srgb,var(--line) 80%,transparent); stroke-width:1; }
.admin-chart .area { opacity:.12; }
.admin-chart .line { fill:none; stroke-width:2.4; stroke-linejoin:round; stroke-linecap:round; }
.admin-chart .dot { opacity:0; transition:opacity .12s; }
.admin-chart .dot.on { opacity:1; }
.admin-chart .guide { stroke:var(--ink); stroke-opacity:0; stroke-dasharray:3 4; }
.admin-chart .guide.on { stroke-opacity:.35; }
.admin-readout { position:absolute; top:0; display:grid; gap:3px; padding:8px 10px; border-radius:14px; background:var(--admin-panel); box-shadow:var(--admin-edge),var(--elev-3); backdrop-filter:var(--lq-blur,none); -webkit-backdrop-filter:var(--lq-blur,none); font-size:13px; color:var(--ink); pointer-events:none; white-space:nowrap; }
.admin-readout b { font-size:12px; color:var(--muted); font-weight:650; }
.admin-readout span { display:flex; align-items:center; gap:6px; }
.admin-readout i,.admin-legend i { display:inline-block; width:10px; height:10px; border-radius:50%; }
.admin-legend { display:flex; gap:16px; flex-wrap:wrap; font-size:13px; color:var(--muted); }
.admin-legend span { display:inline-flex; align-items:center; gap:6px; }
.admin-note { color:var(--muted); font-size:13px; white-space:pre-wrap; }
.admin-numbers { display:block; min-height:200px; min-width:0; overflow-x:auto; }
@media (max-width:760px) {
 .admin-view { gap:18px; }
 .admin-head h2 { font-size:26px; }
 .admin-head .admin-actions { width:100%; }
 .admin-head .admin-button { flex:1 1 0; justify-content:center; }
 .admin-jump { top:calc(66px + env(safe-area-inset-top)); }
 .admin-section { scroll-margin-top:130px; }
 .admin-tiles { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .admin-tile { padding:12px 12px 10px; border-radius:18px; }
 .admin-tile > b { font-size:24px; }
 .admin-trend { flex-wrap:wrap; font-size:12px; }
 .admin-trend span { font-size:11.5px; }
 .admin-grid { grid-template-columns:minmax(0,1fr); }
 .admin-alerts { grid-template-columns:minmax(0,1fr); }
 .admin-alert { display:grid; grid-template-columns:36px minmax(0,1fr); column-gap:12px; row-gap:10px; align-items:center; }
 .admin-alert .admin-button { grid-column:2; justify-self:start; }
}
@media (max-width:360px) { .admin-tiles { grid-template-columns:minmax(0,1fr); } }
@media (prefers-reduced-transparency:reduce) { .admin-jump,.admin-readout { backdrop-filter:none; -webkit-backdrop-filter:none; } }
.admin-bar.over i::after { background:linear-gradient(90deg,#e8826b,#b3261e); }
.admin-panel small.admin-warn { color:var(--accent); font-weight:600; }
.admin-button-danger { color:var(--danger,#d64545); border-color:color-mix(in srgb,var(--danger,#d64545) 45%,transparent); }
.admin-section[hidden], .admin-pending-wrap[hidden] { display:none; }
.admin-subtitle { margin:8px 0 0; font-size:16px; font-weight:750; color:var(--ink); }
.admin-report-age { display:flex; align-items:center; gap:8px; margin:0; font-size:14px; color:var(--muted); }
.admin-report-age svg { width:18px; height:18px; flex:0 0 auto; }
.admin-report-age b { color:var(--ink); }
.admin-report-age[data-soon="true"] { color:var(--accent); }
.admin-report-age[data-late="true"], .admin-report-age[data-late="true"] b { color:var(--danger,#d64545); font-weight:600; }
.admin-reports { display:grid; gap:14px; grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr)); align-items:start; }
.admin-report { display:grid; gap:12px; min-width:0; padding:16px 18px; border-radius:22px; background:var(--admin-panel); box-shadow:var(--admin-edge),var(--admin-shadow); }
.admin-report-head { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; }
.admin-report-head b { font-size:16px; color:var(--ink); }
.admin-report-head small { flex:1 1 100%; color:var(--muted); font-size:13px; }
.admin-chips { display:flex; flex-wrap:wrap; gap:6px; }
.admin-chip { padding:2px 10px; border-radius:999px; background:color-mix(in srgb,var(--accent) 12%,transparent); color:var(--ink); font-size:12.5px; font-weight:600; }
.admin-report-items { margin:0; padding:0; list-style:none; display:grid; gap:6px; }
.admin-report-items li { display:flex; justify-content:space-between; gap:10px; font-size:13.5px; color:var(--ink); min-width:0; }
.admin-report-items li > span { min-width:0; overflow-wrap:anywhere; }
.admin-report-items small { color:var(--muted); white-space:nowrap; font-size:12.5px; }
.admin-report-items q { color:var(--muted); }
.admin-report-preview { display:grid; gap:6px; min-width:0; max-height:520px; overflow:auto; border-radius:18px; }
.admin-report-preview > img { display:block; max-width:100%; height:auto; border:1px solid var(--line); border-radius:var(--r-md); background:var(--surface); }
.aether-ui .admin-report-preview > .creation-card { margin:0; max-width:100%; padding:18px 20px 12px; border:1px solid var(--line); border-radius:var(--r-lg); background:var(--surface); animation:none; }
.aether-ui .admin-report-preview .creation-card :is(.creation-actions,.post-comments,.remake-group) { opacity:.55; }
.admin-report .admin-actions { gap:6px; }
.admin-report .admin-actions .admin-button { min-height:36px; padding:0 12px; font-size:13px; }
.aether-ui nav #nav-admin { position:relative; }
.aether-ui nav #nav-admin .nav-count { position:absolute; top:4px; right:6px; min-width:18px; height:18px; padding:0 5px; border-radius:999px; background:var(--accent); color:var(--on-action,#fff); font-size:11px; font-weight:700; line-height:18px; text-align:center; }
.aether-ui nav #nav-admin .nav-count[data-urgent="true"] { background:var(--danger,#d64545); color:#fff; }
.aether-ui nav #nav-admin .nav-count[hidden] { display:none; }
.admin-report[data-urgent="true"] { box-shadow:0 0 0 2px color-mix(in srgb,var(--danger,#d64545) 55%,transparent),var(--admin-shadow); }
.admin-chip[data-urgent="true"] { background:color-mix(in srgb,var(--danger,#d64545) 16%,transparent); color:var(--danger,#d64545); }
.admin-care { padding:10px 12px; border-radius:14px; background:color-mix(in srgb,var(--accent) 9%,transparent); color:var(--ink); white-space:normal; }
.admin-claim { display:block; margin-top:4px; color:var(--muted); font-size:12.5px; line-height:1.5; overflow-wrap:anywhere; }
.admin-account { display:grid; gap:8px; padding-top:10px; border-top:1px solid var(--line); min-width:0; }
.admin-account-line { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; font-size:13.5px; color:var(--ink); }
.admin-account-line > span { display:inline-flex; align-items:center; gap:8px; min-width:0; overflow-wrap:anywhere; }
.admin-account-line svg { width:16px; height:16px; flex:0 0 auto; }
.admin-account-line .admin-button { min-height:36px; padding:0 12px; font-size:13px; }
.admin-flag { color:var(--danger,#d64545); }
.admin-account-panel { display:grid; gap:8px; }
.admin-account-panel[hidden] { display:none; }
.admin-suspend-reason { display:inline-flex; align-items:center; gap:8px; font-size:13px; color:var(--muted); }
.admin-suspend-reason select { min-height:36px; padding:0 10px; border:1px solid var(--line); border-radius:10px; background:var(--surface); color:var(--ink); font-size:13px; }
#admin-intimate-age[hidden], #admin-appeals-wrap[hidden] { display:none; }
.admin-link-picture { display:flex; align-items:center; gap:12px; margin:0; min-width:0; }
.admin-link-picture img { flex:0 0 auto; width:240px; max-width:60%; height:auto; border:1px solid var(--line); border-radius:var(--r-md); background:var(--surface); }
.admin-link-picture figcaption { margin:0; }
}