@media(max-width:576px){.stepindicator-container{margin-bottom:1rem}.stepindicator-wrapper{padding:0 .5rem}.stepindicator-item{padding:.5rem;margin-bottom:.25rem}.stepindicator-label{flex:1;min-width:0}}.stepindicator-circle{animation:stepindicator-bounce .3s ease-in-out}@keyframes stepindicator-bounce{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.stepindicator-active{animation:stepindicator-pulse .5s ease-in-out}@keyframes stepindicator-pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1.1)}}@media(max-width:480px){.stepindicator-wrapper{flex-direction:row;overflow-x:auto;padding:.5rem;gap:1rem}.stepindicator-item{flex-direction:column;min-width:70px;background:none;border:none;padding:.25rem}.stepindicator-label{text-align:center;margin-top:.25rem;font-size:9px;white-space:nowrap}.stepindicator-text-full,.stepindicator-text-short{display:none}.stepindicator-label:after{content:"Step " counter(step)}.stepindicator-item:nth-child(1) .stepindicator-label:after{content:"Personal"}.stepindicator-item:nth-child(2) .stepindicator-label:after{content:"Official"}.stepindicator-item:nth-child(3) .stepindicator-label:after{content:"PF/ESI"}.stepindicator-item:nth-child(4) .stepindicator-label:after{content:"Leaves"}.stepindicator-item:nth-child(5) .stepindicator-label:after{content:"Other"}.stepindicator-item:nth-child(6) .stepindicator-label:after{content:"Salary"}}.stepindicator-container{margin-bottom:1.5rem}.stepindicator-wrapper{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}@media(max-width:768px){.stepindicator-wrapper{flex-direction:column;gap:1rem}}@media(max-width:576px){.stepindicator-wrapper{gap:.75rem}}.stepindicator-item{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}@media(max-width:768px){.stepindicator-item{flex-direction:row;width:100%;flex:none;justify-content:flex-start;gap:.75rem}}.stepindicator-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:14px}@media(max-width:576px){.stepindicator-circle{width:35px;height:35px;font-size:12px}}.stepindicator-active{background-color:#0d6efd;color:#fff;border:2px solid #0d6efd;transform:scale(1.1)}@media(max-width:576px){.stepindicator-active{transform:scale(1.05)}}.stepindicator-completed{background-color:#198754;color:#fff;border:1px solid #198754}.stepindicator-pending{background-color:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.stepindicator-pending:hover{background-color:#e9ecef;transform:scale(1.05)}.stepindicator-label{margin-top:.5rem;text-align:center;font-size:10px;font-weight:500;color:#6c757d;line-height:1.2}@media(max-width:768px){.stepindicator-label{margin-top:0;text-align:left;font-size:12px}}@media(max-width:576px){.stepindicator-label{font-size:11px}}.stepindicator-label-active{color:#0d6efd;font-weight:700}.stepindicator-text-full{display:inline}@media(max-width:992px){.stepindicator-text-full{display:none}}.stepindicator-text-short{display:none}@media(max-width:992px){.stepindicator-text-short{display:inline}}@media(max-width:576px){.stepindicator-text-short{font-size:10px}}.stepindicator-progress{position:relative;margin-top:1rem}@media(max-width:768px){.stepindicator-progress{margin-top:1.5rem}}.stepindicator-progress-bar{height:4px;background-color:#e9ecef;border-radius:2px;overflow:hidden}.stepindicator-progress-fill{height:100%;background-color:#0d6efd;transition:width .3s ease;border-radius:2px}@media(max-width:768px){.stepindicator-wrapper{padding:0 1rem}.stepindicator-item{background-color:#f8f9fa;padding:.75rem;border-radius:8px;border:1px solid #dee2e6}.stepindicator-item:has(.stepindicator-active){background-color:#e7f3ff;border-color:#0d6efd}.stepindicator-item:has(.stepindicator-completed){background-color:#e8f5e8;border-color:#198754}}@media(max-width:576px){.stepindicator-container{margin-bottom:1rem}.stepindicator-wrapper{padding:0 .5rem}.stepindicator-item{padding:.5rem;margin-bottom:.25rem}}