@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-bg:#f3f5f7;--color-surface:#fff;--color-border:#dfe3e8;--color-text:#17202a;--color-muted:#697586;--color-accent:#1769e0;--sidebar:248px;--details:280px;font-family:Inter,Arial,sans-serif;color:var(--color-text);background:var(--color-bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:1180px;background:var(--color-bg)}button,input{font:inherit}.app{height:100vh;display:flex;flex-direction:column}.topbar{height:62px;background:#111923;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #29323d}.brand,.brand>div:last-child,.card-heading,.card-heading>div:last-child,.dataset-top,.dataset-top>div:last-child,.detail-hero,.detail-hero>div{display:flex}.brand{align-items:center;gap:10px}.brand>div:last-child,.card-heading>div:last-child,.dataset-top>div:last-child,.detail-hero>div{flex-direction:column;gap:2px}.brand strong{font-size:14px}.brand span{font-size:10px;color:#9ca8b7;text-transform:uppercase;letter-spacing:.08em}.brand-icon{width:32px;height:32px;border-radius:6px;background:#1769e0;display:grid;place-items:center}.mode-badge{font-size:11px;color:#cbd3dd;border:1px solid #35404d;border-radius:16px;padding:6px 10px;display:flex;gap:7px;align-items:center}.live-dot{width:7px;height:7px;border-radius:50%;background:#5ac889}.live-dot.dual{background:#61a4ff}.layout{display:grid;grid-template-columns:var(--sidebar) minmax(650px,1fr) var(--details);flex:1;min-height:0}.sidebar,.details{background:var(--color-surface);overflow:auto}.sidebar{border-right:1px solid var(--color-border);padding:16px}.details{border-left:1px solid var(--color-border)}.panel-title{height:45px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);padding:0 16px}.sidebar>.panel-title{height:30px;padding:0;border:0}.local-chip{font-size:8px;color:#4d7b5a;background:#e9f6ec;padding:3px 5px;border-radius:3px}.dropzone{margin:10px 0 14px;padding:14px 10px;border:1px dashed #aab4c0;background:#f8fafc;border-radius:6px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;cursor:pointer;color:var(--color-accent)}.dropzone input{display:none}.dropzone strong{font-size:11px}.dropzone span{font-size:9px;color:var(--color-muted);line-height:1.5}.dataset-row{border:1px solid var(--color-border);border-radius:5px;padding:10px;margin-bottom:8px}.dataset-row.loaded{border-left:3px solid #3ba46a}.dataset-top{gap:8px;align-items:center;margin-bottom:8px}.dataset-top strong{font-size:11px}.dataset-top span{font-size:9px;color:var(--color-muted)}.server-icon{width:28px;height:28px;border-radius:5px;display:grid;place-items:center}.server-icon.indj_cn{background:#fff0e9;color:#c55326}.server-icon.indj_nz{background:#eaf3ff;color:#2671c5}.status-pill{font-size:8px;color:var(--color-muted);background:#f0f2f4;border-radius:9px;padding:3px 6px;display:inline-flex;align-items:center;gap:3px}.status-pill.complete{background:#eaf7ef;color:#25804b}.text-button{border:0;background:none;color:var(--color-accent);font-size:9px;font-weight:600;float:right;cursor:pointer;padding:3px}.sidebar-section{border-top:1px solid var(--color-border);margin-top:14px;padding-top:14px}.section-label{display:block;text-transform:uppercase;font-size:9px;letter-spacing:.08em;font-weight:700;margin-bottom:7px;color:#4d5968}.search-box{display:flex;align-items:center;gap:6px;border:1px solid var(--color-border);border-radius:4px;padding:7px 8px;color:var(--color-muted)}.search-box input{min-width:0;border:0;outline:0;font-size:10px;flex:1}.search-box button,.alert button{border:0;background:none;padding:0;display:grid;cursor:pointer}.filter-list{display:flex;flex-direction:column;gap:2px}.filter-list button{border:0;background:none;text-align:left;font-size:10px;padding:6px 8px;border-radius:3px;color:#526071;cursor:pointer}.filter-list button.active{background:#eaf2ff;color:var(--color-accent);font-weight:600}.privacy-note{position:sticky;top:calc(100% - 40px);margin-top:20px;background:#f3f8f5;color:#587363;padding:8px;border-radius:4px;font-size:8px;display:flex;gap:6px;line-height:1.4}.content{padding:18px 20px;overflow:auto}.content-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.content-heading h1{font-size:20px;margin:3px 0}.content-heading p{font-size:10px;color:var(--color-muted);margin:0}.eyebrow{font-size:8px;text-transform:uppercase;letter-spacing:.11em;font-weight:700;color:var(--color-accent)}.server-switch{background:#e7ebef;padding:2px;border-radius:5px;display:flex}.server-switch button{border:0;background:none;font-size:9px;padding:6px 9px;border-radius:4px;color:#607080;cursor:pointer}.server-switch button.active{background:#fff;color:#1d2a37;box-shadow:0 1px 2px #b8c0c8}.dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin-bottom:12px}.dashboard-card{background:#fff;border:1px solid var(--color-border);border-radius:5px;padding:11px}.card-heading{gap:8px;align-items:center;margin-bottom:10px}.card-heading strong{font-size:10px}.card-heading span{font-size:8px;color:var(--color-muted)}.server-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.server-dot.indj_cn{background:#dc6d43}.server-dot.indj_nz{background:#377fd0}.compare-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:5px;color:#764ac7;background:#f0eafb;font-weight:700}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid #eef0f2;padding-top:9px}.metric{display:flex;flex-direction:column;gap:2px}.metric span{font-size:7px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted)}.metric strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-wrap{background:#fff;border:1px solid var(--color-border);border-radius:5px;overflow:hidden}.tree-header,.tree-row{display:grid;grid-template-columns:minmax(250px,1fr) 170px 140px 70px;align-items:center}.tree-header{height:30px;border-bottom:1px solid var(--color-border);background:#f8f9fa;padding:0 10px;font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:#6e7986;font-weight:700}.tree-scroll{height:calc(100vh - 327px);min-height:300px;overflow:auto}.tree-row{position:absolute;left:0;right:0;height:38px;border:0;border-bottom:1px solid #eef0f2;background:#fff;padding:0 10px;text-align:left;font-size:9px;color:#4f5b69;cursor:pointer}.tree-row:hover{background:#f6f9fd}.tree-row.selected{background:#eaf2ff}.name-cell{display:flex;align-items:center;gap:6px;min-width:0;color:#364250}.row-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#283440;font-weight:500}.chevron{width:14px;height:16px;display:grid;place-items:center;color:#657383}.source-cell{display:flex;align-items:center;gap:5px}.tree-footer{height:27px;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;padding:0 10px;color:var(--color-muted);font-size:8px;background:#fafbfc}.diff-tag{font-size:7px;text-transform:uppercase;letter-spacing:.03em;border-radius:3px;padding:2px 4px;background:#f0f2f4;color:#66717e;white-space:nowrap}.diff-tag.only_cn,.diff-tag.only_nz{background:#fff0e5;color:#a75222}.diff-tag.different_size,.diff-tag.different_date,.diff-tag.folder_difference{background:#fff7d9;color:#856711}.diff-tag.matched{background:#e9f7ee;color:#287d49}.details .panel-title{padding:0 14px}.type-chip{font-size:7px;background:#edf1f5;color:#627080;padding:3px 5px;border-radius:3px}.empty-details,.empty-main{display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--color-muted)}.empty-details{padding:80px 30px;gap:7px}.empty-details strong{font-size:11px;color:#475463}.empty-details span{font-size:9px;line-height:1.5}.detail-body{padding:14px}.detail-hero{align-items:center;gap:9px;border-bottom:1px solid var(--color-border);padding-bottom:13px}.detail-hero svg{color:#d39a2f}.detail-hero strong{font-size:11px;word-break:break-all}.detail-hero span{font-size:8px;color:var(--color-muted)}.detail-group{margin-top:15px}.detail-group label{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:#788391;margin-bottom:7px}.path-box{font-family:monospace;background:#f5f7f9;border:1px solid #e5e8eb;border-radius:4px;padding:8px;font-size:8px;line-height:1.5;word-break:break-all}.property{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #eef0f2;font-size:9px}.property span{color:var(--color-muted)}.tag-list{display:flex;flex-wrap:wrap;gap:4px}.empty-main{background:#fff;border:1px solid var(--color-border);border-radius:6px;padding:80px 20px}.empty-main h2{font-size:16px;color:#283440;margin:12px 0 4px}.empty-main p{font-size:10px;max-width:380px;line-height:1.5}.empty-icon{width:56px;height:56px;border-radius:12px;background:#eef4fc;color:var(--color-accent);display:grid;place-items:center}.sample-actions{display:flex;gap:6px;margin-top:10px}.sample-actions button{font-size:9px;border:1px solid var(--color-border);background:#fff;border-radius:4px;padding:7px 10px;cursor:pointer}.progress-panel,.alert,.warning{background:#fff;border:1px solid var(--color-border);border-radius:5px;padding:10px;margin-bottom:10px}.progress-title,.progress-meta{display:flex;justify-content:space-between;font-size:9px}.progress-track{height:4px;background:#e9edf1;border-radius:3px;margin:8px 0;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--color-accent)}.progress-meta{font-size:7px;color:var(--color-muted)}.alert,.warning{display:flex;align-items:center;gap:7px;font-size:9px}.alert{border-color:#efc3bd;background:#fff6f4;color:#9c3f33}.alert span{flex:1}.warning{background:#fff9e8;border-color:#eee0b7;color:#765f22}:root{--sidebar: 220px;--details: 240px}body{min-width:900px}.topbar{height:48px;padding:0 16px}.brand{gap:8px}.brand-icon{width:28px;height:28px;border-radius:5px}.brand strong{font-size:13px}.brand span{font-size:8px}.mode-badge{font-size:10px;padding:5px 9px}.layout{grid-template-columns:var(--sidebar) minmax(440px,1fr) var(--details)}.sidebar{padding:15px}.panel-title{height:42px;font-size:12px}.local-chip,.status-pill{font-size:9px}.dropzone strong,.dataset-top strong{font-size:12px}.dropzone span,.dataset-top span,.text-button,.section-label{font-size:10px}.search-box input,.filter-list button{font-size:11px}.privacy-note{font-size:9px}.content{padding:14px}.content-heading{margin-bottom:12px}.content-heading p{font-size:11px}.eyebrow{font-size:9px}.server-switch button{font-size:10px}.card-heading strong{font-size:11px}.card-heading span{font-size:9px}.metric span{font-size:8px}.metric strong{font-size:12px}.tree-header{font-size:9px}.tree-header,.tree-row{grid-template-columns:minmax(190px,1fr) 130px 120px 54px}.tree-row{font-size:10px}.tree-footer{font-size:9px}.diff-tag,.type-chip{font-size:8px}.empty-details strong,.detail-hero strong{font-size:12px}.empty-details span,.detail-hero span,.detail-group label,.path-box{font-size:9px}.property{font-size:10px}.empty-main p,.sample-actions button{font-size:11px}.progress-title,.alert,.warning{font-size:10px}.progress-meta{font-size:8px}.tree-scroll{height:calc(100vh - 313px)}