.planner-card{background-color:#0000;border-radius:16px;padding:20px;transition:transform .3s;position:relative}.planner-card:hover{transform:translateY(-5px)}.grid-background{background-color:#0000;background-image:linear-gradient(90deg,#0000000d 1px,#0000 1px),linear-gradient(#0000000d 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:12px;justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.progress-line{transform-origin:0;background:linear-gradient(90deg,#004a60 0%,#007c9e 100%);border-radius:2px;height:2px;animation:2.5s ease-in-out infinite drawLine;transform:scaleX(0)}@keyframes drawLine{0%{opacity:1;transform:scaleX(0)}60%{opacity:1;transform:scaleX(1)}80%{opacity:0;transform:scaleX(1)}to{opacity:0;transform:scaleX(0)}}.grid-background{background-color:#0000;background-image:linear-gradient(90deg,#0000000d 1px,#0000 1px),linear-gradient(#0000000d 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:12px;height:200px;position:relative;overflow:hidden}.zigzag-path{fill:none;stroke:#d1d5db;stroke-width:1.5px}.zigzag-progress{fill:none;stroke:#004a60;stroke-width:2px;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600px;transition:stroke-dashoffset .25s ease-out}@keyframes drawZigzag{0%{stroke-dashoffset:600px}90%{stroke-dashoffset:0}to{stroke-dashoffset:600px}}
@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);-webkit-user-select:none;user-select:none;border-radius:.25rem;width:100%;line-height:1;display:inline-flex;position:relative;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);background-repeat:no-repeat;background-image:var(--custom-highlight-background,linear-gradient(90deg,var(--base-color)0%,var(--highlight-color)50%,var(--base-color)100%));height:100%;animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}