code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--purple-50:#faf5ff;--purple-100:#f3e8ff;--purple-200:#e9d5ff;--purple-300:#d8b4fe;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7e22ce;--purple-800:#6b21a8;--indigo-50:#eef2ff;--indigo-100:#e0e7ff;--indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f46e5;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--red-50:#fef2f2;--red-500:#ef4444;--white:#fff}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}.app-container{background:linear-gradient(to bottom right,#eef2ff,#faf5ff);background:linear-gradient(to bottom right,var(--indigo-50),var(--purple-50));display:flex;flex-direction:column;max-width:100vw;min-height:100vh;overflow-x:hidden;position:relative}.container{margin-left:auto;margin-right:auto;max-width:1200px;padding:0 1rem;width:100%}.header{background:linear-gradient(90deg,#9333ea,#4f46e5);background:linear-gradient(to right,var(--purple-600),var(--indigo-600));box-shadow:0 10px 15px -3px #0000001a;color:#fff;color:var(--white);padding:1.5rem;position:relative}.app-title{font-size:1.875rem;font-weight:700;letter-spacing:-.025em}.app-subtitle{color:#f3e8ff;color:var(--purple-100);font-weight:300;margin-top:.25rem}.points-display{align-items:center;background:linear-gradient(to right,#6b21a8,var(--indigo-800));background:linear-gradient(to right,var(--purple-800),var(--indigo-800));border:1px solid #8b5cf633;border-radius:9999px;box-shadow:0 4px 6px -1px #0000001a;display:flex;padding:.5rem 1rem;position:absolute;right:1.5rem;top:1.5rem}.points-value{font-size:1.25rem;font-weight:700}.points-label{color:#e9d5ff;color:var(--purple-200);font-size:.875rem;margin-left:.25rem}.main-content{display:flex;flex-grow:1;gap:2rem;padding:1.5rem}.goals-panel{background-color:#fff;background-color:var(--white);border:1px solid #f3e8ff;border:1px solid var(--purple-100);border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a;overflow:hidden;padding:1.5rem;width:33.333333%}.panel-title{align-items:center;color:#1f2937;color:var(--gray-800);display:flex;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.title-accent{background:linear-gradient(90deg,#a855f7,#6366f1);background:linear-gradient(to right,var(--purple-500),var(--indigo-500));border-radius:.25rem;display:inline-block;height:1.5rem;margin-right:.5rem;width:.5rem}.goal-input-container{display:flex;margin-bottom:1.5rem}.goal-input{border:1px solid #e9d5ff;border:1px solid var(--purple-200);border-bottom-left-radius:.5rem;border-top-left-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;flex-grow:1;padding:.75rem;transition:all .2s}.goal-input:focus{box-shadow:0 0 0 3px #8b5cf64d;outline:none}.add-goal-btn{background:linear-gradient(90deg,#a855f7,#6366f1);background:linear-gradient(to right,var(--purple-500),var(--indigo-500));border:none;border-bottom-right-radius:.5rem;border-top-right-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;color:#fff;color:var(--white);cursor:pointer;padding:.75rem;transition:all .2s}.add-goal-btn:hover{background:linear-gradient(90deg,#9333ea,#4f46e5);background:linear-gradient(to right,var(--purple-600),var(--indigo-600))}.goals-list{display:flex;flex-direction:column;gap:.75rem;max-height:24rem;overflow-y:auto;padding-right:.5rem}.empty-goals-message{border:2px dashed #e5e7eb;border:2px dashed var(--gray-200);border-radius:.5rem;color:#6b7280;color:var(--gray-500);padding:3rem 0;text-align:center}.empty-icon{color:#c084fc;color:var(--purple-400);margin-bottom:.75rem}.goal-item{align-items:center;border-radius:.5rem;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transform-origin:center;transition:all .2s}.goal-item:hover{transform:scale(1.02)}.goal-item.selected{background:linear-gradient(90deg,#f3e8ff,#e0e7ff);background:linear-gradient(to right,var(--purple-100),var(--indigo-100));border-left:4px solid #a855f7;border-left:4px solid var(--purple-500);box-shadow:0 4px 6px -1px #0000001a}.goal-item:not(.selected){background-color:#fff;background-color:var(--white);border:1px solid #f3f4f6;border:1px solid var(--gray-100);box-shadow:0 1px 2px 0 #0000000d}.goal-item:not(.selected):hover{background-color:#f9fafb;background-color:var(--gray-50)}.goal-info{width:100%}.goal-name{color:#1f2937;color:var(--gray-800);font-weight:500;word-break:break-word}.progress-container{align-items:center;color:#6b7280;color:var(--gray-500);display:flex;font-size:.875rem;margin-top:.5rem}.progress-bar-bg{background-color:#e5e7eb;background-color:var(--gray-200);overflow:hidden;width:100%}.progress-bar,.progress-bar-bg{border-radius:9999px;height:.625rem}.progress-bar{background:linear-gradient(90deg,#a855f7,#6366f1);background:linear-gradient(to right,var(--purple-500),var(--indigo-500));transition:width .5s}.progress-value{font-weight:500;margin-left:.75rem}.delete-btn{background:#0000;border:none;border-radius:9999px;color:#9ca3af;color:var(--gray-400);cursor:pointer;margin-left:.5rem;padding:.25rem;transition:all .2s}.delete-btn:hover{background-color:#fef2f2;background-color:var(--red-50);color:#ef4444;color:var(--red-500)}.details-panel{background-color:#fff;background-color:var(--white);border:1px solid #f3e8ff;border:1px solid var(--purple-100);border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a;padding:1.5rem;width:66.666667%}.goal-header{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);margin-bottom:1.5rem;padding-bottom:1rem}.goal-title{word-wrap:break-word;color:#1f2937;color:var(--gray-800);font-size:1.5rem;font-weight:600}.goal-progress{align-items:center;display:flex;margin-top:.75rem}.goal-progress-bar-bg{background-color:#e5e7eb;background-color:var(--gray-200);border-radius:9999px;height:.75rem;overflow:hidden;width:100%}.goal-progress-bar{background:linear-gradient(90deg,#a855f7,#6366f1);background:linear-gradient(to right,var(--purple-500),var(--indigo-500));border-radius:9999px;height:.75rem;transition:width .7s}.goal-progress-value{color:#374151;color:var(--gray-700);font-weight:500;margin-left:.75rem}.milestone-form{background:linear-gradient(90deg,#faf5ff,#eef2ff);background:linear-gradient(to right,var(--purple-50),var(--indigo-50));border:1px solid #f3e8ff;border:1px solid var(--purple-100);border-radius:.75rem;margin-bottom:2rem;padding:1.25rem}.milestone-form-title{align-items:center;color:#374151;color:var(--gray-700);display:flex;font-weight:500;margin-bottom:.75rem}.milestone-icon{color:#a855f7;color:var(--purple-500);margin-right:.5rem}.milestone-form-inputs{display:flex;flex-direction:column;gap:.75rem}.milestone-input{border:1px solid #e9d5ff;border:1px solid var(--purple-200);border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;padding:.75rem;transition:all .2s}.milestone-input:focus{box-shadow:0 0 0 3px #8b5cf64d;outline:none}.add-milestone-btn{background:linear-gradient(90deg,#a855f7,#6366f1);background:linear-gradient(to right,var(--purple-500),var(--indigo-500));border:none;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;color:#fff;color:var(--white);cursor:pointer;padding:.75rem 1rem;transform:translateY(0);transition:all .2s}.add-milestone-btn:hover{background:linear-gradient(90deg,#9333ea,#4f46e5);background:linear-gradient(to right,var(--purple-600),var(--indigo-600));transform:translateY(1px)}.timeline-section{margin-top:2rem}.timeline-title{align-items:center;color:#374151;color:var(--gray-700);display:flex;font-weight:500;margin-bottom:1.25rem}.timeline-accent{background:linear-gradient(90deg,#a855f7,#6366f1);background:linear-gradient(to right,var(--purple-500),var(--indigo-500));border-radius:.25rem;display:inline-block;height:1.25rem;margin-right:.5rem;width:.5rem}.empty-timeline-message{background-color:#f9fafb;background-color:var(--gray-50);border:2px dashed #e5e7eb;border:2px dashed var(--gray-200);border-radius:.75rem;color:#6b7280;color:var(--gray-500);padding:3rem 0;text-align:center}.timeline-container{-webkit-overflow-scrolling:touch;overflow-x:auto;position:relative;scrollbar-width:thin}.timeline-container::-webkit-scrollbar{height:6px}.timeline-container::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100);border-radius:3px}.timeline-container::-webkit-scrollbar-thumb{background:#d8b4fe;background:var(--purple-300);border-radius:3px}.timeline-line{background:linear-gradient(to bottom,#d8b4fe,var(--indigo-300));background:linear-gradient(to bottom,var(--purple-300),var(--indigo-300));border-radius:9999px;height:100%;left:0;margin-left:1rem;position:absolute;width:.25rem}.timeline-items{display:flex;min-width:max-content;overflow-x:auto;padding-bottom:1.5rem;padding-left:2.5rem;padding-right:1rem;position:relative}.timeline-item{align-items:center;display:flex;flex-direction:column;position:relative;width:10rem}.timeline-item:not(:first-child):before{background:#d1d5db;background:var(--gray-300);content:"";height:2px;left:-5rem;position:absolute;top:18px;width:5rem}.timeline-item-first:before{display:none}.timeline-item-completed:before{background:#c084fc!important;background:var(--purple-400)!important}.timeline-item-pending:before{background:#d1d5db;background:var(--gray-300)}.milestone-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;transform:scale(1);transition:transform .2s}.milestone-btn:hover{transform:scale(1.1)}.milestone-btn:focus{outline:none}.milestone-check{color:#9333ea;color:var(--purple-600);transform:scale(1);transition:all .3s}.milestone-check-container{position:relative}.milestone-ping{animation:ping 3s cubic-bezier(0,0,.2,1) infinite;background-color:#c084fc;background-color:var(--purple-400);border-radius:9999px;inset:0;opacity:.3;position:absolute}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.milestone-circle{color:#9ca3af;color:var(--gray-400);transition:color .2s}.milestone-circle:hover{color:#818cf8;color:var(--indigo-400)}.milestone-label{font-size:.875rem;font-weight:500;margin-top:.75rem;max-width:100%;text-align:center}.milestone-label-completed{color:#9333ea;color:var(--purple-600);text-decoration:line-through}.milestone-label-pending{color:#374151;color:var(--gray-700)}.empty-state{align-items:center;color:#6b7280;color:var(--gray-500);display:flex;flex-direction:column;height:100%;justify-content:center;padding:3rem 0}.empty-state-icon{background-color:#f3e8ff;background-color:var(--purple-100);border-radius:9999px;margin-bottom:1.5rem;padding:1.5rem}.empty-state-icon svg{color:#a855f7;color:var(--purple-500)}.empty-state-title{color:#4b5563;color:var(--gray-600);font-weight:500;margin-bottom:1rem;text-align:center}.empty-state-desc{color:#6b7280;color:var(--gray-500);max-width:24rem}.empty-state-desc,.footer{font-size:.875rem;text-align:center}.footer{background:linear-gradient(90deg,#9333ea,#4f46e5);background:linear-gradient(to right,var(--purple-600),var(--indigo-600));color:#fff;color:var(--white);margin-top:auto;padding:1rem}.space-x-2>*+*{margin-left:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.back-to-goals-btn{align-items:center;background:#0000;border:none;border-radius:.25rem;color:#9333ea;color:var(--purple-600);cursor:pointer;display:none;font-weight:500;gap:.5rem;margin-bottom:.5rem;padding:.5rem}.back-to-goals-btn:hover{background:#faf5ff;background:var(--purple-50)}@media (max-width:1024px){.container{max-width:100%;padding:0 1rem}.points-display{align-self:flex-end;margin-top:1rem;position:relative;right:0;top:0}.header{align-items:flex-start;display:flex;flex-direction:column}}@media (max-width:768px){.main-content{flex-direction:column;gap:1.5rem;padding:1rem;width:100%}.details-panel,.goals-panel{margin:0;max-width:100vw;padding:1.25rem;width:100%}.goals-list{max-height:18rem}.goal-item{max-width:100%;padding:.75rem}.app-title{font-size:1.5rem}.app-subtitle{font-size:.875rem}.timeline-container{max-width:100%;overflow-x:visible;padding-bottom:1.5rem}.timeline-line{height:100%;left:18px;margin-left:0;position:absolute;top:0;width:.25rem}.timeline-items{display:flex;flex-direction:column;max-width:100%;min-width:auto;overflow-x:visible;padding-left:0;padding-right:0}.timeline-item{align-items:flex-start;flex-direction:row;margin-bottom:2rem;max-width:100%;padding-left:50px;width:100%}.timeline-item:not(:first-child):before{background:#d1d5db;background:var(--gray-300);content:"";height:30px;left:18px;position:absolute;top:-30px;width:2px}.timeline-item-completed:before{background:#c084fc!important;background:var(--purple-400)!important}.milestone-btn{flex-direction:row;gap:1rem;justify-content:flex-start;text-align:left;width:100%}.milestone-label{word-wrap:break-word;margin-top:0;max-width:calc(100% - 50px);overflow-wrap:break-word;text-align:left}.back-to-goals-btn{display:flex}.mobile-hidden{display:none}}@media (max-width:480px){.container{padding:0}.header{padding:1rem}.main-content{gap:.75rem;padding:.5rem}.goal-title,.panel-title,.timeline-title{font-size:1rem}.details-panel,.goals-panel{border-radius:.5rem;margin:0;padding:.75rem}.add-goal-btn,.add-milestone-btn,.goal-input,.milestone-input{padding:.625rem}.goal-header{margin-bottom:.75rem;padding-bottom:.75rem}.goal-title{word-wrap:break-word;font-size:1.25rem}.milestone-form{padding:.75rem}.empty-goals-message,.empty-state,.empty-timeline-message{padding:1.5rem 0}.timeline-line{left:12px;width:.2rem}.timeline-item{margin-bottom:1.5rem;padding-left:32px}.timeline-item:not(:first-child):before{height:25px;left:12px;top:-25px}.milestone-btn{gap:.5rem}.milestone-check-container svg,.milestone-circle{height:24px;min-width:24px;width:24px}.milestone-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;flex:1 1;font-size:.75rem;overflow:hidden;padding-right:.5rem;text-overflow:ellipsis}.delete-btn,.goal-item,.milestone-btn{min-height:44px}.delete-btn{padding:.5rem}.goal-name,.goal-title,.milestone-label{max-width:100%;word-break:break-word}.goal-info{max-width:calc(100% - 40px)}.goal-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.goal-name,button,input,textarea{max-width:100%}}@media (hover:none){.goal-item:hover{transform:none}.goal-item:active{background-color:#f3f4f6;background-color:var(--gray-100)}.milestone-btn:hover{transform:none}.milestone-btn:active{opacity:.7}.add-goal-btn:hover,.add-milestone-btn:hover{background:linear-gradient(90deg,#a855f7,#6366f1);background:linear-gradient(to right,var(--purple-500),var(--indigo-500))}.add-goal-btn:active,.add-milestone-btn:active{background:linear-gradient(90deg,#9333ea,#4f46e5);background:linear-gradient(to right,var(--purple-600),var(--indigo-600))}}
/*# sourceMappingURL=main.211be29f.css.map*/