.kit-delivery-plan{background:var(--surface-page);border:1px solid color-mix(in srgb,var(--text-primary) 8%,transparent);border-radius:var(--radius-20);box-shadow:var(--shadow-card);min-width:0;height:calc(var(--space-120)*3 + var(--space-64) - var(--space-4));overflow:hidden;color:var(--text-primary)}.kit-delivery-plan__header{display:flex;justify-content:space-between;align-items:start;gap:var(--space-24);padding:var(--space-24) calc(var(--space-20) + var(--space-4)/2) 0 calc(var(--space-32) - var(--space-4)/4)}.kit-delivery-plan__title{font-weight:600}.kit-delivery-plan__subtitle{color:var(--text-muted)}.kit-delivery-plan__legend{display:flex;gap:var(--space-24);flex-wrap:wrap;padding-top:var(--space-8)}.kit-delivery-plan__legend span{display:flex;align-items:center;gap:var(--space-8);font-weight:500}.kit-delivery-plan [data-phase=discover]{--kit-plan-phase: var(--module-youbank-base)}.kit-delivery-plan [data-phase=build]{--kit-plan-phase: var(--module-youreward-base)}.kit-delivery-plan [data-phase=deploy]{--kit-plan-phase: var(--status-success)}.kit-delivery-plan__legend i{width:calc(var(--space-4)*1.5);height:calc(var(--space-4)*1.5);border-radius:var(--radius-pill);background:var(--kit-plan-phase)}.kit-delivery-plan__scroll{overflow-x:auto;padding-inline:calc(var(--space-32) - var(--space-4)/4) calc(var(--space-24) + var(--space-4)/2);margin-top:var(--space-24)}.kit-delivery-plan__chart{position:relative}.kit-delivery-plan__columns{display:grid;grid-template-columns:repeat(var(--kit-plan-columns),minmax(0,1fr));height:calc(var(--space-24) + var(--space-4)/2)}.kit-delivery-plan__columns span{padding-left:var(--space-8);font-size:var(--space-12);font-weight:500;color:var(--text-muted)}.kit-delivery-plan__tracks{height:calc(var(--space-112)*2 + var(--space-24));border-top:1px solid var(--border-hairline);position:relative}.kit-delivery-plan__gridline{position:absolute;top:0;height:calc(var(--space-112)*2 - var(--space-4)*1.5);border-left:1px solid var(--border-hairline);left:var(--kit-plan-x)}.kit-delivery-plan__task{position:absolute;top:calc(var(--space-16) + (var(--kit-plan-row) - 1)*(var(--space-40) + var(--space-4)));left:calc(var(--kit-plan-x) + var(--space-4)*1.5);width:calc(var(--kit-plan-width) - var(--space-12));height:calc(var(--space-32) + var(--space-4)/4);border:1px solid color-mix(in srgb,var(--kit-plan-phase) 35%,transparent);background:color-mix(in srgb,var(--kit-plan-phase) 8%,var(--surface-page));border-radius:var(--radius-8);padding-inline:var(--space-12);display:flex;align-items:center}.kit-delivery-plan__task[data-complete]{background:color-mix(in srgb,var(--kit-plan-phase) 16%,var(--surface-page))}.kit-delivery-plan__task span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--space-12);font-weight:500}.kit-delivery-plan__today{position:absolute;left:var(--kit-plan-x);top:calc(var(--space-24) + var(--space-4));height:calc(var(--space-40)*5 - var(--space-4));border-left:2px solid var(--text-primary)}.kit-delivery-plan__today-label{position:absolute;left:var(--kit-plan-x);top:calc(var(--space-4)*1.5);transform:translate(-50%);border-radius:var(--radius-pill);background:var(--text-primary);color:var(--text-inverse);padding:calc(var(--space-4)/2) var(--space-8);font-size:calc(var(--space-12) - var(--space-4)/8);font-weight:500}.kit-delivery-plan__diamond{display:inline-block;width:var(--space-8);height:var(--space-8);transform:rotate(45deg);background:var(--text-primary)}.kit-delivery-plan__review{position:absolute;left:var(--kit-plan-x);top:calc(var(--space-40)*5 + var(--space-32) + var(--space-4)/4);margin-left:calc(var(--space-4)*-1)}.kit-delivery-plan__note{display:flex;align-items:center;gap:var(--space-8);color:var(--text-muted);font-size:var(--space-12);margin-top:var(--space-20)}@media (max-width:1099px){.kit-delivery-plan{height:auto;padding-bottom:var(--space-32)}.kit-delivery-plan__header{flex-wrap:wrap}.kit-delivery-plan__chart{min-width:calc(var(--space-120)*8 + var(--space-40))}}.kit-phase-list{background:var(--surface-page);padding-block:var(--layout-section-padding)}.kit-phase-list__head{display:grid;grid-template-columns:minmax(0,640fr) minmax(0,440fr);gap:var(--space-120);align-items:start}.kit-phase-list__heading{color:var(--text-primary);text-wrap:balance}.kit-phase-list__heading span{color:var(--text-muted)}.kit-phase-list__intro{color:var(--text-body)}.kit-phase-list__rows{margin-top:calc(var(--space-80) + var(--space-8));border-bottom:1px solid var(--border-hairline)}.kit-phase-list__row{display:grid;grid-template-columns:minmax(0,420fr) minmax(0,680fr);gap:calc(var(--space-80) + var(--space-20));padding:var(--space-40) 0 calc(var(--space-48) + var(--space-8));border-top:1px solid var(--border-hairline)}.kit-phase-list__row[data-accent=youbank],.kit-phase-list__row[data-accent=youreward],.kit-phase-list__row[data-accent=youaccept]{--kit-phase-color: var(--accent-base)}.kit-phase-list__number{display:flex;align-items:center;gap:var(--space-8);color:var(--text-muted);font-weight:500}.kit-phase-list__number i{width:calc(var(--space-4)*1.5);height:calc(var(--space-4)*1.5);background:var(--kit-phase-color);border-radius:var(--radius-pill)}.kit-phase-list__title{color:var(--text-primary);margin-top:var(--space-12);text-wrap:balance}.kit-phase-list__text{margin-top:var(--space-16);color:var(--text-body)}.kit-phase-list__items{list-style:none;padding:0;margin:0}.kit-phase-list__item{position:relative;padding-left:calc(var(--space-24) + var(--space-4));min-height:calc(var(--space-80) + var(--space-4)/2)}.kit-phase-list__item+.kit-phase-list__item:before{content:"";position:absolute;left:0;right:0;top:calc(var(--space-16)*-1 - var(--space-4)/2);border-top:1px solid var(--border-hairline)}.kit-phase-list__item svg{position:absolute;left:0;top:calc(var(--space-4)*.75);width:calc(var(--space-16) - var(--space-4)/4);height:calc(var(--space-16) - var(--space-4)/4);color:var(--kit-phase-color)}.kit-phase-list__item-title{color:var(--text-primary);font-weight:500}.kit-phase-list__item-text{color:var(--text-body);margin-top:calc(var(--space-4)/4);max-width:calc(var(--space-120)*5 + var(--space-20));padding-bottom:var(--space-24)}@media (max-width:1023px){.kit-phase-list__head,.kit-phase-list__row{grid-template-columns:minmax(0,1fr);gap:var(--space-24)}.kit-phase-list__items{margin-top:var(--space-24)}.kit-phase-list__item{min-height:calc(var(--space-80) + var(--space-4)/2)}}.kit-stat-columns{background:var(--surface-page);padding-block:var(--layout-section-padding)}.kit-stat-columns__heading{color:var(--text-primary);text-wrap:balance}.kit-stat-columns__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:calc(var(--space-64) + var(--space-4));border-top:1px solid var(--border-hairline)}.kit-stat-columns__column{position:relative;padding-top:calc(var(--space-32) + var(--space-4));min-width:0}.kit-stat-columns__column+.kit-stat-columns__column{padding-left:calc(var(--space-24) + var(--space-4))}.kit-stat-columns__column+.kit-stat-columns__column:before{content:"";position:absolute;left:0;top:0;height:calc(var(--space-120)*2 + var(--space-64) - var(--space-4)*1.5);border-left:1px solid var(--border-hairline)}.kit-stat-columns__visual{width:calc(var(--space-120)*2);max-width:100%;height:calc(var(--space-80) + var(--space-16));color:var(--text-primary)}.kit-stat-columns__value{margin-top:var(--space-32);color:var(--text-primary);white-space:nowrap}.kit-stat-columns__text{margin-top:var(--space-12);color:var(--text-body);max-width:calc(var(--space-120)*2)}.kit-stat-columns__caption{color:var(--text-muted);font-size:calc(var(--space-12) - var(--space-4)/8);line-height:var(--space-16)}.kit-stat-columns__ring-row{display:flex;align-items:center;gap:var(--space-16);height:calc(var(--space-48) + var(--space-8))}.kit-stat-columns__ring{width:calc(var(--space-48) + var(--space-8));height:calc(var(--space-48) + var(--space-8));position:relative;flex:none}.kit-stat-columns__ring svg{width:100%;height:100%;transform:rotate(-90deg);fill:none}.kit-stat-columns__ring circle{stroke:var(--border-hairline);stroke-width:2}.kit-stat-columns__ring circle+circle{stroke:var(--module-youbank-base)}.kit-stat-columns__ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:600}.kit-stat-columns__ring-label small{font-weight:400;font-size:calc(var(--space-12) - var(--space-4)*.375);color:var(--text-muted)}.kit-stat-columns__avatars{display:flex;gap:var(--space-4);margin-bottom:var(--space-12)}.kit-stat-columns__avatar{display:grid;place-items:center;width:calc(var(--space-32) - var(--space-4)/2);height:calc(var(--space-32) - var(--space-4)/2);border-radius:var(--radius-pill);background:var(--module-youbank-tint);font-size:var(--space-12);font-weight:600}.kit-stat-columns__avatar:nth-child(2){background:var(--module-youreward-tint)}.kit-stat-columns__avatar:nth-child(3){background:var(--status-success-tint)}.kit-stat-columns__avatar:nth-child(4){background:var(--status-warning-tint)}.kit-stat-columns__calendar{display:grid;grid-template-columns:repeat(10,var(--space-12));gap:var(--space-4);margin-bottom:var(--space-12)}.kit-stat-columns__calendar i{height:var(--space-12);background:var(--border-hairline);border-radius:var(--radius-4)}.kit-stat-columns__calendar i[data-marked]{background:var(--text-primary)}.kit-stat-columns__pulse{width:calc(var(--space-120) + var(--space-80));max-width:100%;height:var(--space-40);display:block;margin-bottom:var(--space-12)}.kit-stat-columns__pulse path{fill:none;stroke:var(--text-primary);stroke-width:1.5}.kit-stat-columns__pulse circle{fill:var(--status-success)}@media (max-width:1199px){.kit-stat-columns__grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--space-48)}.kit-stat-columns__column:nth-child(odd){padding-left:0}.kit-stat-columns__column:nth-child(odd):before{display:none}}@media (max-width:767px){.kit-stat-columns__grid{grid-template-columns:minmax(0,1fr);border-top:0}.kit-stat-columns__column:nth-child(n){border-top:1px solid var(--border-hairline);padding-left:0}.kit-stat-columns__column:nth-child(n):before{display:none}}