.planner-card{position:relative;background-color:transparent;border-radius:16px;padding:20px;transition:transform .3s ease}.planner-card:hover{transform:translateY(-5px)}.grid-background{display:flex;align-items:center;justify-content:center}.progress-line{height:2px;background:linear-gradient(90deg,#004a60,#007c9e);transform-origin:left center;transform:scaleX(0);animation:drawLine 2.5s ease-in-out infinite;border-radius:2px}@keyframes drawLine{0%{transform:scaleX(0);opacity:1}60%{transform:scaleX(1);opacity:1}80%{transform:scaleX(1);opacity:0}to{transform:scaleX(0);opacity:0}}.grid-background{position:relative;background:linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 0),linear-gradient(rgba(0,0,0,.05) 1px,transparent 0);background-size:40px 40px;border-radius:12px;height:200px;overflow:hidden}.zigzag-path{fill:none;stroke:#d1d5db;stroke-width:1.5}.zigzag-progress{fill:none;stroke:#004a60;stroke-width:2;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600;transition:stroke-dashoffset .25s ease-out}@keyframes drawZigzag{0%{stroke-dashoffset:600}90%{stroke-dashoffset:0}to{stroke-dashoffset:600}}@keyframes react-loading-skeleton{to{transform:translateX(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);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;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%)
  );transform:translateX(-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}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}