.ci-loop{--cream:#FAF8F5;--cream-dark:#F0EDE8;--ink:#1A1814;--ink-light:#3D3A34;--ink-muted:#8A8579;--accent:#2D5A3D;--accent-light:#3A7A52;--accent-wash:#E8F0EB;--warm-gray:#C4BFB6;--warm-gray-light:#E5E1DA;--coral:#C4654A;--slate-blue:#4A5A7A;--gold:#B8963E;--font-display:"Satoshi",system-ui,sans-serif;--font-serif:"Instrument Serif",Georgia,serif;--shadow-card:0 1px 2px rgba(26,24,20,.04), 0 10px 26px -10px rgba(26,24,20,.14), 0 30px 60px -22px rgba(26,24,20,.12);--sp:1.3;font-family:var(--font-display);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;position:relative;width:100%}.ci-loop *{box-sizing:border-box;margin:0;padding:0}.ci-loop .tnum{font-variant-numeric:tabular-nums lining-nums}.ci-loop .ci-stage{width:100%;transform-origin:top left}.ci-loop .widget{display:block;width:100%;border-radius:24px;padding:6px}.ci-loop .eyebrow{display:inline-flex;align-items:center;font-size:11.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin:2px 4px 14px}.ci-loop .body{display:grid;grid-template-columns:minmax(0,1fr) 224px;gap:26px;align-items:stretch}@media(max-width:730px){.ci-loop .body{grid-template-columns:1fr}.ci-loop .rail{display:none}.ci-loop .now-bar{display:flex}}.ci-loop .card{position:relative;background:#fff;border:1px solid var(--warm-gray-light);border-radius:18px;box-shadow:var(--shadow-card);padding:20px 22px 16px;overflow:hidden}.ci-loop .card.instant *{transition:none!important}.ci-loop .card:before{content:"";position:absolute;inset:0 0 auto;height:96px;background:linear-gradient(180deg,#faf8f580,#faf8f500);pointer-events:none}.ci-loop .card-state-tint{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity calc(1.17s * var(--sp)) ease;background:radial-gradient(130% 55% at 50% 0%,#2d5a3d57,#2d5a3d1a,#2d5a3d00)}.ci-loop .inv-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;position:relative;z-index:1}.ci-loop .brandmark{display:flex;align-items:center;gap:10px}.ci-loop .logo{width:30px;height:30px;border-radius:7px;overflow:hidden;flex:0 0 auto;box-shadow:0 4px 11px -2px #1a18144d}.ci-loop .logo svg{width:100%;height:100%;display:block}.ci-loop .brandmark .nm{font-weight:700;font-size:13.5px;color:var(--ink);letter-spacing:-.01em}.ci-loop .inv-meta{text-align:right}.ci-loop .inv-meta .lbl{font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.ci-loop .inv-meta .no{font-size:13.5px;font-weight:700;color:var(--ink);margin-top:2px}.ci-loop .billto{margin:15px 0 4px;position:relative;z-index:1}.ci-loop .billto .lbl{font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:4px}.ci-loop .billto .name{font-size:15.5px;font-weight:700;letter-spacing:-.01em;height:21px;position:relative;overflow:hidden}.ci-loop .billto .name span{position:absolute;left:0;top:0;white-space:nowrap;transition:opacity calc(.72s * var(--sp)) ease,transform calc(.72s * var(--sp)) ease}.ci-loop .billto .name .clean{color:var(--ink);opacity:0;transform:translateY(8px)}.ci-loop .table{display:block;margin-top:14px;position:relative;z-index:1}.ci-loop .col-head{display:grid;grid-template-columns:1fr 58px 46px 74px;gap:8px;padding:0 3px 7px;border-bottom:1px solid var(--warm-gray-light);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}.ci-loop .col-head .r{text-align:right}.ci-loop .rows{position:relative;transition:height calc(.91s * var(--sp)) cubic-bezier(.65,.02,.22,1)}.ci-loop .row{position:absolute;left:0;right:0;top:0;display:grid;grid-template-columns:1fr 58px 46px 74px;gap:8px;align-items:center;padding:5px 3px;border-radius:8px;will-change:transform,opacity;transition:transform calc(.94s * var(--sp)) cubic-bezier(.65,.02,.22,1),opacity calc(.65s * var(--sp)) ease,background-color calc(.65s * var(--sp)) ease,color calc(.65s * var(--sp)) ease}.ci-loop .row .desc{transition:padding-left calc(.72s * var(--sp)) cubic-bezier(.65,.02,.22,1)}.ci-loop .row.grouped .desc{padding-left:17px;position:relative}.ci-loop .row.grouped .desc:before{content:"";position:absolute;left:4px;top:8px;width:7px;height:7px;border-left:1.5px solid var(--warm-gray);border-bottom:1.5px solid var(--warm-gray);transform:translateY(-50%);border-bottom-left-radius:3px}.ci-loop .desc{font-size:12.5px;color:var(--ink-light);font-weight:500;letter-spacing:-.005em;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ci-loop .row.parent .desc{font-weight:700;color:var(--ink)}.ci-loop .billto .name .raw,.ci-loop .desc .flag,.ci-loop .desc .sub,.ci-loop .desc .code,.ci-loop .desc .junk,.ci-loop .desc .merge-add,.ci-loop .row.noise .desc{color:var(--coral)}.ci-loop .row.two-line .desc{overflow:visible}.ci-loop .desc .swap{position:relative;display:inline-block;white-space:nowrap;vertical-align:top}.ci-loop .desc .swap>span{transition:opacity calc(.55s * var(--sp)) ease}.ci-loop .desc .swap .t-clean,.ci-loop .desc .swap .s-clean{position:absolute;left:0;top:0;opacity:0}.ci-loop .row.merged .swap .t-raw,.ci-loop .row.renamed .swap .t-raw{opacity:0}.ci-loop .row.merged .swap .t-clean,.ci-loop .row.renamed .swap .t-clean{opacity:1}.ci-loop .desc .sub{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10.5px;font-weight:500;margin-top:2px}.ci-loop .desc .swap .s-clean{color:var(--ink-muted)}.ci-loop .row.renamed .swap .s-raw{opacity:0}.ci-loop .row.renamed .swap .s-clean{opacity:1}.ci-loop .desc .merge-add{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;max-width:0;opacity:0;transition:max-width calc(.7s * var(--sp)) cubic-bezier(.65,.02,.22,1),opacity calc(.5s * var(--sp)) ease}.ci-loop .row.gathered .swap .merge-add{max-width:260px;opacity:1}.ci-loop .desc .swap.typing .t-raw,.ci-loop .desc .swap.typing .t-clean,.ci-loop .desc .swap.typing .s-raw,.ci-loop .desc .swap.typing .s-clean{opacity:0}.ci-loop .billto .name.typing .raw,.ci-loop .billto .name.typing .clean{opacity:0!important}.ci-loop .desc .swap .type-wrap,.ci-loop .billto .name .type-wrap{position:absolute;left:0;top:0;white-space:nowrap}.ci-loop .type-live.del{color:var(--coral)}.ci-loop .type-live.add{color:var(--ink-light)}.ci-loop .desc .sub .type-live.add{color:var(--ink-muted)}.ci-loop .billto .name .type-live.add{color:var(--ink)}.ci-loop .type-caret{display:inline-block;width:1.5px;height:.92em;margin-left:1.5px;vertical-align:-.1em;background:var(--accent);border-radius:1px;animation:ci-blink 1.05s step-end infinite}@keyframes ci-blink{50%{opacity:0}}.ci-loop .desc .code,.ci-loop .desc .junk{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;transition:opacity calc(.59s * var(--sp)) ease,max-width calc(.72s * var(--sp)) ease}.ci-loop .desc .code{font-weight:700;font-size:11.5px;max-width:150px}.ci-loop .desc .junk{font-weight:500;max-width:240px}.ci-loop .row.stripped .code,.ci-loop .row.renamed .junk{opacity:0;max-width:0}.ci-loop .qty,.ci-loop .rate,.ci-loop .amt{font-size:12px;text-align:right;color:var(--ink-light);font-variant-numeric:tabular-nums lining-nums;transition:opacity calc(.52s * var(--sp)) ease}.ci-loop .amt{font-weight:700;color:var(--ink)}.ci-loop .rate{color:var(--ink-muted)}.ci-loop .row .qty .u{color:var(--ink-muted);font-weight:400;font-size:10px}.ci-loop .row.zero .rate,.ci-loop .row.zero .qty{color:var(--ink-muted)}.ci-loop .row.cleared .qty,.ci-loop .row.cleared .rate,.ci-loop .row.cleared .amt{opacity:0}.ci-loop .row.hdr{display:flex;align-items:flex-end;padding:8px 3px 3px}.ci-loop .row.hdr .hl{font-size:9.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}.ci-loop .inv-foot{display:flex;align-items:flex-end;justify-content:flex-end;gap:14px;margin-top:12px;padding-top:13px;border-top:1.5px solid var(--ink);position:relative;z-index:1}.ci-loop .inv-foot .total{text-align:right}.ci-loop .inv-foot .total .lbl{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}.ci-loop .inv-foot .total .val{font-size:23px;font-weight:900;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums lining-nums;line-height:1}.ci-loop .rail{display:flex;flex-direction:column}.ci-loop .rail-h{font-family:var(--font-display);font-weight:800;font-size:13px;letter-spacing:-.01em;color:var(--ink);margin:2px 2px 4px;line-height:1.3}.ci-loop .rail-h em{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--accent);font-size:16px;letter-spacing:0}.ci-loop .rail-hint{font-size:10.5px;color:var(--ink-muted);margin:0 2px 12px;line-height:1.35}.ci-loop .steps{list-style:none;display:flex;flex-direction:column;gap:2px}.ci-loop .step{display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:10px;transition:background-color .3s ease;user-select:none;text-decoration:none}.ci-loop .step .ix{flex:0 0 auto;width:22px;height:22px;border-radius:7px;border:1px solid var(--warm-gray-light);background:#fff;display:flex;align-items:center;justify-content:center;transition:all .35s ease;position:relative}.ci-loop .step .ix .num{font-size:11px;font-weight:700;color:var(--ink-muted);transition:opacity .25s ease}.ci-loop .step .ix .check{position:absolute;width:12px;height:12px;opacity:0;transform:scale(.5);transition:opacity .3s ease,transform .3s ease}.ci-loop .step .txt{font-size:12.5px;font-weight:500;color:var(--ink-muted);letter-spacing:-.005em;transition:color .35s ease;line-height:1.25}.ci-loop .step.done .ix{background:var(--accent-wash);border-color:transparent}.ci-loop .step.done .ix .num{opacity:0}.ci-loop .step.done .ix .check{opacity:1;transform:scale(1);color:var(--accent)}.ci-loop .step.done .txt{color:var(--ink-light)}.ci-loop .step.active{background:var(--cream-dark)}.ci-loop .step.active .ix{background:var(--accent);border-color:transparent;box-shadow:0 3px 8px -2px #2d5a3d80}.ci-loop .step.active .ix .num{opacity:0}.ci-loop .step.active .ix .check{opacity:1;transform:scale(1);color:#fff}.ci-loop .step.active .txt{color:var(--ink);font-weight:700}.ci-loop .step-cta{margin-top:7px;padding-top:13px;border-top:1px dashed var(--warm-gray-light);border-radius:0 0 10px 10px;cursor:pointer}.ci-loop .step-cta:hover{background:transparent}.ci-loop .step-cta .ix{background:var(--accent-wash);border-color:transparent;color:var(--accent)}.ci-loop .step-cta .ix svg{width:13px;height:13px}.ci-loop .step-cta .txt{color:var(--accent);font-weight:700}.ci-loop .step-cta:hover .txt{text-decoration:underline}.ci-loop .rail-note{margin:13px 2px 0;padding-top:12px;border-top:1px solid var(--warm-gray-light);font-size:11px;line-height:1.45;color:var(--ink-muted)}.ci-loop .rail-note strong{color:var(--ink-light);font-weight:700}.ci-loop .foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 6px 4px;padding-top:15px;border-top:1px solid var(--warm-gray-light)}.ci-loop .foot-msg{font-size:12.5px;line-height:1.4;color:var(--ink-muted)}.ci-loop .foot-link{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--accent);white-space:nowrap;flex:0 0 auto;text-decoration:none}.ci-loop .foot-link .arw{transition:transform .35s cubic-bezier(.2,.7,.2,1)}.ci-loop .foot-link:hover .arw{transform:translate(4px)}.ci-loop .height-spacer{height:0;transition:height calc(.91s * var(--sp)) cubic-bezier(.65,.02,.22,1)}.ci-loop .now-bar{display:none;align-items:center;gap:11px;margin:16px 6px 0;padding:11px 13px;border-radius:13px;background:var(--cream-dark);border:1px solid var(--warm-gray-light)}.ci-loop .now-bar .now-ix{flex:0 0 auto;width:24px;height:24px;border-radius:7px;background:var(--accent);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px -2px #2d5a3d80;transition:background-color .35s ease,box-shadow .35s ease}.ci-loop .now-bar .now-ix svg{width:13px;height:13px;color:#fff;transition:opacity .25s ease}.ci-loop .now-bar.idle .now-ix{background:var(--accent-wash);box-shadow:none}.ci-loop .now-bar.idle .now-ix svg{opacity:0}.ci-loop .now-bar .now-txt{flex:1 1 auto;min-width:0;font-size:13.5px;font-weight:700;letter-spacing:-.01em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ci-loop .now-bar .now-dots{flex:0 0 auto;display:flex;gap:5px}.ci-loop .now-bar .now-dots i{width:6px;height:6px;border-radius:50%;background:var(--warm-gray-light);transition:background-color .35s ease,transform .35s ease}.ci-loop .now-bar .now-dots i.done{background:var(--accent-light)}.ci-loop .now-bar .now-dots i.active{background:var(--accent);transform:scale(1.35)}@media(max-width:380px){.ci-loop .card{padding:16px 15px 14px}.ci-loop .col-head{grid-template-columns:1fr 50px 64px;gap:7px}.ci-loop .col-head>div:nth-child(3){display:none}.ci-loop .row{grid-template-columns:1fr 50px 64px;gap:7px}.ci-loop .row .rate{display:none}.ci-loop .row.two-line .desc{overflow:hidden}}@media(prefers-reduced-motion:reduce){.ci-loop .card *,.ci-loop .rows,.ci-loop .height-spacer{transition:none!important}}
