:root{color:#1e293b;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}.app-shell{min-height:100vh}.topbar{color:#fff;background:#102a43;justify-content:space-between;align-items:center;height:72px;padding:0 max(24px,50% - 590px);display:flex;box-shadow:0 1px 1px #0f172a1f}.brand{color:inherit;letter-spacing:-.01em;align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand-mark{background:#2f80ed;border-radius:8px;place-items:center;width:36px;height:36px;font-size:21px;font-weight:800;display:grid}.brand span:last-child{line-height:1.1;display:grid}.brand small{color:#b8cae0;letter-spacing:.04em;text-transform:uppercase;margin-top:3px;font-size:11px}.connection{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.connection-dot{background:#f7b84b;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #f7b84b29}.connection.connected .connection-dot{background:#55c58a;box-shadow:0 0 0 3px #55c58a29}.connection.disconnected{color:#ffd0d0}.content{max-width:1060px;margin:0 auto;padding:52px 24px 72px}.page-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:34px;display:flex}.eyebrow{color:#3175c6;letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;font-size:12px;font-weight:800}.page-heading h1{letter-spacing:-.035em;color:#14263b;margin:0 0 10px;font-size:32px;line-height:1.18}.page-heading p:not(.eyebrow){color:#65758a;margin:0}.stepper{background:#fff;border:1px solid #dde5ee;border-radius:10px;grid-template-columns:repeat(5,1fr);margin-bottom:26px;display:grid;overflow:hidden}.stepper button{appearance:none;color:#7a899a;background:0 0;border:0;border-right:1px solid #e6ebf1;justify-content:center;align-items:center;gap:8px;padding:14px 8px;font-size:13px;display:flex}.stepper button:last-child{border:0}.stepper button span{border:1px solid #cbd6e2;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid}.stepper button.current{color:#1c5ca3;background:#edf5ff;font-weight:700}.stepper button.current span{color:#fff;background:#2875c7;border-color:#2875c7}.stepper button.complete{color:#246b4e}.stepper button.complete span{color:#1d8259;background:#e1f5e9;border-color:#b8e5ca}.stepper button:disabled{opacity:.56}.panel{background:#fff;border:1px solid #dde5ee;border-radius:12px;padding:32px;box-shadow:0 6px 16px #0f27400a}.panel-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.panel h2{color:#162b42;letter-spacing:-.02em;margin:0;font-size:22px}.panel-heading p{color:#6b7b8f;margin:7px 0 0;font-size:14px}.count-badge{color:#1e62ab;white-space:nowrap;background:#edf4fd;border-radius:20px;padding:6px 10px;font-size:12px;font-weight:700}.dropzone{text-align:center;background:#f8fbff;border:2px dashed #b8c9db;border-radius:10px;outline:none;flex-direction:column;justify-content:center;align-items:center;min-height:248px;padding:28px;transition:all .18s;display:flex}.dropzone:hover,.dropzone:focus-visible,.dropzone.dragging{background:#eff7ff;border-color:#2875c7}.dropzone.has-file{background:#f6fcf8;border-style:solid;border-color:#8bc6a9}.upload-icon{color:#2b75c2;background:#e5f0fd;border-radius:50%;place-items:center;width:46px;height:46px;margin-bottom:12px;font-size:28px;line-height:1;display:grid}.dropzone strong{color:#1b344e}.dropzone p{color:#68798d;margin:7px 0;font-size:14px}.file-hint{color:#8a99aa;font-size:12px}.link-button{color:#2165ae;background:0 0;border:0;padding:4px;font-size:13px;text-decoration:underline}.error-message{color:#a33232;background:#fff1f1;border:1px solid #f4c8c8;border-radius:7px;margin:16px 0 0;padding:12px 14px;font-size:14px}.success-note{color:#245e42;background:#f2fbf6;border-left:3px solid #55b985;align-items:flex-start;gap:10px;margin-top:16px;padding:13px 14px;display:flex}.success-note span{font-weight:800}.success-note strong,.success-note p{font-size:13px}.success-note p{color:#4b735f;margin:3px 0 0}.panel-actions{color:#798899;border-top:1px solid #e9eef4;justify-content:space-between;align-items:center;gap:14px;margin-top:28px;padding-top:20px;font-size:12px;display:flex}.button{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;padding:10px 15px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.button.primary{color:#fff;background:#2875c7;box-shadow:0 1px 2px #13569933}.button.primary:hover:not(:disabled){background:#1f65af}.button.secondary{color:#35536f;background:#fff;border-color:#cbd7e4}.button.secondary:hover:not(:disabled){background:#f5f8fb}.button.danger{color:#fff;background:#bd3c3c}.button:disabled{opacity:.56}.form-grid{gap:22px;max-width:700px;display:grid}.form-grid label:not(.radio-card){color:#2c4258;gap:8px;font-size:14px;font-weight:700;display:grid}.form-grid input,.form-grid select{color:#20374f;background:#fff;border:1px solid #bdcad8;border-radius:7px;outline:none;min-height:43px;padding:0 12px}.form-grid input:focus,.form-grid select:focus{border-color:#2d76c2;box-shadow:0 0 0 3px #e2f0ff}.form-grid small{color:#768699;font-weight:400}.book-mode{border:0;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;display:grid}.book-mode legend{color:#2c4258;margin-bottom:8px;font-size:14px;font-weight:700}.radio-card{cursor:pointer;border:1px solid #cad6e2;border-radius:8px;gap:10px;padding:14px;display:flex}.radio-card:has(input:checked){background:#f4f9ff;border-color:#2e77c3}.radio-card input{accent-color:#2875c7;margin-top:3px}.radio-card span{gap:4px;display:grid}.radio-card strong{color:#223b55;font-size:14px}.radio-card small{color:#728196;font-size:12px}.feature-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding:14px 16px;display:flex}.feature-card strong{color:#2a4057;font-size:14px}.feature-card p{color:#788799;margin:3px 0 0;font-size:13px}.feature-badge{color:#7b8794;letter-spacing:.06em;background:#e9eef3;border-radius:20px;padding:5px 8px;font-size:10px;font-weight:800}.feature-badge.enabled{color:#23764d;background:#dff6e8}.structure-book{color:#284663;background:#eff6ff;border:1px solid #d6e8fc;border-radius:8px;align-items:center;gap:12px;padding:13px 15px;display:flex}.structure-book>span{font-size:21px}.structure-book div{gap:2px;display:grid}.structure-book small{color:#718399;font-size:12px}.structure-list{border:1px solid #e0e7ef;border-radius:8px;max-height:425px;margin:14px 0 0;padding:0;list-style:none;overflow:hidden auto}.structure-list li{border-bottom:1px solid #e9eef4;align-items:center;gap:12px;padding:12px 14px;display:flex}.structure-list li:last-child{border:0}.structure-list li>span{color:#2d9a68;font-weight:800}.structure-list li div{gap:3px;display:grid}.structure-list strong{color:#304962;font-size:14px}.structure-list small{color:#8391a1;font-size:12px}.empty-state{color:#758499;text-align:center;padding:25px}.summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px;display:grid}.summary-card{border:1px solid #e0e7ee;border-radius:8px;gap:2px;padding:14px;display:grid}.summary-card strong{color:#1d3248;font-size:25px}.summary-card span{color:#728296;font-size:12px}.summary-card.new{border-top:3px solid #2ca36d}.summary-card.update{border-top:3px solid #e5a52c}.summary-card.unchanged{border-top:3px solid #91a0b1}.summary-card.orphaned{border-top:3px solid #d75b5b}.changes-list{border:1px solid #e0e7ef;border-radius:8px;overflow:hidden}.change-row{border-bottom:1px solid #e7edf3;align-items:center;gap:14px;min-height:68px;padding:11px 14px;display:flex}.change-row:last-child{border:0}.change-main{flex:1;gap:4px;display:grid}.change-main strong{color:#2c445c;font-size:14px}.change-main small{color:#788899;font-size:12px}.status-badge{text-align:center;text-transform:uppercase;border-radius:30px;min-width:88px;padding:5px 8px;font-size:10px;font-weight:800}.status-badge.new{color:#197348;background:#e0f5e9}.status-badge.update{color:#976112;background:#fff1d4}.status-badge.unchanged{color:#607285;background:#edf1f5}.status-badge.orphaned{color:#a43333;background:#fce5e5}.modal-backdrop{z-index:10;background:#11233587;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:11px;width:min(760px,100%);max-height:min(700px,100vh - 40px);padding:25px;overflow:auto;box-shadow:0 22px 55px #00000040}.modal header{justify-content:space-between;gap:18px;margin-bottom:18px;display:flex}.modal h2{font-size:21px}.icon-button{color:#405870;background:#eff3f7;border:0;border-radius:50%;width:32px;height:32px;font-size:22px}.diff-content{color:#e9f0f6;background:#172436;border-radius:7px;margin:0;padding:14px;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.diff-line{white-space:pre-wrap;display:block}.diff-line.added{color:#b7f7cf;background:#173e30}.diff-line.removed{color:#ffd4d4;background:#4a2529}.diff-columns{grid-template-columns:1fr 1fr;gap:12px;display:grid}.diff-columns section{min-width:0}.diff-columns h4{color:#455b71;background:#edf2f7;margin:0;padding:9px 12px;font-size:13px}.diff-columns pre{white-space:pre-wrap;color:#374b60;background:#fafbfd;border:1px solid #e3eaf1;max-height:430px;margin:0;padding:12px;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.confirmation-modal{max-width:520px}.confirmation-modal>p{color:#63748a;line-height:1.55}.confirmation-stats{grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0;display:grid}.confirmation-stats div{background:#f4f7fa;border-radius:7px;padding:12px}.confirmation-stats dt{color:#738398;font-size:12px}.confirmation-stats dd{color:#263f58;margin:2px 0 0;font-size:20px;font-weight:800}.warning{background:#fff8e5;padding:12px;font-size:13px;color:#7c5b13!important}.confirmation-modal footer{justify-content:flex-end;gap:10px;margin-top:23px;display:flex}.result-panel{text-align:center;max-width:680px;margin:0 auto}.result-panel h2{margin:7px 0 9px}.result-panel>p:not(.eyebrow){color:#6f7f91;margin:0}.result-icon{border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 14px;font-size:30px;font-weight:800;display:grid}.result-icon.success{color:#227a50;background:#e0f6e9}.result-icon.partial{color:#9b6a16;background:#fff2d8}.result-icon.failed{color:#ad3a3a;background:#fde3e3}.result-counts{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:25px;display:flex}.result-counts span{color:#67798c;background:#f1f5f9;border-radius:6px;padding:8px 10px;font-size:12px}.result-counts strong{color:#2e475e}.failure-list{text-align:left;color:#904040;background:#fff4f4;border:1px solid #f6d4d4;margin-top:17px;padding:8px 13px;font-size:13px}.failure-list p{margin:6px 0}.result-panel .panel-actions{justify-content:center}@media (width<=700px){.topbar{height:62px;padding:0 17px}.connection{font-size:11px}.content{padding:28px 15px 42px}.page-heading{margin-bottom:22px;display:block}.page-heading h1{font-size:26px}.page-heading .button{margin-top:15px}.stepper{grid-template-columns:repeat(5,minmax(100px,1fr));overflow:auto}.stepper button{flex-direction:column;gap:4px;padding:10px 4px;font-size:11px}.panel{padding:21px 16px}.panel-actions{flex-wrap:wrap;align-items:stretch}.panel-actions>span{width:100%}.panel-actions .button{flex:1}.book-mode,.summary-grid{grid-template-columns:1fr}.feature-card{align-items:flex-start}.change-row{flex-wrap:wrap;align-items:flex-start}.change-main{min-width:calc(100% - 105px)}.change-row .link-button{margin-left:102px}.diff-columns{grid-template-columns:1fr}.modal{padding:20px 16px}.result-counts{grid-template-columns:1fr 1fr;display:grid}.result-panel .panel-actions .button{flex:auto}}