@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Arial,sans-serif;color:#172033;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{width:min(1480px,calc(100% - 32px));min-height:calc(100vh - 32px);margin:16px auto;background:#fff;border:1px solid #dce3ed;border-radius:18px;overflow:hidden;box-shadow:0 12px 40px #1a2c4912}header{height:78px;display:flex;align-items:center;gap:28px;padding:0 34px;border-bottom:1px solid #dfe6ef}.brand{color:#0d63ed;font-size:27px;font-weight:800;letter-spacing:-.8px}.brand span{color:#12213a}.header-divider{width:1px;height:30px;background:#dce3ed}header h1{margin:0;font-size:21px;letter-spacing:-.3px}main{display:grid;grid-template-columns:minmax(0,2fr) minmax(350px,.9fr);min-height:calc(100vh - 112px)}.workspace{padding:38px 44px 34px}.status-rail{padding:38px;border-left:1px solid #dfe6ef;background:#fbfcfe}.step-heading{display:flex;gap:18px;align-items:flex-start}.step-heading>span{flex:0 0 35px;height:35px;display:grid;place-items:center;color:#fff;background:#0f65ea;border-radius:50%;font-weight:700}.step-heading h2,.status-rail h2{margin:2px 0 7px;font-size:19px;letter-spacing:-.25px}.step-heading p{color:#657187;margin:0;font-size:14px}.formats{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin:28px 0 0 53px}.format{position:relative;min-height:126px;border:1px solid #d9e1eb;border-radius:10px;background:#fff;color:#172033;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;transition:.18s ease}.format:hover{border-color:#8db6f7;transform:translateY(-1px)}.format.selected{border:2px solid #1265e7;box-shadow:0 5px 16px #1265e71c}.format strong{font-size:13px}.radio{position:absolute;top:11px;left:11px;width:18px;height:18px;border:1.5px solid #aab4c2;border-radius:50%;display:grid;place-items:center}.selected .radio{border-color:#1265e7}.radio i{width:9px;height:9px;border-radius:50%;background:#1265e7}.partner-mark{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:19px;font-weight:800}.orange{background:#f06b18}.red{background:#e9292f}.blue{background:#1760ad}.green{background:#269953}.teal{background:#149a99}.pink{background:#e73e6d}.purple{background:#522185}.separator{height:1px;background:#dfe6ef;margin:38px 0 30px}.dropzone{margin:22px 0 0 53px;min-height:205px;border:1.5px dashed #4c8ff2;border-radius:11px;background:#f8fbff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#1362d9;transition:.2s}.dropzone.dragging{background:#edf5ff;border-color:#0d63ed;transform:scale(.998)}.dropzone input{display:none}.dropzone strong{color:#1a2940;font-size:15px}.dropzone>span{color:#7d8899;font-size:13px}.secondary{display:flex;align-items:center;gap:8px;color:#0d63ed;background:#fff;border:1px solid #9ec0f5;border-radius:7px;padding:9px 17px;cursor:pointer;font-size:13px;font-weight:700}.selected-file{margin:12px 0 0 53px;border:1px solid #cbd8e8;border-radius:10px;min-height:72px;display:flex;align-items:center;gap:14px;padding:12px 16px}.selected-file>span:nth-child(2){min-width:0;flex:1}.selected-file strong,.selected-file small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-file strong{font-size:14px}.selected-file small{color:#6b778c;margin-top:4px;font-size:12px}.excel-icon,.file-icon{width:43px;height:43px;border-radius:9px;background:#1c9c59;color:#fff;display:grid;place-items:center}.file-ok{color:#18a55a}.selected-file button{border:0;background:none;color:#6e7a8c;cursor:pointer;padding:4px}.inline-error{margin:12px 0 0 53px;color:#c73f45;display:flex;gap:8px;align-items:center;font-size:13px}.actions{display:flex;align-items:center;gap:28px;margin:26px 0 0 53px}.primary{min-width:210px;height:50px;border:0;border-radius:8px;background:#0d63ed;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;cursor:pointer;box-shadow:0 6px 16px #0d63ed33}.primary:disabled{background:#a8bbd6;box-shadow:none;cursor:not-allowed}.actions p{display:flex;gap:10px;align-items:center;color:#69758a;font-size:12px;line-height:1.5;max-width:360px}.status-rail>h2{margin-bottom:28px}.empty-status{min-height:220px;color:#8490a2;display:grid;place-items:center;text-align:center;align-content:center;gap:10px}.empty-status p{max-width:230px;font-size:13px;line-height:1.6}.timeline{position:relative;display:grid;gap:26px}.timeline:before{content:"";position:absolute;left:17px;top:34px;bottom:34px;width:1px;background:#dce3ed}.timeline-row{position:relative;z-index:1;display:flex;gap:16px;align-items:center}.status-dot{flex:0 0 35px;height:35px;border-radius:50%;background:#fff;border:1px solid #cbd5e1;color:#8793a5;display:grid;place-items:center;font-size:12px;font-weight:700}.status-dot.done{color:#fff;background:#17a35a;border-color:#17a35a}.status-dot.active{color:#fff;background:#0d63ed;border-color:#0d63ed}.status-dot.active svg{animation:spin 1s linear infinite}.timeline-row strong,.timeline-row span{display:block}.timeline-row strong{font-size:14px}.timeline-row span{color:#7b8799;font-size:12px;margin-top:4px}.results{border-top:1px solid #dfe6ef;margin-top:34px;padding-top:26px}.results h2{margin:0 0 7px}.success-copy{color:#15934f;font-size:13px;margin:0 0 16px}.muted-copy{color:#7b8799;font-size:13px;line-height:1.6}.download-row{display:flex;align-items:center;gap:12px;color:#172033;text-decoration:none;border:1px solid #d9e1eb;border-radius:10px;padding:13px;margin-top:10px;background:#fff;transition:.15s}.download-row:hover{border-color:#8eb5ef;transform:translateY(-1px)}.download-row>span:nth-child(2){min-width:0;flex:1}.download-row strong,.download-row small{display:block}.download-row strong{font-size:13px}.download-row small{color:#7b8799;margin-top:4px;font-size:11px}.file-error{background:#e84b4f}.download-icon{color:#0d63ed}.refresh-note{color:#8490a2;font-size:11px;display:flex;align-items:center;gap:7px;margin-top:22px}.error-box{display:flex;gap:10px;background:#fff3f3;color:#b9323b;border:1px solid #f0c5c8;border-radius:9px;padding:13px;margin-top:22px}.error-box strong{font-size:13px}.error-box p{margin:4px 0 0;font-size:11px;line-height:1.5;word-break:break-word}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){main{grid-template-columns:1fr}.status-rail{border-left:0;border-top:1px solid #dfe6ef}.formats{grid-template-columns:repeat(4,1fr)}}@media(max-width:700px){.app-shell{width:100%;min-height:100vh;margin:0;border-radius:0;border:0}header{height:68px;padding:0 20px;gap:14px}.header-divider{display:none}header h1{font-size:17px}.brand{font-size:23px}.workspace,.status-rail{padding:26px 20px}.formats{margin-left:0;grid-template-columns:repeat(2,1fr)}.format{min-height:108px}.dropzone,.selected-file,.inline-error,.actions{margin-left:0}.step-heading p{font-size:13px}.actions{align-items:stretch;flex-direction:column;gap:12px}.primary{width:100%}.actions p{margin:0}.status-rail{min-height:480px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
