.stages{width:100%;max-width:320px;margin:0 auto;padding:var(--space-md) 0}.stages__header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md);background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-fast)}.stages__header:hover{background-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.stages__header-icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background-color:var(--color-primary);color:var(--color-text-inverse)}.stages__header-icon svg{width:24px;height:24px}.stages__header-content{text-align:left;flex:1;min-width:0}.stages__label{display:block;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.stages__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary);margin-bottom:var(--space-xs);line-height:1.3}.stages__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.stages__toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background-color:var(--color-primary-light);color:var(--color-primary);transition:all var(--transition-fast);flex-shrink:0}.stages__toggle:hover{background-color:var(--color-primary);color:var(--color-text-inverse)}.stages__toggle svg{width:20px;height:20px}.stages__list{display:flex;flex-direction:column;gap:var(--space-md);max-height:2000px;overflow:hidden;transition:max-height .3s ease-out,opacity .3s ease-out;opacity:1}.stages__list--collapsed{max-height:0;opacity:0;margin-bottom:0}.stage-item{display:flex;gap:var(--space-md);padding:var(--space-md);background-color:var(--color-surface);border-radius:var(--radius-md);border-left:4px solid var(--color-border);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.stage-item__icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-base)}.stage-item__icon svg{width:20px;height:20px}.stage-item__content{flex:1;min-width:0}.stage-item__header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-xs);flex-wrap:wrap}.stage-item__name{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);flex:1;min-width:0}.stage-item__time{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);white-space:nowrap}.stage-item__description{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.5;margin:0}.stage-item__progress-container{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm)}.stage-item__progress-bar{flex:1;height:6px;background-color:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.stage-item__progress-fill{height:100%;background-color:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-base)}.stage-item__progress-text{font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary);min-width:36px;text-align:right}.stage-item--completed{border-left-color:var(--color-success);background-color:var(--color-success-light)}.stage-item--completed .stage-item__icon{background-color:var(--color-success);color:var(--color-text-inverse)}.stage-item--completed .stage-item__name,.stage-item--completed .stage-item__time{color:var(--color-success)}.stage-item--active{border-left-color:var(--color-primary);background-color:var(--color-primary-light);box-shadow:var(--shadow-md);animation:pulse-glow 2s ease-in-out infinite}.stage-item--active .stage-item__icon{background-color:var(--color-primary);color:var(--color-text-inverse);animation:pulse-scale 2s ease-in-out infinite}.stage-item--active .stage-item__name,.stage-item--active .stage-item__time{color:var(--color-primary)}.stage-item--active .stage-item__time{font-weight:600}.stage-item--active .stage-item__description{color:var(--color-text)}.stage-item--upcoming{opacity:.6;border-left-color:var(--color-border)}.stage-item--upcoming .stage-item__icon{background-color:var(--color-border);color:var(--color-text-muted)}.stage-item--upcoming .stage-item__name{color:var(--color-text-muted)}@keyframes pulse-glow{0%,100%{box-shadow:var(--shadow-md)}50%{box-shadow:0 4px 12px rgba(74,144,164,.2)}}@keyframes pulse-scale{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:380px){.stages__header{padding:var(--space-sm);gap:var(--space-sm)}.stages__header-icon{width:36px;height:36px}.stages__header-icon svg{width:20px;height:20px}.stages__title{font-size:var(--font-size-base)}.stage-item{padding:var(--space-sm);gap:var(--space-sm)}.stage-item__icon{width:28px;height:28px}.stage-item__icon svg{width:16px;height:16px}.stage-item__name{font-size:var(--font-size-sm)}.stage-item__description,.stage-item__time{font-size:var(--font-size-xs)}}.stage-item:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.stage-item--active,.stage-item--active .stage-item__icon{animation:none}.stage-item__progress-fill{transition:none}}