:root{--bg:#111827;--panel:#18202f;--panel-2:#232c3d;--text:#f1f5f9;--muted:#94a3b8;--red:#00AEEF;--red-dark:#0a3349;--gold:#FFD54F;--green:#7ce0a2;--line:rgba(255,255,255,0.08);--input:#0e1420}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}button{border:0;color:inherit;font:inherit;cursor:pointer}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--input);color:var(--text);padding:11px 12px;outline:none}textarea{min-height:170px;resize:vertical;line-height:1.4}label{display:grid;grid-gap:7px;gap:7px;color:var(--muted);font-size:13px}.loginPage{min-height:100vh;display:grid;place-items:center;padding:24px}.loginBox{width:min(420px,100%);display:grid;grid-gap:16px;gap:16px;padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.brand.compact{margin-bottom:8px}.shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:var(--input);border-right:1px solid var(--line);padding:24px 18px}.brand{display:flex;gap:12px;align-items:center;margin-bottom:34px}.mark{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;background:var(--red);color:var(--gold);font-weight:800}.imageMark{object-fit:cover;background:var(--input)}.brand span,.brand strong{display:block}.brand span,.stats span,.topbar p{color:var(--muted);font-size:13px}nav{display:grid;grid-gap:8px;gap:8px}nav button{text-align:left;padding:12px 14px;border-radius:8px;background:transparent;color:var(--muted)}nav button.active,nav button:hover{background:var(--red-dark);color:var(--text)}.content{padding:28px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.topbar h1,.topbar p{margin:0}.topbar h1{margin-top:4px;font-size:30px}.actions{display:flex;gap:10px}.actionRow button,.actions button,.panelHead button{display:inline-flex;align-items:center;gap:8px;border-radius:8px;background:var(--panel-2);padding:11px 14px}.actionRow{display:flex;flex-wrap:wrap;gap:10px}.actionRow .dangerSoft{color:#f8a9b8}.actions .primary,.primary{background:var(--gold);color:#171000;font-weight:700}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:11px 14px}.message,.toast{margin:0 0 16px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--red-dark);color:var(--text)}.stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:14px;gap:14px}.panel,.stats article{border:1px solid var(--line);border-radius:8px;background:var(--panel)}.stats article{padding:18px;display:grid;grid-gap:10px;gap:10px}.panelHead svg,.stats svg{color:var(--gold)}.stats strong{font-size:27px}.grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);grid-gap:18px}.dashboardGrid,.grid{display:grid;gap:18px;margin-top:18px}.dashboardGrid{grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px}.stack{display:grid;align-content:start;grid-gap:18px;gap:18px}.panel{padding:18px}.panelHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panelHead h2{margin:0;font-size:18px}.panelHead span{color:var(--muted);font-size:13px}.miniActions,.miniActions button,.rowActions{display:inline-flex;align-items:center;gap:8px}.miniActions button{justify-content:center}.formPanel{align-self:start}.formGrid{display:grid;grid-gap:12px;gap:12px}.dataPanel{min-width:0}.tableTools{margin-bottom:12px}.tableTools input{max-width:360px}.tableWrap{overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{padding:14px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:14px;vertical-align:top}th{color:var(--muted)}.pill{min-width:68px;border-radius:999px;padding:5px 9px;color:var(--green);background:rgba(124,224,162,.1)}.pill,.statusBadge{display:inline-flex;justify-content:center;font-size:12px}.statusBadge{min-width:54px;border-radius:8px;padding:5px 8px;background:rgba(212,175,55,.12);color:var(--gold);font-weight:700}.statusBadge.ok{background:rgba(124,224,162,.12);color:var(--green)}.statusBadge.danger{background:rgba(255,141,141,.12);color:#ff8d8d}.statusBadge.mutedBadge{background:rgba(255,255,255,.07);color:var(--muted)}.statusBadge.warn{background:rgba(212,175,55,.12);color:var(--gold)}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:12px}.pagination button{border-radius:8px;background:var(--panel-2);padding:8px 10px}.pagination button:disabled{cursor:default;opacity:.45}.pagination span{color:var(--muted);font-size:13px}.iconButton{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:8px;background:var(--panel-2);color:var(--gold)}.iconButton.danger{color:#ff8d8d}.endpointList{display:grid;grid-gap:10px;gap:10px}code{display:block;overflow-wrap:anywhere;border-radius:8px;background:var(--input);border:1px solid var(--line);padding:11px;color:var(--gold)}.notice{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:12px;border-radius:8px;background:var(--red-dark);color:var(--text);font-size:14px}.notice svg{flex:0 0 auto;color:var(--gold)}.muted{margin:0;color:var(--muted);font-size:14px}.importResult{display:grid;grid-gap:10px;gap:10px}.importResult span{color:var(--muted);font-size:14px}.previewList{display:grid;grid-gap:8px;gap:8px;margin-top:8px}.previewList div{display:grid;grid-template-columns:64px 1fr;grid-gap:10px;gap:10px;padding:10px;border-radius:8px;background:var(--panel-2)}.previewList b{color:var(--gold)}.previewList em{grid-column:2;color:var(--muted);font-size:12px;font-style:normal}.previewList .checkStatus.ok{color:#68d391}.previewList .checkStatus.error,.previewList .checkStatus.timeout{color:#f8a9b8}.qualityPanel{align-self:stretch}.qualityRows{display:grid;grid-gap:12px;gap:12px}.qualityRow{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,1.2fr) 58px;align-items:center;grid-gap:12px;gap:12px;padding:10px;border-radius:8px;background:var(--panel-2)}.qualityRow span,.qualityRow strong{display:block}.qualityRow span{margin-top:3px;color:var(--muted);font-size:12px}.qualityMeter{height:8px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}.qualityMeter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--red),var(--gold))}.qualityRow b{justify-self:end;font-size:12px}.qualityRow b.ok{color:var(--green)}.qualityRow b.warn{color:#f8a9b8}.checkPanel{display:grid;grid-gap:10px;gap:10px}.checkPanel>strong{color:var(--text);font-size:14px}.checkList{max-height:210px;overflow:auto;display:grid;grid-gap:6px;gap:6px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--input)}.checkRow{display:grid;grid-template-columns:18px 1fr;align-items:center;grid-gap:9px;gap:9px;color:var(--text)}.checkRow input{width:16px;height:16px;padding:0}.rankPanel{min-width:0}.rankList{display:grid;grid-gap:12px;gap:12px}.rankRow{position:relative;display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px;overflow:hidden;padding:10px;border-radius:8px;background:var(--input)}.rankRow span,.rankRow strong{position:relative;z-index:1}.rankRow span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rankRow i{position:absolute;inset:auto auto 0 0;height:3px;background:var(--gold)}.barChart{height:190px;display:flex;align-items:flex-end;gap:8px}.barItem{flex:1 1;height:100%;display:grid;grid-template-rows:1fr auto;grid-gap:8px;gap:8px;align-items:end;min-width:18px}.barItem strong{width:100%;display:block;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--gold),var(--red))}.barItem span{color:var(--muted);font-size:11px;text-align:center}.brandPreview{min-height:360px;display:grid;align-content:space-between;grid-gap:32px;gap:32px;padding:22px;border:1px solid var(--line);border-radius:8px;background-color:var(--preview-bg);background-position:50%;background-size:cover;color:var(--preview-text)}.brandPreview .mark{background:var(--preview-primary);color:var(--preview-accent)}.previewTop{display:flex;align-items:center;gap:12px}.previewTop span,.previewTop strong{display:block}.previewHero p,.previewTop span{color:rgba(255,255,255,.72)}.previewHero{display:grid;grid-gap:10px;gap:10px;max-width:440px}.previewHero h2,.previewHero p{margin:0}.previewHero h2{font-size:34px}.previewHero button{width:-moz-fit-content;width:fit-content;border-radius:8px;background:var(--preview-accent);color:#171000;padding:11px 18px;font-weight:800}@media (max-width:900px){.dashboardGrid,.grid,.shell,.stats{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.actions,.topbar{align-items:stretch;flex-direction:column}}html[data-theme=light]{--bg:#F8FAFC;--panel:#ffffff;--panel-2:#e8eef6;--text:#0f172a;--muted:#5b6472;--red:#00AEEF;--red-dark:#d8eefb;--gold:#a16207;--green:#1e7d46;--line:rgba(15,23,42,0.12);--input:#f1f5f9}