:root{--bg:#0f1115;--panel:#171a21;--panel2:#1c2029;--border:#2a2f3a;--txt:#e6e8ec;--mut:#8a92a0;--ok:#2ea043;--warn:#d29922;--eonly:#3b82f6;--conly:#a855f7;--edel:#f85149;--accent:#3b82f6}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--txt);margin:0;font:14px/1.5 system-ui,Segoe UI,sans-serif}a{color:inherit}button{font:inherit;cursor:pointer}.app{max-width:1240px;margin:0 auto;padding:0 20px 60px}header.top{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#0f1115eb;align-items:center;gap:16px;margin:0 -20px 22px;padding:14px 20px;display:flex;position:sticky;top:0}header.top h1{letter-spacing:.2px;margin:0;font-size:17px;font-weight:650}header.top .sub{color:var(--mut);font-size:12px}header.top .spacer{flex:1}.crumb{color:var(--mut);font-size:13px}.crumb b{color:var(--txt)}select,input[type=text]{background:var(--panel2);color:var(--txt);border:1px solid var(--border);border-radius:8px;outline:none;padding:8px 11px}input[type=text]:focus,select:focus{border-color:var(--accent)}.btn{background:var(--panel2);color:var(--txt);border:1px solid var(--border);border-radius:8px;padding:8px 14px}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.group-title{color:var(--mut);text-transform:uppercase;letter-spacing:.08em;margin:22px 0 10px;font-size:12px}.mcard{background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:12px;padding:16px;transition:transform 80ms,border-color .12s}.mcard:hover{border-color:var(--accent);transform:translateY(-2px)}.mcard .name{font-size:15px;font-weight:600}.mcard .total{color:var(--mut);margin-top:2px;font-size:12px}.bar{background:var(--panel2);border-radius:6px;height:8px;margin:14px 0 10px;display:flex;overflow:hidden}.bar span{display:block}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border-radius:20px;align-items:center;gap:5px;padding:2px 8px;font-size:11.5px;display:inline-flex}.chip .dot{border-radius:50%;width:8px;height:8px}.sync{font-size:22px;font-weight:700}.sync small{color:var(--mut);font-size:12px;font-weight:500}.seg-ok{background:var(--ok)}.seg-warn{background:var(--warn)}.seg-eonly{background:var(--eonly)}.seg-conly{background:var(--conly)}.seg-edel{background:var(--edel)}.chip.ok{color:#58c56f;background:#2ea04326}.chip.warn{color:#e3b341;background:#d2992229}.chip.eonly{color:#6ea8fe;background:#3b82f629}.chip.conly{color:#c491fb;background:#a855f729}.chip.edel{color:#ff7b72;background:#f8514929}.tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px;display:grid}.tile{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.tile .n{font-size:26px;font-weight:700}.tile .l{color:var(--mut);align-items:center;gap:6px;margin-top:2px;font-size:12px;display:flex}.tile.ok .n{color:#58c56f}.tile.warn .n{color:#e3b341}.tile.eonly .n{color:#6ea8fe}.tile.conly .n{color:#c491fb}.tile.edel .n{color:#ff7b72}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tab{background:var(--panel2);border:1px solid var(--border);color:var(--mut);border-radius:20px;padding:6px 13px;font-size:13px}.tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.toolbar .spacer{flex:1}.tbl-wrap{border:1px solid var(--border);background:var(--panel);border-radius:12px;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:10px 14px}th{background:var(--panel2);text-transform:uppercase;letter-spacing:.04em;color:var(--mut);font-size:11.5px;position:sticky;top:0}tr:last-child td{border-bottom:0}.mono{font-family:ui-monospace,Consolas,monospace;font-size:12.5px}.badge{white-space:nowrap;border-radius:20px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.badge.ok{color:#58c56f;background:#2ea04326}.badge.warn{color:#e3b341;background:#d2992229}.badge.eonly{color:#6ea8fe;background:#3b82f629}.badge.conly{color:#c491fb;background:#a855f729}.badge.edel{color:#ff7b72;background:#f8514929}tr.exp-row{cursor:pointer}tr.exp-row:hover td{background:var(--panel2)}.diff-tbl{border:1px solid var(--border);border-radius:8px;width:auto;margin:4px 0;overflow:hidden}.diff-tbl th,.diff-tbl td{padding:6px 12px;font-size:12.5px}.val-e{color:#6ea8fe}.val-c{color:#c491fb}.detailbox{background:var(--panel2)}.pager{color:var(--mut);justify-content:flex-end;align-items:center;gap:8px;margin-top:14px;font-size:13px;display:flex}.muted{color:var(--mut)}.center{text-align:center;color:var(--mut);padding:40px}.spin{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:1s linear infinite sp;display:inline-block}@keyframes sp{to{transform:rotate(360deg)}}