:root{--night:#0b1822;--night2:#102330;--line:#314b59;--paper:#eff1ed;--white:#fff;--text:#15232c;--muted:#6d7f89;--gold:#d4ae6c;--blue:#88adc1;--green:#5f8b7b;--red:#b96768;--hair:#d8e0e0;--hair2:#c8d3d5;--shadow:0 16px 50px rgba(11,24,34,.08)}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--paper);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.loginHead,.topbar{background:var(--night);border-bottom:1px solid var(--line);color:#fff}.loginHead{height:82px;display:flex;align-items:center}.loginHeadInner,.topbarInner{width:min(1600px,calc(100% - 42px));margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.logoMark{width:39px;height:39px;position:relative;border:1.5px solid #9CB5C4;border-radius:50%;display:block}.logoMark:before,.logoMark:after{content:"";position:absolute;display:block;border-radius:50%}.logoMark:before{width:7px;height:7px;background:var(--gold);right:2px;bottom:7px;box-shadow:-21px 3px 0 #718897,-10px -19px 0 #c6d7e0}.logoMark:after{left:8px;top:10px;width:24px;height:18px;border-left:1px solid #8EA7B6;border-bottom:1px solid var(--gold);transform:rotate(-10deg);border-radius:0}.brandName{display:block;font-weight:800;letter-spacing:.08em;font-size:17px}.brandName b{color:#f1d397}.brandSub{display:block;margin-top:5px;color:#aab9c2;font:10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;text-transform:uppercase}.loginMain{width:min(1180px,calc(100% - 40px));min-height:calc(100vh - 82px);margin:auto;display:grid;place-items:center;padding:58px 0}.loginCard{width:min(430px,100%);background:#fff;border:1px solid #cfd8d9;border-top:4px solid var(--night2);padding:34px;box-shadow:var(--shadow)}.eyebrow{font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;text-transform:uppercase;color:#718897}.loginCard h1{font-size:31px;letter-spacing:-.04em;margin:11px 0 8px}.loginCard p{color:var(--muted);font-size:13px;line-height:1.6}.field{display:block;margin-top:14px}.field span{display:block;font-size:11px;font-weight:700;color:#314b59;margin-bottom:7px}.field input{width:100%;height:46px;border:1px solid #bdc9cd;padding:0 13px;font-size:14px;outline:0}.field input:focus,.heroSearch input:focus,.miniInput:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(136,173,193,.14)}.loginBtn{width:100%;height:46px;margin-top:18px;border:0;background:var(--night2);color:#fff;font-weight:800;cursor:pointer}.loginBtn:hover{background:#16313f}.fine{font-size:10px!important;color:#8a989e!important;margin-bottom:0!important}.error{padding:10px 12px;background:#faf1f1;border-left:3px solid var(--red);color:#7b4042;font-size:12px}
.topbar{height:68px;position:sticky;top:0;z-index:50}.topbarInner{height:100%}.topTools{display:flex;align-items:center;gap:10px;color:#aab9c2;font-size:11px}.liveDot{width:7px;height:7px;border-radius:50%;background:#6ea98f;box-shadow:0 0 0 4px rgba(110,169,143,.12)}.user{color:#fff;font-weight:700}.logout{color:#d7e0e4;text-decoration:none;border:1px solid #4e6b7b;padding:8px 10px;background:#102330}.shell{width:min(1700px,100%);margin:auto;display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 68px)}.sidebar{border-right:1px solid var(--hair);padding:24px 14px 30px;background:#e9eeeb;position:sticky;top:68px;height:calc(100vh - 68px);overflow:auto}.sidebar nav{display:grid;gap:5px}.navBtn{display:grid;grid-template-columns:32px 1fr;align-items:center;text-align:left;width:100%;border:1px solid transparent;background:transparent;padding:11px 10px;color:#52636c;font-weight:750;cursor:pointer}.navBtn span{font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#82939c}.navBtn:hover,.navBtn.active{background:#fff;border-color:#cbd6d9;color:#102330}.navBtn.active span{color:var(--gold)}.sideNote{margin-top:24px;padding:14px;border-top:3px solid var(--gold);background:#fff;border-left:1px solid var(--hair);border-right:1px solid var(--hair);border-bottom:1px solid var(--hair)}.sideNote b{display:block;font-size:11px;color:#102330}.sideNote span{display:block;margin-top:6px;font-size:10px;line-height:1.55;color:#718897}.main{padding:34px 36px 70px;min-width:0}.hero{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:24px}.hero h1{font-size:34px;letter-spacing:-.045em;margin:7px 0 4px}.hero p{margin:0;color:var(--muted);font-size:12px;line-height:1.55;max-width:760px}.heroSearch{display:flex;min-width:min(520px,46vw);height:43px}.heroSearch input,.miniInput{border:1px solid #bdc9cd;background:#fff;padding:0 13px;outline:0;color:#15232c}.heroSearch input{flex:1;min-width:0}.heroSearch button,.primaryBtn,.softBtn{border:0;background:var(--night2);color:#fff;font-weight:800;padding:0 16px;cursor:pointer}.softBtn{background:#fff;color:#102330;border:1px solid #aebec4;height:36px}.softBtn:hover{background:#f6f8f7}.gridStats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px}.stat{background:#fff;border:1px solid var(--hair2);border-top:3px solid #102330;padding:14px 14px 13px;min-width:0}.stat.gold{border-top-color:var(--gold)}.stat.green{border-top-color:var(--green)}.stat.red{border-top-color:var(--red)}.statLabel{font:700 8px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.1em;color:#718897}.statValue{margin-top:8px;font-size:24px;font-weight:800;letter-spacing:-.04em;color:#102330}.statSub{margin-top:5px;font-size:9px;color:#87949a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panelGrid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px;margin-top:16px}.panel{background:#fff;border:1px solid var(--hair2);min-width:0}.panelHead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:16px 17px;border-bottom:1px solid #e0e6e6}.panelHead h2{margin:0;color:#102330;font-size:16px;letter-spacing:-.025em}.panelHead p{margin:5px 0 0;color:#718897;font-size:10px;line-height:1.5}.panelBody{padding:15px 17px}.tableWrap{overflow:auto}.dataTable{width:100%;border-collapse:collapse;font-size:10px}.dataTable th{text-align:left;padding:9px 8px;color:#718897;font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid #dfe5e5;white-space:nowrap}.dataTable td{padding:9px 8px;border-bottom:1px solid #edf0ef;vertical-align:top;color:#344a55}.dataTable tr:last-child td{border-bottom:0}.dataTable tr.clickable{cursor:pointer}.dataTable tr.clickable:hover{background:#f7f8f6}.domainLink{font-weight:800;color:#102330;text-decoration:none}.muted{color:#859399}.badge{display:inline-flex;align-items:center;min-height:21px;padding:2px 6px;border:1px solid #ccd7d9;background:#f7f9f8;color:#52636c;font-size:8px;font-weight:750;white-space:nowrap}.badge.ok{border-color:#b9d1c8;background:#eff6f3;color:#456b5e}.badge.warn{border-color:#e0cda5;background:#fbf7ed;color:#806942}.badge.bad{border-color:#dfc0c1;background:#fbf1f1;color:#8b5052}.badge.dark{background:#102330;color:#fff;border-color:#102330}.bars{height:150px;display:flex;align-items:end;gap:4px;padding-top:10px}.barCol{flex:1;min-width:4px;display:flex;flex-direction:column;justify-content:end;height:100%;position:relative}.bar{background:#88adc1;min-height:2px}.barFail{background:#b96768;position:absolute;bottom:0;left:0;right:0}.barLabel{font-size:7px;color:#89969c;transform:rotate(-45deg);transform-origin:left top;white-space:nowrap;margin-top:5px;display:none}.searchBox,.filterRow{display:flex;gap:8px;align-items:center}.searchBox .miniInput{height:42px;flex:1}.primaryBtn{height:42px}.resultsGrid{display:grid;gap:10px}.resultCard{background:#fff;border:1px solid var(--hair2);padding:14px 15px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;cursor:pointer}.resultCard:hover{border-color:#9fb3bb;box-shadow:0 8px 30px rgba(11,24,34,.05)}.resultKind{font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;text-transform:uppercase;color:#718897}.resultCard h3{font-size:14px;margin:6px 0 5px;color:#102330}.resultValue{font-size:10px;color:#52636c;line-height:1.55;overflow-wrap:anywhere;max-height:48px;overflow:hidden}.resultMeta{text-align:right;color:#87949a;font-size:9px}.twoCol{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.55fr);gap:16px}.domainHero{background:#102330;color:#fff;border:1px solid #102330;padding:20px;display:grid;grid-template-columns:1fr auto;gap:18px;margin-bottom:16px}.domainHero .eyebrow{color:#9cb5c4}.domainHero h2{font-size:27px;margin:7px 0 6px;letter-spacing:-.04em}.domainHero p{margin:0;color:#b8c5ca;font-size:11px}.domainHeroActions{display:flex;gap:8px;align-items:start}.domainHeroActions a{color:#102330;background:#fff;text-decoration:none;padding:9px 11px;font-size:10px;font-weight:800}.shots{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shot{border:1px solid var(--hair2);background:#f3f5f3}.shotHead{padding:9px 10px;font-size:9px;font-weight:800;color:#52636c;text-transform:uppercase;letter-spacing:.08em}.shot img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top;border-top:1px solid var(--hair2)}.kv{display:grid;grid-template-columns:160px minmax(0,1fr);gap:0;border-top:1px solid #e2e7e7}.kv div{padding:8px 9px;border-bottom:1px solid #e8ecec;font-size:10px}.kv div:nth-child(odd){color:#718897;background:#fafbf9}.kv div:nth-child(even){color:#314b59;overflow-wrap:anywhere}.sectionGap{margin-top:16px}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;overflow-wrap:anywhere}.pillRow{display:flex;gap:5px;flex-wrap:wrap}.empty{padding:28px;text-align:center;color:#829098;font-size:11px}.loading{padding:50px;text-align:center;color:#718897}.errorPanel{background:#fff3f3;border:1px solid #dfc0c1;border-left:4px solid var(--red);padding:14px;color:#7b4042;font-size:11px}.reverseSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.clusterCard{background:#fff;border:1px solid var(--hair2);padding:14px;cursor:pointer}.clusterCard:hover{border-color:#9fb3bb}.clusterCard h3{margin:0 0 6px;font-size:14px;color:#102330}.clusterMeta{display:flex;gap:6px;flex-wrap:wrap}.clusterGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.jsonPre{background:#0f1c25;color:#c7d7df;padding:12px;white-space:pre-wrap;overflow:auto;max-height:330px;font:9px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.miniInput{height:36px;min-width:220px}.refreshTag{font-size:9px;color:#718897}.spacer8{height:8px}
@media(max-width:1280px){.gridStats{grid-template-columns:repeat(3,1fr)}.panelGrid,.twoCol{grid-template-columns:1fr}.clusterGrid{grid-template-columns:repeat(2,1fr)}.hero{align-items:stretch;flex-direction:column}.heroSearch{min-width:0;width:100%}}
@media(max-width:820px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--hair);padding:10px}.sidebar nav{grid-template-columns:repeat(3,1fr)}.navBtn{grid-template-columns:24px 1fr;padding:9px 7px;font-size:10px}.sideNote{display:none}.main{padding:22px 14px 50px}.gridStats{grid-template-columns:repeat(2,1fr)}.clusterGrid,.shots,.reverseSummary{grid-template-columns:1fr}.topbarInner{width:calc(100% - 22px)}.brandSub,.topTools #dbState{display:none}.domainHero{grid-template-columns:1fr}.domainHeroActions{justify-content:flex-start}.kv{grid-template-columns:115px 1fr}}