@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.new-project-card{width:100%;max-width:500px;height:400px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:2px solid var(--brand-primary);border-radius:var(--radius-l);padding:3rem;margin:4rem auto;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000d;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.limit-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center}.limit-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:320px}.lock-icon{color:var(--brand-primary);opacity:.5}.limit-content h3{margin-bottom:0!important}.limit-content p{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.new-project-card h3{font-size:2rem;font-weight:800;color:var(--black);margin-bottom:.5rem;letter-spacing:-.025em;text-align:center}.new-project-card .subtitle{color:var(--text-secondary);text-align:center;margin-bottom:2.5rem;font-size:1rem;display:block;line-height:1.5}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;font-size:.75rem;font-weight:800;margin-bottom:.625rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group textarea{width:100%;padding:1rem;background:#fff;border:1px solid #D1D5DB;border-radius:var(--radius-m);color:var(--text-primary);font-family:inherit;font-size:1rem;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 4px #0596691a}.form-group textarea{min-height:120px;resize:vertical}.w-full{width:100%}.flex-center{display:flex;align-items:center;justify-content:center;gap:.75rem}.error-message{background:#ef44440d;color:var(--error);padding:1rem;border-radius:var(--radius-m);font-size:.875rem;margin-bottom:1.5rem;border:1px solid rgba(239,68,68,.1);font-weight:500}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.btn-back{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition);z-index:2}.btn-back:hover{background:#f0fdf4;color:var(--brand-primary)}.question-label{display:flex;align-items:center;gap:.75rem;font-size:.95rem!important;font-weight:600!important;color:var(--black)!important;text-transform:none!important;letter-spacing:normal!important;margin-bottom:.75rem!important;line-height:1.4}.question-number{background:var(--brand-primary);color:#fff;font-size:.75rem;font-weight:800;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.emerald-glow-text{color:var(--brand-primary)}.btn-glow{transition:all .2s ease-in-out}.btn-glow:hover{transform:translateY(-2px)}.btn-glow:active{transform:translateY(0)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;text-align:center;min-height:380px}.spinner-wrapper{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:2.5rem}.brand-spinner{width:56px;height:56px;border-width:4px;border-color:#0596691a;border-top-color:var(--brand-primary)}.spinner-pulse{position:absolute;width:80px;height:80px;border-radius:50%;background:#10b98114;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;z-index:-1}.loading-title{font-size:1.5rem!important;font-weight:700!important;color:var(--black)!important;margin-bottom:.75rem!important;letter-spacing:-.015em}.loading-subtitle{color:var(--text-secondary);font-size:.95rem;max-width:320px;line-height:1.6}.fade-in{animation:fadeIn .4s cubic-bezier(.4,0,.2,1) forwards}.fade-in-up{opacity:0;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) forwards}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.15);opacity:.8}}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.new-project-card{padding:2rem 1.5rem;margin:1rem}.new-project-card h3{font-size:1.6rem}}.btn-round-action{width:56px;height:56px;border-radius:50%;background:var(--brand-primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none;position:relative;overflow:hidden;transition:background-color .3s ease,transform .2s cubic-bezier(.4,0,.2,1)}.btn-round-action:hover:not(:disabled){transform:scale(1.05);background:var(--brand-primary);box-shadow:none}.btn-play-wizard:hover:not(:disabled){background:#10b981}.btn-round-action:disabled{background:#eeeff0;color:#e2e2e2;cursor:not-allowed;transform:none;box-shadow:none}.btn-round-action.loading{background:var(--brand-primary);cursor:not-allowed}.btn-round-action:not(.btn-back-wizard):not(.btn-play-wizard):hover:not(:disabled) svg:not(.animate-spin){animation:arrowSlideOutIn .8s cubic-bezier(.4,0,.2,1) forwards}.btn-back-wizard:hover:not(:disabled) svg{animation:arrowSlideLeftOutIn .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes arrowSlideOutIn{0%{transform:translate(0);opacity:1}49%{transform:translate(35px);opacity:0}50%{transform:translate(-35px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes arrowSlideLeftOutIn{0%{transform:translate(0);opacity:1}49%{transform:translate(-35px);opacity:0}50%{transform:translate(35px);opacity:0}to{transform:translate(0);opacity:1}}.wizard-buttons-row{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:1.5rem;width:100%}.btn-back-wizard{animation:slideLeft .4s cubic-bezier(.4,0,.2,1) forwards}.btn-play-wizard{animation:slideRight .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideLeft{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideRight{0%{transform:translate(-40px);opacity:0}to{transform:translate(0);opacity:1}}.animate-spin{animation:spin 1s linear infinite}.new-project-form-inner{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.wizard-question-title{font-size:1.75rem!important;font-weight:800;color:var(--black);margin-bottom:.5rem;text-align:center;letter-spacing:-.02em}.new-project-form-inner input{width:100%;padding:1.1rem 1.75rem;background:var(--bg-subtle);border:2px solid transparent;border-radius:999px;color:var(--text-primary);font-family:inherit;font-size:1.1rem;text-align:center;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.new-project-form-inner input:focus{outline:none;background:var(--bg-subtle);border-color:var(--brand-primary);box-shadow:0 0 0 4px #05966926}.new-project-form-inner input[type=date]{display:flex;justify-content:center;align-items:center;text-align-last:center}.new-project-form-inner input[type=date]::-webkit-date-and-time-value{text-align:center;margin:0 auto}.new-project-form-inner input[type=date]::-webkit-calendar-picker-indicator{display:none!important;-webkit-appearance:none}@keyframes floatUpward{0%{transform:translateY(100vh) translate(0) rotate(0) scale(.8);opacity:0}10%{opacity:.6}50%{transform:translateY(45vh) translate(20px) rotate(180deg) scale(1.1);opacity:.8}90%{opacity:.6}to{transform:translateY(-20vh) translate(-10px) rotate(360deg) scale(.8);opacity:0}}.font-mono{font-family:Roboto Mono,monospace}.map-view-layout{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh;margin:0 auto;padding:2rem 1rem 6rem;background-color:#eefdf4}.project-banner-card{position:sticky;top:24px;z-index:95;width:100%;max-width:1080px;flex-shrink:0;border-radius:24px;padding:2.25rem;overflow:hidden;box-shadow:0 10px 30px #05966926;color:#fff;margin-bottom:3.5rem;animation:fadeInDown .6s cubic-bezier(.16,1,.3,1) forwards}.banner-bg-glass{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#059669bf,#34d39999);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(52,211,153,.3);border-radius:24px;z-index:1}.banner-card-content{position:relative;z-index:2}.edit-goal-btn{background:transparent;border:none;color:#fff9;cursor:pointer;padding:6px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-left:12px;transition:all .2s ease;vertical-align:middle}.edit-goal-btn:hover{color:#fff;background:#ffffff26;transform:scale(1.1)}.banner-glow{position:absolute;top:-50%;left:-20%;width:140%;height:200%;background:radial-gradient(circle at top left,rgba(52,211,153,.15) 0%,transparent 60%);pointer-events:none}.banner-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.banner-title-area{flex:1}.banner-badge{display:inline-block;background:#34d39933;border:1px solid rgba(52,211,153,.4);color:#a7f3d0;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .75rem;border-radius:999px;margin-bottom:.75rem}.banner-project-title{font-size:2rem;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.banner-project-desc{color:#ffffffd9;font-size:1rem;max-width:720px;line-height:1.5;font-weight:450}.banner-actions{display:flex;align-items:center;gap:.75rem}.edit-toggle-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.edit-toggle-btn:hover{background:#ffffff40}.completed-badge{display:flex;align-items:center;gap:.375rem;background:#34d39933;border:1px solid rgba(52,211,153,.4);color:#34d399;padding:.5rem 1rem;border-radius:12px;font-size:.875rem;font-weight:700}.banner-progress-section{display:flex;flex-direction:column;gap:.625rem}.banner-progress-stats{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.banner-progress-text{color:#ffffffe6}.banner-progress-text strong{color:#34d399;font-size:1.125rem}.banner-date{display:flex;align-items:center;gap:.375rem;color:#fffc}.banner-progress-track{width:100%;height:10px;background:#ffffff26;border-radius:999px;overflow:hidden}.banner-progress-fill{height:100%;background:linear-gradient(90deg,#34d399,#6ee7b7);border-radius:999px;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.sequence-map-timeline{display:flex;flex-direction:column;width:100%;max-width:1080px;position:relative}.timeline-row-container{width:100%;position:relative;margin-bottom:2.5rem}.timeline-row-container.has-active-picker{z-index:80}.timeline-grid-row{display:grid;grid-template-columns:1fr 420px 1fr;align-items:center;width:100%;position:relative;min-height:186px}.grid-center{display:flex;justify-content:center;align-items:center;height:100%;position:relative;z-index:10}.center-node-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.stem-segment-top,.stem-segment-bottom{position:absolute;left:50%;transform:translate(-50%);z-index:1}.stem-segment-top{top:0;height:calc(50% - 54px)}.stem-segment-bottom{bottom:-2.5rem;height:calc(50% - 54px + 2.5rem)}.timeline-row-container:first-child .stem-segment-top{display:block;top:-3.5rem;height:calc(50% - 54px + 3.5rem)}.timeline-row-container:last-child .stem-segment-bottom{display:none}.stem-segment-top.completed-stem,.stem-segment-bottom.completed-stem{width:2px;background:#059669;border-left:none}.stem-segment-top.locked-stem,.stem-segment-bottom.locked-stem{width:0;background:transparent;border-left:2px dashed rgba(156,163,175,.5)}.capsule-icon-box{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;flex-shrink:0;color:#111827;transition:all .2s ease}.capsule-icon-svg{stroke-width:2.5px}.capsule-title-text{font-size:1.15rem;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.node-progress-fill-horizontal{position:absolute;top:3px;bottom:3px;left:3px;background:linear-gradient(90deg,#34d3991f,#34d39947);border-radius:17px 0 0 17px;transition:width .6s cubic-bezier(.4,0,.2,1);z-index:1;pointer-events:none}.edit-overlay-buttons{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffffff2;display:flex;align-items:center;justify-content:center;gap:.375rem;opacity:0;z-index:10;transition:opacity .2s ease}.overlay-edit-btn,.overlay-delete-btn{border:none;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:transform .1s ease}.overlay-edit-btn{background:var(--brand-primary)}.overlay-delete-btn{background:#ef4444}.overlay-edit-btn:hover,.overlay-delete-btn:hover{transform:scale(1.1)}.subgoal-drag-grip{position:absolute;top:-1.5rem;color:#9ca3af;cursor:grab;padding:4px;z-index:12;opacity:0;transition:opacity .2s ease}.center-node-wrapper:hover .subgoal-drag-grip{opacity:1}.grid-side{width:100%;height:100%;display:flex;z-index:20;position:relative}.side-left{justify-content:flex-end;align-items:center;padding-right:2rem}.side-right{justify-content:flex-start;align-items:center;padding-left:2rem}.kpis-card-box{position:relative;border:2px solid #059669;border-radius:20px;padding:1.25rem 1rem .875rem;background:#fff;width:250px;display:flex;flex-direction:column;gap:.875rem;box-shadow:0 4px 15px #0596690d;z-index:10}.kpis-card-header{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#fff;padding:0 .5rem;font-family:Roboto Mono,monospace;font-size:.75rem;font-weight:700;color:#059669;text-transform:uppercase;letter-spacing:.05em}.kpis-connecting-line{position:absolute;right:-42px;top:50%;width:42px;z-index:1;pointer-events:none}.kpis-connecting-line.completed-stem{background-color:#059669;border-top:none;height:1.5px}.kpis-connecting-line.locked-stem{background-color:transparent;border-top:1.5px dashed rgba(156,163,175,.5);height:0}.kpi-interactive-wrapper{display:flex;flex-direction:column;gap:.25rem;cursor:pointer;transition:opacity .2s ease}.kpi-interactive-wrapper:hover{opacity:.85}.kpi-title-label{font-size:.7rem;color:#4b5563;margin-left:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-row{display:flex;align-items:center;gap:.5rem}.kpi-item-icon{color:#059669;fill:transparent;flex-shrink:0;transition:all .2s ease}.kpi-item-icon.completed{fill:#05966926}.kpi-progress-pill{flex-grow:1;height:16px;border-radius:999px;border:2px solid #059669;position:relative;overflow:hidden;background:transparent;flex-shrink:0}.kpi-progress-fill{height:100%;background-color:#059669;transition:width .4s ease}.kpi-counter-text{font-size:.75rem;font-weight:700;color:#059669;min-width:32px;text-align:right}.tasks-branch-pane-container{position:relative;width:100%;height:186px}.tasks-branch-svg{position:absolute;left:-42px;top:0;width:58px;height:186px;pointer-events:none;z-index:1}.tasks-branch-svg.left-svg{left:auto;right:-42px}.branch-line-path{transition:stroke .3s ease,stroke-dasharray .3s ease}.view-task-item{position:absolute;left:0;right:0;height:44px;display:flex;align-items:center;gap:.75rem;padding:0 .5rem;background:transparent;border:none;cursor:pointer;z-index:10;transition:background-color .3s ease}.left-task-item{justify-content:flex-end;text-align:right}.left-tasks-branch{left:auto!important;right:0!important}.view-task-item:hover .item-title-text{color:#10b981}.view-task-item:hover .task-custom-circle{border-color:#10b981}.task-custom-circle{width:16px;height:16px;border-radius:50%;border:2px solid rgba(156,163,175,.6);background:#fff;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.view-task-item.checked .task-custom-circle{background:#10b981;border-color:#10b981}.view-task-item.checked .item-title-text{color:#059669;font-weight:600}.view-task-item .item-title-text{font-size:.875rem;font-weight:700;color:#111827;transition:color .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;position:relative}.view-task-item .item-title-text:after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:currentColor;transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.left-task-item .item-title-text:after{transform-origin:right}.view-task-item:not(.left-task-item) .item-title-text:after{transform-origin:left}.view-task-item.checked .item-title-text:after{transform:scaleX(1)}.pane-container{width:100%;max-width:320px}.side-pane{background:#ffffffbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(5,150,105,.15);border-radius:20px;padding:1.25rem;box-shadow:0 4px 20px #00000005;width:100%;transition:all .3s ease}.active-row .side-pane{border-color:#0596694d;box-shadow:0 10px 25px #0596690d}.side-pane:hover{border-color:#05966959;transform:translateY(-1px)}.pane-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(5,150,105,.08)}.pane-header h3{font-family:Roboto Mono,monospace;font-size:.875rem;font-weight:700;color:var(--black);text-transform:uppercase;letter-spacing:.05em}.quick-add-btn{background:#05966914;border:none;width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--brand-primary);cursor:pointer;transition:all .2s ease}.quick-add-btn:hover{background:var(--brand-primary);color:#fff;transform:scale(1.05)}.pane-list{display:flex;flex-direction:column;gap:.625rem;max-height:240px;overflow-y:auto;padding-right:4px}.pane-list::-webkit-scrollbar{width:4px}.pane-list::-webkit-scrollbar-thumb{background:#05966926;border-radius:99px}.pane-empty-text{font-size:.8rem;color:var(--text-secondary);font-style:italic;padding:.5rem 0}.pane-item{display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid rgba(5,150,105,.06);border-radius:12px;padding:.75rem 1rem;transition:all .2s ease;position:relative}.pane-item:hover{border-color:#05966926;background:#f0fdf433}.pane-item.checked{opacity:.65;background:#f9fafb}.pane-item.checked .item-title-text{text-decoration:line-through;color:var(--text-secondary)}.pane-item.edit-state{padding-left:.5rem}.drag-handle-grip{cursor:grab;color:#9ca3af;display:flex;align-items:center;justify-content:center}.item-editable-title{flex:1;font-size:.825rem;color:var(--text-primary);font-weight:500}.item-delete-btn{background:transparent;border:none;color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:background .2s ease}.item-delete-btn:hover{background:#fee2e2}.edit-subgoal-modal{background:#fff;border:1px solid rgba(5,150,105,.2);border-radius:24px;padding:2rem;max-width:480px;width:90%;box-shadow:0 20px 40px #00000026;animation:scaleInModal .3s cubic-bezier(.34,1.56,.64,1) forwards}.modal-header-with-close{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header-with-close h3{font-size:1.125rem;font-weight:700;color:var(--black)}.modal-close-x{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close-x:hover{background:#f3f4f6;color:var(--black)}.modal-form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.modal-form-group label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.modal-form-group input{padding:.75rem 1rem;border:1px solid rgba(5,150,105,.2);border-radius:12px;font-size:.875rem;outline:none;transition:border .2s ease}.modal-form-group input:focus{border-color:var(--brand-primary)}.icons-grid-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;max-height:180px;overflow-y:auto;padding:4px}.picker-icon-btn{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.picker-icon-btn:hover{background:var(--bg-subtle);border-color:var(--brand-primary);color:var(--brand-primary);transform:translateY(-1px)}.picker-icon-btn.selected{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;box-shadow:0 4px 10px #05966933}.modal-action-footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:2rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.slide-in-left{animation:slideInLeft .5s cubic-bezier(.16,1,.3,1) forwards}.slide-in-right{animation:slideInRight .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.dragging{opacity:.4;border-style:dashed}@media (max-width: 900px){.timeline-grid-row{grid-template-columns:1fr;gap:1.5rem;padding:2rem 0;min-height:auto}.grid-side{justify-content:center!important;padding:0!important}.pane-container{max-width:100%}.tasks-branch-pane-container{height:auto}.tasks-branch-svg{display:none}.view-task-item{position:static;height:auto;padding:.75rem 1rem;background:#fff;border:1px solid rgba(5,150,105,.08);border-radius:12px;margin-bottom:.5rem;width:100%;max-width:320px}.kpis-connecting-line{display:none}.kpis-card-box{width:100%;max-width:320px}.stem-segment-top,.stem-segment-bottom{display:none}}@media (min-width: 769px){.map-view-layout{padding-left:104px}}.banner-project-title.editable-title{cursor:pointer;width:fit-content;padding-bottom:2px;transition:all .2s ease}.banner-project-title.editable-title:hover{color:#a7f3d0}.banner-date-picker-inline{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:.25rem .75rem;border-radius:8px;color:#fff;transition:all .2s ease}.banner-date-input{background:transparent;border:none;color:#fff;font-family:inherit;font-size:.875rem;outline:none;cursor:pointer}.banner-date-input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.capsule-progress-circle-box{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto}.progress-circle-svg{position:absolute;top:0;left:0}.progress-circle-text{font-size:.625rem;font-weight:800;color:#059669;z-index:2;font-family:Inter,sans-serif;letter-spacing:-.02em}.progress-circle-bar{transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.active-wrapper .stem-segment-top{height:calc(50% - 54px)}.active-wrapper .stem-segment-bottom{height:calc(50% - 54px + 2.5rem)}.timeline-row-container:first-child .active-wrapper .stem-segment-top{height:calc(50% - 54px + 3.5rem)}.inactive-wrapper .stem-segment-top{height:calc(50% - 36px)}.inactive-wrapper .stem-segment-bottom{height:calc(50% - 36px + 2.5rem)}.timeline-row-container:first-child .inactive-wrapper .stem-segment-top{height:calc(50% - 36px + 3.5rem)}.inactive-wrapper .capsule-icon-box{width:100%!important;height:100%!important;color:#fff!important;margin:0!important;justify-content:center!important;align-items:center!important}.inactive-wrapper .check-icon-svg,.inactive-wrapper .lock-icon-svg{color:#fff!important}.kpi-row{display:flex;align-items:center;gap:.625rem;width:100%}.kpi-counter-btn{width:22px;height:22px;border-radius:50%;border:1px solid rgba(0,0,0,.1);background:#fff;color:#374151;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;padding:0;box-shadow:0 1px 2px #0000000d}.kpi-counter-btn:hover{background:#f3f4f6;border-color:#9ca3af}.kpi-counter-btn.plus:hover{background:#34d39926;border-color:#10b981;color:#059669}.kpi-counter-btn.minus:hover{background:#ef444426;border-color:#ef4444;color:#dc2626}.kpi-toggle-clickable{display:flex;align-items:center;gap:.75rem;cursor:pointer;width:100%}.kpi-custom-circle{width:18px;height:18px;border-radius:50%;border:2px solid #34D399;background:#fff;display:flex;align-items:center;justify-content:center;margin-left:auto;transition:all .2s cubic-bezier(.4,0,.2,1);color:#fff}.kpi-custom-circle.checked{background:#374151;border-color:#374151}.kpi-interactive-wrapper{display:flex;flex-direction:column;gap:.375rem;width:100%;padding:.5rem 0}.kpi-interactive-wrapper:not(:last-child){border-bottom:1px solid rgba(0,0,0,.04)}.edit-mode-task{cursor:default!important}.editable-task-title{font-family:inherit;font-size:.875rem;font-weight:700;color:#111827;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}.left-task-item .editable-task-title,.left-task-item .editable-task-title input,.left-task-item .editable-task-title .editable-input{text-align:right}.view-task-item:hover .editable-task-title{color:#10b981}.task-delete-btn{background:transparent;border:none;color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;transition:all .2s ease;opacity:0;pointer-events:none;flex-shrink:0}.task-delete-btn:hover{background:#fee2e2;transform:scale(1.1)}.view-task-item:hover .task-delete-btn{opacity:1;pointer-events:auto}.left-delete-btn{margin-right:.5rem}.right-delete-btn{margin-left:.5rem}.picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.picker-icon-btn{width:36px;height:36px;border-radius:8px;border:1px solid rgba(0,0,0,.05);background:#f9fafb;color:#4b5563;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.picker-icon-btn:hover{background:#10b9811a;color:#10b981;border-color:#10b9814d;transform:scale(1.05)}.picker-icon-btn.selected{background:#10b981;color:#fff;border-color:#10b981;box-shadow:0 2px 6px #10b9814d}.icon-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:transparent}.landing-page{width:100%;background-color:var(--white);color:var(--text-primary);scroll-behavior:smooth;font-family:var(--font-family)}.landing-container{max-width:1200px;margin:0 auto;padding:0 2rem}.landing-nav{position:sticky;top:0;z-index:100;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:var(--glass-border);padding:1rem 0}.nav-content{display:flex;align-items:center;justify-content:space-between}.nav-actions{display:flex;align-items:center;gap:1.5rem}.btn-signup-text{text-decoration:none;color:var(--brand-primary);font-weight:700;font-size:.95rem;transition:var(--transition)}.btn-signup-text:hover{filter:brightness(1.2)}.nav-links{display:flex;gap:2rem}.nav-links a{text-decoration:none;color:var(--text-secondary);font-weight:500;font-size:.95rem;transition:var(--transition)}.nav-links a:hover{color:var(--brand-primary)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.section-title{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:.5rem;color:var(--black);letter-spacing:-.02em}.section-subtitle{font-size:1.125rem;text-align:center;color:var(--text-secondary);margin-bottom:3.5rem}section{padding:6rem 0}.hero-section{padding:8rem 0 6rem;text-align:center;background-image:radial-gradient(at 0% 0%,rgba(52,211,153,.05) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(5,150,105,.05) 0px,transparent 50%)}.hero-content{display:flex;flex-direction:column;align-items:center;animation:fadeIn .8s ease-out}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-subtle);color:var(--brand-primary);padding:.5rem 1rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2rem;border:1px solid rgba(5,150,105,.2)}.icon-sparkle{color:#fbbf24}.hero-title{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.03em;color:var(--black);max-width:800px}.text-gradient{background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:3rem;max-width:600px;line-height:1.6}.btn-large{padding:1rem 2.5rem;font-size:1.125rem;border-radius:999px}.hero-visual-wide{position:relative;width:100%;max-width:1000px;margin-top:5rem;display:flex;justify-content:center}.blob-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(52,211,153,.1) 0%,transparent 70%);filter:blur(60px);z-index:1}.screenshot-container{width:100%;background:#fff;border-radius:12px;border:2px solid var(--brand-primary);overflow:hidden;position:relative;z-index:2}.screenshot-header{background:#f3f4f6;padding:.75rem 1.5rem;display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,.05)}.screenshot-dots{display:flex;gap:6px}.screenshot-dots span{width:8px;height:8px;border-radius:50%}.screenshot-dots span:nth-child(1){background:#ff5f56}.screenshot-dots span:nth-child(2){background:#ffbd2e}.screenshot-dots span:nth-child(3){background:#27c93f}.screenshot-title{margin-left:1.5rem;font-size:.75rem;color:var(--text-secondary);font-weight:500}.screenshot-body{padding:0;background:#fafafa;min-height:440px;display:flex;flex-direction:column}.mock-app-frame{display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 25px 50px -12px #05966926,0 0 0 1px #0596691a;width:100%;max-width:864px;margin:0 auto}.mock-app-body{display:flex;flex-direction:row;height:450px;min-height:450px;max-height:450px;background:#fafafa;position:relative}.mock-navbar-container{position:absolute;left:16px;top:50%;transform:translateY(-50%);z-index:100;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:20px;padding:6px;display:flex;flex-direction:column;gap:6px;box-shadow:0 4px 12px #0000000d}.mock-navbar-container .mock-nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;border:none;background:transparent;color:#9ca3af;cursor:pointer;transition:all .2s ease}.mock-navbar-container .mock-nav-btn:hover{background:#f3f4f6;color:#111827}.mock-navbar-container .mock-nav-btn.active{background:#f0fdf4;color:#10b981}.mock-app-viewport{flex:1;height:450px;min-height:450px;max-height:450px;overflow:hidden;position:relative;display:flex;flex-direction:column;background:#fafafa;-webkit-user-select:none;user-select:none;box-sizing:border-box;padding-left:64px}.mock-map-view{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem 1rem;box-sizing:border-box}.mock-map-header-card{width:260px;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:.75rem 1rem;box-shadow:0 4px 12px #00000008;z-index:10;display:flex;flex-direction:column;gap:.5rem}.mock-map-header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.mock-map-header-title{font-size:.75rem;font-weight:700;color:#111827;margin:0;text-align:left;line-height:1.25}.mock-map-header-edit{color:#9ca3af;flex-shrink:0}.mock-map-header-bottom{display:flex;justify-content:space-between;align-items:center;font-size:.65rem;color:#6b7280}.mock-map-header-progress{display:flex;flex-direction:column;gap:.2rem;align-items:flex-start}.mock-map-progress-track{width:80px;height:4px;background:#f3f4f6;border-radius:2px;overflow:hidden}.mock-map-progress-fill{height:100%;background:#10b981}.mock-map-header-days{display:flex;align-items:center;gap:.25rem;background:#fef2f2;color:#ef4444;padding:.15rem .35rem;border-radius:4px;font-weight:600}.mock-map-stem-container{display:flex;flex-direction:column;align-items:center;z-index:5}.mock-map-stem-line{width:1.5px;height:24px;background:#9ca3af4d}.mock-map-lock-node{width:22px;height:22px;border-radius:50%;border:1px solid rgba(0,0,0,.08);background:#fff;display:flex;align-items:center;justify-content:center;color:#9ca3af}.mock-map-task-item{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:8px;padding:.45rem .75rem;font-size:.7rem;color:#374151;font-weight:500;box-shadow:0 2px 6px #00000005;transition:all .2s ease;white-space:nowrap}.mock-map-task-item:hover{border-color:#10b981}.mock-map-task-item.completed{border-color:#10b981;opacity:.7}.mock-map-task-item.completed .mock-map-task-title{text-decoration:line-through;color:#9ca3af}.mock-map-task-circle{width:10px;height:10px;border-radius:50%;border:1.5px solid #d1d5db;background:#fff;transition:all .2s ease;flex-shrink:0}.mock-map-task-item.completed .mock-map-task-circle{border-color:#10b981;background:#10b981}.mock-card-left{display:flex;align-items:center;gap:.6rem;position:relative}.mock-rocket-icon{color:#111827;flex-shrink:0}.mock-card-title-selector{display:flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;color:#111827;cursor:pointer;-webkit-user-select:none;user-select:none}.mock-dropdown-check{width:12px;height:12px;border-radius:3px;border:1px solid #d1d5db;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mock-dropdown-check.completed{border-color:#10b981;background:#10b981}.mock-dropdown-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-card-right{display:flex;align-items:center}.mock-progress-circle-badge{background:#f3f4f6;border-radius:12px;padding:.2rem .5rem;font-size:.65rem;font-weight:700;color:#4b5563}.problems-section{background:#f9fafb}.problems-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.problem-card{background:#fff;padding:2rem;border-radius:var(--radius-m);border:1px solid var(--border-main);text-align:center;transition:var(--transition)}.problem-card:hover{transform:translateY(-5px);border-color:var(--brand-primary)}.problem-icon{color:var(--error);margin-bottom:1.5rem}.problem-card h3{font-size:1.25rem;margin-bottom:1rem;color:var(--black)}.problem-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.solution-section{background:#fff}.feature-grid-large{display:grid;grid-template-columns:1fr;gap:3rem;max-width:800px;margin:0 auto}.feature-item-large{display:flex;align-items:flex-start;gap:1.5rem;padding:2.5rem;background:var(--glass-bg);border:var(--glass-border);border-radius:var(--radius-l);transition:var(--transition)}.feature-item-large:hover{transform:translate(10px);background:var(--bg-subtle);border-color:var(--brand-light)}.feature-icon-wrapper{background:var(--brand-gradient);color:#fff;padding:1rem;border-radius:16px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.3)}.feature-text h3{font-size:1.5rem;font-weight:800;margin-bottom:.75rem;color:var(--black)}.feature-text p{font-size:1.125rem;color:var(--text-secondary);line-height:1.6}.pricing-section{background:#f9fafb}.pricing-toggle-container{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:3rem;font-weight:600;color:var(--text-secondary)}.pricing-toggle-container .active{color:var(--black)}.pricing-toggle-switch{width:54px;height:28px;background:#e5e7eb;border-radius:999px;padding:4px;border:none;cursor:pointer;transition:var(--transition);position:relative}.pricing-toggle-switch.yearly{background:var(--brand-primary)}.toggle-dot{width:20px;height:20px;background:#fff;border-radius:50%;transition:var(--transition);transform:translate(0)}.pricing-toggle-switch.yearly .toggle-dot{transform:translate(26px)}.discount-tag{background:#dcfce7;color:#166534;padding:.25rem .625rem;border-radius:999px;font-size:.75rem;margin-left:.5rem}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:800px;margin:0 auto}.pricing-grid.single-plan{grid-template-columns:1fr;max-width:440px}.pricing-card{background:#fff;padding:3rem 2rem;border-radius:var(--radius-l);border:1px solid var(--border-main);display:flex;flex-direction:column;position:relative}.pricing-card.pro{border:2px solid var(--brand-primary);transform:scale(1.05)}.pre-sale-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--brand-primary);color:#fff;padding:.25rem 1rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.pricing-header{text-align:center;margin-bottom:2rem;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:2rem}.pricing-header h3{font-size:1.5rem;color:var(--black);margin-bottom:1rem}.price-container{display:flex;align-items:baseline;justify-content:center;gap:.75rem}.original-price{font-size:1.25rem;color:var(--text-secondary);text-decoration:line-through;opacity:.5;font-weight:500}.price{font-size:1rem;color:var(--text-secondary);font-weight:500}.price span{font-size:3rem;font-weight:800;color:var(--black)}.billing-cycle-wrapper{height:20px;margin-top:.5rem}.billing-cycle{font-size:.8125rem;color:var(--text-secondary);font-weight:500;opacity:0;transition:var(--transition);transform:translateY(-5px)}.billing-cycle.visible{opacity:1;transform:translateY(0)}.pricing-features{list-style:none;flex:1;margin-bottom:2rem}.pricing-features li{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:var(--text-primary)}.pricing-features li svg{color:var(--brand-primary)}.landing-footer{background:#f9fafb;padding:5rem 0 2rem;border-top:1px solid rgba(0,0,0,.05)}.footer-content{display:flex;justify-content:space-between;gap:4rem;margin-bottom:4rem}.footer-brand{max-width:300px}.footer-brand .logo-img{width:40px;height:40px;margin-bottom:.5rem}.footer-brand p{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin-top:1rem;margin-bottom:1.5rem}.footer-socials{display:flex;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;transition:var(--transition)}.social-link:hover{opacity:.7}.social-icon-img{width:24px;height:24px;object-fit:contain}.footer-links{display:flex;gap:4rem}.link-group h4{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--black);margin-bottom:1.5rem;font-weight:700}.link-group{display:flex;flex-direction:column;gap:.75rem}.link-group a{color:var(--text-secondary);text-decoration:none;font-size:.9375rem;transition:var(--transition)}.link-group a:hover{color:var(--brand-primary)}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(0,0,0,.05);text-align:center}.footer-bottom p{color:var(--text-secondary);font-size:.875rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.mr-1{margin-right:.25rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 860px){.hero-title{font-size:3rem}.problems-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr;max-width:400px}.pricing-card.pro{transform:scale(1)}.footer-content{flex-direction:column;gap:3rem}}@media (max-width: 640px){.nav-links{display:none}.hero-title{font-size:2.5rem}}.section-cta{display:flex;justify-content:center;margin-top:4rem}.pricing-note{font-size:.8rem;color:#059669;font-weight:600;margin-top:8px}.faq-section{padding:100px 0;background:#fff}.faq-accordion{max-width:800px;margin:60px auto 0;display:flex;flex-direction:column;gap:16px}.faq-item{border:1px solid var(--border-main);border-radius:16px;overflow:hidden;transition:all .3s ease;background:#fff}.faq-item.active{border-color:var(--brand-primary);background:#f0fdf4}.faq-question{width:100%;padding:24px;display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;cursor:pointer;text-align:left;font-size:1.1rem;font-weight:700;color:var(--black)}.faq-icon{color:var(--text-secondary);transition:transform .3s ease}.faq-item.active .faq-icon{transform:rotate(90deg);color:var(--brand-primary)}.faq-answer{max-height:0;overflow:hidden;transition:all .3s ease;padding:0 24px}.faq-item.active .faq-answer{max-height:200px;padding-bottom:24px}.faq-answer p{color:var(--text-secondary);line-height:1.6;font-size:1rem}@media (max-width: 768px){.faq-grid{grid-template-columns:1fr;gap:30px}}.newsletter-section{background:#fff;padding:8rem 0}.newsletter-card{background:var(--bg-subtle);border:1px solid rgba(5,150,105,.2);border-radius:var(--radius-l);padding:4rem;display:flex;align-items:center;gap:4rem;position:relative;overflow:hidden}.newsletter-content{flex:1;z-index:2}.newsletter-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:var(--black)}.newsletter-subtitle{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2.5rem;max-width:500px;line-height:1.6}.newsletter-form{display:flex;gap:1rem;max-width:480px}.newsletter-input{flex:1;padding:1rem 1.5rem;border-radius:999px;border:1px solid #D1D5DB;font-size:1rem;outline:none;transition:var(--transition)}.newsletter-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px #0596691a}.newsletter-btn{padding:0 2rem;white-space:nowrap}.newsletter-visual{flex:0 0 auto;opacity:.1;color:var(--brand-primary);transform:rotate(-15deg);z-index:1}.newsletter-success{display:flex;align-items:center;gap:1rem;background:#fff;padding:1rem 2rem;border-radius:999px;color:var(--brand-primary);font-weight:600;border:1px solid var(--brand-primary);width:fit-content;animation:fadeIn .4s ease-out}.newsletter-error{margin-top:1rem;color:var(--error);font-size:.875rem;font-weight:600;animation:fadeIn .4s ease-out}.floating-icon{animation:float 6s ease-in-out infinite}@media (max-width: 860px){.newsletter-card{flex-direction:column;text-align:center;padding:3rem 2rem}.newsletter-form{flex-direction:column;margin:0 auto}.newsletter-subtitle{margin-left:auto;margin-right:auto}.newsletter-visual{display:none}}.navbar-container{position:fixed;z-index:1000;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:var(--glass-border);display:flex}.nav-item{display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #4B5563);text-decoration:none;transition:all .2s ease-in-out;position:relative;border-radius:12px}.nav-item:hover,.nav-item.active{color:var(--brand-primary, #059669);background:var(--bg-subtle, #F0FDF4)}@media (min-width: 769px){.navbar-container{top:50%;left:24px;transform:translateY(-50%);flex-direction:column;padding:6px;border-radius:20px;gap:6px}.nav-item{width:48px;height:48px}.nav-item.active:before{content:none}}@media (max-width: 768px){.navbar-container{bottom:24px;left:50%;transform:translate(-50%);flex-direction:row;padding:12px 24px;border-radius:24px;gap:32px;width:max-content}.nav-item{width:48px;height:48px}.nav-item.active:after{content:none}}.step-header{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;width:100%;min-height:32px}.step-progress{position:absolute;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:800;color:var(--brand-primary);text-transform:uppercase;letter-spacing:.05em;background:#0596691a;padding:.25rem .75rem;border-radius:20px;white-space:nowrap}.form-step-container{width:100%}.milestone-node-capsule-outer{position:relative;width:400px;height:108px;border-radius:24px;background:linear-gradient(135deg,#34d399,#059669);display:flex;align-items:center;justify-content:center;z-index:5;padding:3px;box-shadow:0 6px 20px #05966926;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.milestone-node-capsule-inner{width:100%;height:100%;border-radius:21px;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;padding:0 1.5rem;gap:1.25rem;position:relative;z-index:2;overflow:hidden;transition:background .3s ease;font-family:Inter,sans-serif}.milestone-node-capsule-outer.completed{opacity:.9;box-shadow:0 4px 12px #0596691a}.milestone-node-capsule-outer.completed .milestone-node-capsule-inner{background:#f0fdf4e6}.milestone-node-capsule-outer.active{box-shadow:0 8px 25px #05966926}.milestone-node-capsule-outer.locked{background:linear-gradient(135deg,#d1d5db,#9ca3af);box-shadow:none}.milestone-node-capsule-outer.locked .milestone-node-capsule-inner{background:#f3f4f6e6}.milestone-node-capsule-outer.locked .capsule-icon-box{border-color:#9ca3af;color:#9ca3af}.milestone-node-capsule-outer.locked .capsule-title-text{color:#9ca3af}.milestone-node-capsule-outer.editable{cursor:grab}.milestone-node-capsule-outer:hover .edit-overlay-buttons{opacity:1}.add-milestone-wrapper{display:flex;justify-content:center;width:100%;margin-top:1.5rem;z-index:30}.add-milestone-timeline-btn{background:#fff;border:2px dashed rgba(5,150,105,.4);color:var(--brand-primary);border-radius:16px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.add-milestone-timeline-btn:hover{background:var(--bg-subtle);border-color:var(--brand-primary);transform:translateY(-2px)}.timeline-add-milestone-btn{position:absolute;top:calc(50% + 54px);left:50%;transform:translate(-50%,-50%) scale(1);width:40px;height:40px;border-radius:50%;background:var(--brand-primary, #059669);border:2px solid white;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px #0596694d;z-index:50;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.timeline-add-milestone-btn:hover{transform:translate(-50%,-50%) scale(1.12);background:#047857;box-shadow:0 6px 14px #05966966}.timeline-add-milestone-btn:active{transform:translate(-50%,-50%) scale(.95)}.banner-date-picker-inline:focus-within{background:#ffffff26;border-color:#34d39980;box-shadow:0 0 0 2px #34d39933}.inactive-wrapper .milestone-node-capsule-outer{width:72px!important;height:72px!important;border-radius:50%!important;padding:0!important;box-shadow:0 4px 10px #00000014}.inactive-wrapper .milestone-node-capsule-inner{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:50%!important;padding:0!important;justify-content:center!important;align-items:center!important;gap:0!important}.milestone-add-task-btn{position:absolute;left:calc(50% + 200px);top:50%;transform:translate(-50%,-50%) scale(.9);width:28px;height:28px;border-radius:50%;background:var(--brand-primary, #059669);border:2px solid white;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px #0596694d;z-index:60;opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.center-node-wrapper:hover .milestone-add-task-btn,.milestone-add-task-btn:hover{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.milestone-add-task-btn:hover{background:#047857;transform:translate(-50%,-50%) scale(1.12)}.milestone-add-task-btn:active{transform:translate(-50%,-50%) scale(.95)}.milestone-delete-btn{position:absolute;left:calc(50% - 200px);top:50%;transform:translate(-50%,-50%) scale(.9);width:28px;height:28px;border-radius:50%;background:#ef4444;border:2px solid white;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px #ef44444d;z-index:60;opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.center-node-wrapper:hover .milestone-delete-btn,.milestone-delete-btn:hover{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.milestone-delete-btn:hover{background:#dc2626;transform:translate(-50%,-50%) scale(1.12)}.milestone-delete-btn:active{transform:translate(-50%,-50%) scale(.95)}.milestone-icon-picker-popover{position:absolute;top:calc(50% + 66px);left:calc(50% - 152px);transform:translate(-50%);background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 10px 30px #00000026,0 1px 3px #0000000d;padding:12px;z-index:100;width:220px;cursor:default}.milestone-icon-picker-popover:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:#fff;border-left:1px solid rgba(0,0,0,.08);border-top:1px solid rgba(0,0,0,.08)}.milestone-node-capsule-outer.editable .capsule-icon-box:hover{color:#10b981}.milestone-node-capsule-outer.editable .capsule-icon-box{transition:all .2s ease}.editable-milestone-title{cursor:text}.editable-milestone-title input,.editable-milestone-title .editable-input{background:#fff!important;color:#111827!important;border:1px solid var(--brand-primary)!important;border-radius:6px!important;font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;padding:2px 8px!important;text-align:center!important}.mock-map-milestone-capsule{width:200px;height:40px;background:linear-gradient(135deg,#34d399,#059669);padding:2px;border-radius:20px;box-shadow:0 4px 12px #05966926;display:flex;align-items:center;justify-content:center;z-index:10;box-sizing:border-box}.mock-map-milestone-capsule-inner{width:100%;height:100%;background:#ffffffe6;border-radius:18px;display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;box-sizing:border-box}.mock-map-milestone-left{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;color:#111827}.mock-map-milestone-right{display:flex;align-items:center}.mock-circular-progress-svg{width:22px;height:22px;transform:rotate(-90deg)}.mock-focus-view{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;box-sizing:border-box}.mock-focus-timer-badge{display:flex;align-items:center;gap:.35rem;background:#10b98114;border:1px solid rgba(16,185,129,.2);color:#047857;padding:.25rem .6rem;border-radius:20px;font-size:.7rem;font-weight:700;margin-bottom:2rem;font-family:monospace}.mock-focus-active-card{width:320px;height:52px;background:linear-gradient(135deg,#34d399,#059669);padding:2px;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 24px #05966914;box-sizing:border-box}.mock-focus-active-card-inner{width:100%;height:100%;background:#ffffffe6;border-radius:10px;display:flex;align-items:center;justify-content:space-between;padding:0 .85rem;box-sizing:border-box}.mock-focus-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:220px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:0 10px 25px #00000014;z-index:100;overflow:hidden;padding:.25rem 0}.mock-focus-dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.7rem;color:#374151;font-weight:500;cursor:pointer}.mock-focus-dropdown-item:hover{background:#f9fafb}.mock-focus-dropdown-item.active{background:#10b9810d;color:#10b981}.mock-focus-add-btn{position:absolute;bottom:-11px;left:50%;transform:translate(-50%);width:22px;height:22px;border-radius:50%;background:#10b981;border:1.5px solid #111827;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:15;transition:transform .15s ease}.mock-focus-add-btn:hover{transform:translate(-50%) scale(1.1)}.mock-focus-steps-row{display:flex;gap:1.75rem;margin-top:4.5rem;justify-content:center;align-items:flex-start;width:100%}.mock-focus-step-item{display:flex;flex-direction:column;align-items:center;gap:.4rem;cursor:pointer;-webkit-user-select:none;user-select:none;width:80px;text-align:center}.mock-focus-step-circle{width:12px;height:12px;border-radius:50%;border:1.5px solid #d1d5db;background:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:5}.mock-focus-step-item.completed .mock-focus-step-circle{border-color:#10b981;background:#10b981}.mock-focus-step-title{font-size:.65rem;font-weight:500;color:#4b5563;line-height:1.2}.mock-focus-step-item.completed .mock-focus-step-title{text-decoration:line-through;color:#9ca3af}.focus-container{display:flex;justify-content:center;align-items:flex-start;width:100%;flex:1;min-height:calc(100vh - 80px);padding:8vh 2rem 4rem 2rem;background:radial-gradient(circle at center,rgba(52,211,153,.03) 0%,transparent 70%);box-sizing:border-box}.focus-card-wrapper{position:relative;width:100%;max-width:800px;display:flex;flex-direction:column;gap:1.5rem}.focus-glow-orb{position:absolute;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(5,150,105,.15) 0%,rgba(52,211,153,.05) 50%,transparent 100%);filter:blur(40px);z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.focus-glass-card{position:relative;z-index:2;background:#ffffffbf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(5,150,105,.15);border-radius:32px;padding:3.5rem 3rem;width:100%;text-align:center;box-shadow:0 20px 50px #0596690f,inset 0 1px 1px #fff9;display:flex;flex-direction:column;align-items:center;gap:2rem;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.focus-glass-card.is-completing{transform:scale(.9) translateY(-10px);opacity:.5;filter:blur(2px);pointer-events:none}.focus-task-info-card.milestone-node-capsule-outer{position:relative;width:100%;height:auto;min-height:108px;border-radius:24px;background:linear-gradient(135deg,#34d399,#059669);padding:3px;box-shadow:0 10px 30px #05966914;overflow:visible!important}.focus-task-info-inner.milestone-node-capsule-inner{width:100%;height:100%;border-radius:21px;background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:2.5rem 2.25rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;overflow:visible!important;font-family:Inter,sans-serif;box-sizing:border-box}.focus-task-header-left{display:flex;align-items:center;gap:1.5rem;flex:1}.focus-milestone-icon-box{width:48px;height:48px;background:transparent!important;border-radius:0;color:var(--black)!important;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.focus-title-wrapper{flex:1;text-align:left}.focus-title-wrapper .focus-task-title{font-size:2rem;font-weight:800;color:var(--black);line-height:1.25;letter-spacing:-.02em;margin:0}.focus-active-task-container{display:flex;flex-direction:column;gap:1.5rem;width:100%;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.focus-active-task-container.is-completing{transform:scale(.9) translateY(-10px);opacity:.5;filter:blur(2px);pointer-events:none}.focus-icon-spin{animation:spinSlow 8s linear infinite;color:var(--brand-primary)}.focus-header{display:flex;align-items:center;gap:.5rem;color:var(--brand-primary);background:#05966914;border:1px solid rgba(5,150,105,.12);padding:.5rem 1rem;border-radius:99px;font-weight:700;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.focus-task-title{font-size:2.5rem;font-weight:800;color:var(--black);line-height:1.15;letter-spacing:-.03em;margin:0}.focus-context-tag{display:inline-flex;align-items:center;gap:.375rem;background:#00000008;padding:.375rem .875rem;border-radius:8px;font-size:.875rem}.focus-context-label{color:var(--text-secondary);font-weight:500}.focus-context-value{color:var(--black);font-weight:700}.focus-micro-progress{width:100%;display:flex;flex-direction:column;gap:.5rem;text-align:left}.focus-complete-btn{margin-top:1rem;font-size:1.05rem;padding:1rem 2.25rem;display:flex;align-items:center;justify-content:center;gap:.75rem;border-radius:16px;background:var(--brand-gradient);color:#fff;border:none;font-weight:700;cursor:pointer;width:100%;transition:all .2s ease}.focus-complete-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #05966940;filter:brightness(1.05)}.focus-complete-btn:active{transform:translateY(0)}.focus-complete-btn:disabled{opacity:.7;cursor:not-allowed}.focus-empty-card{background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(5,150,105,.15);border-radius:32px;padding:4rem 3rem;text-align:center;max-width:500px;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem;box-shadow:0 20px 50px #0596690f}.focus-empty-icon{margin-bottom:.5rem}@media (min-width: 769px){.focus-container{padding-left:104px}.focus-layout-grid{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:3rem;width:100%;max-width:1000px;flex-wrap:wrap;z-index:2}.focus-kpi-sidebar{flex-shrink:0;width:300px}.focus-kpi-sidebar .kpis-card-box{position:relative;border:2px solid #059669;border-radius:24px;padding:1.5rem 1.25rem 1rem;background:#fff;display:flex;flex-direction:column;gap:.875rem;box-shadow:0 10px 30px #05966914}.focus-kpi-sidebar .kpis-card-header{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#fff;padding:0 .75rem;font-family:Roboto Mono,monospace;font-size:.75rem;font-weight:700;color:#059669;text-transform:uppercase;letter-spacing:.05em}}@media (max-width: 768px){.focus-layout-grid{flex-direction:column;align-items:center;gap:2rem}.focus-kpi-sidebar{width:100%;max-width:600px}}.active-task-deadline-container-external{display:flex;justify-content:center;margin-bottom:1.25rem;z-index:10;width:100%}.deadline-box{display:inline-flex;align-items:center;gap:.6rem;height:38px;padding:0 1rem;border-radius:12px;background:var(--bg-subtle);border:1.5px solid rgba(5,150,105,.15);color:var(--brand-primary);font-family:Inter,sans-serif;font-size:.88rem;font-weight:700;box-sizing:border-box;transition:var(--transition)}.deadline-box:hover{background:#34d39914;border-color:var(--brand-primary)}.deadline-box.overdue{background:#fef2f2;border-color:#ef444440;color:var(--error)}.deadline-text-placeholder{font-family:inherit;font-size:.88rem;font-weight:700;color:var(--brand-primary);letter-spacing:-.01em}.deadline-countdown-text{color:var(--brand-primary);font-family:Inter,sans-serif;font-weight:700}.deadline-box.overdue .deadline-countdown-text{color:var(--error)}.deadline-inline-editor{display:flex;align-items:center;gap:.5rem}.circular-progress-wrapper{position:relative;width:56px;height:56px;flex-shrink:0}.progress-state-svg{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .35s ease,transform .35s cubic-bezier(.34,1.56,.64,1);transform-origin:center}.progress-state-svg.hidden{opacity:0;transform:scale(.7) rotate(-90deg);pointer-events:none}.progress-state-svg.visible{opacity:1;transform:scale(1) rotate(0);pointer-events:auto}.progress-state-button{position:absolute;top:0;left:0;width:56px;height:56px;border-radius:50%;background:var(--brand-gradient);border:none;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px #05966940;cursor:pointer;padding:0;transform-origin:center;transition:opacity .35s ease,transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.progress-state-button.hidden{opacity:0;transform:scale(.7);pointer-events:none}.progress-state-button.visible{opacity:1;transform:scale(1);pointer-events:auto}.progress-state-button.visible:hover{transform:scale(1.08);box-shadow:0 6px 20px #05966959}.progress-state-button.visible:active{transform:scale(.95)}.focus-active-task-container{position:relative;width:100%}.focus-tree-roots-container{position:relative;width:100%;margin-top:6rem;margin-bottom:2rem;z-index:2}.focus-steps-horizontal-row{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:3rem;flex-wrap:wrap;width:100%}.focus-step-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;position:relative;width:190px;text-align:center;cursor:pointer;transition:all .3s ease;animation:stepFadeInScale .5s cubic-bezier(.34,1.56,.64,1) both}.roots-svg-canvas path{animation:revealRootLine .7s cubic-bezier(.25,1,.5,1) forwards}.focus-step-custom-circle{width:18px;height:18px;border-radius:50%;border:2px solid rgba(156,163,175,.6);background:#fff;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;z-index:5}.focus-step-item.checked .focus-step-custom-circle{background:#10b981;border-color:#10b981}.focus-step-item:hover .focus-step-custom-circle{border-color:var(--brand-primary)}.step-inline-textarea{width:100%;font-family:inherit;font-size:.875rem;font-weight:700;color:#111827;background:transparent!important;border:none!important;outline:none!important;padding:2px 4px;margin:0;resize:none!important;overflow:hidden!important;line-height:1.4;transition:var(--transition);text-align:center}.focus-step-item.checked .step-inline-textarea{color:#059669;font-weight:600;text-decoration:line-through;opacity:.6}.step-inline-textarea:hover{background:transparent!important;cursor:pointer}.step-inline-textarea:focus{background:transparent!important;cursor:text;color:var(--black)}.focus-step-item .step-item-btn.delete{position:absolute;top:-12px;right:6px;opacity:0;transition:opacity .2s ease,transform .2s ease;background:#fff;border:1px solid rgba(0,0,0,.08);color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;box-shadow:0 2px 5px #0000001a;z-index:10}.focus-step-item:hover .step-item-btn.delete{opacity:1}.focus-step-item .step-item-btn.delete:hover{background:#fee2e2;transform:scale(1.1)}.focus-add-step-trigger-btn{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%) scale(1);width:28px;height:28px;border-radius:50%;background:var(--brand-primary, #059669);border:2px solid white;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px #0596694d;z-index:50;transition:all .2s cubic-bezier(.34,1.56,.64,1);padding:0}.focus-add-step-trigger-btn:hover{transform:translate(-50%,50%) scale(1.12);background:#047857;box-shadow:0 6px 14px #05966966}.focus-add-step-trigger-btn:active{transform:translate(-50%,50%) scale(.95)}.focus-title-wrapper{position:relative;display:inline-block}.focus-task-title-selector-trigger{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:8px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.focus-task-title-selector-trigger:hover{background:#0000000a}.focus-task-title-selector-trigger .focus-task-title{font-size:2rem;font-weight:800;color:var(--black);line-height:1.25;letter-spacing:-.02em;margin:0}.focus-task-title-selector-trigger:hover .title-chevron-icon{color:var(--brand-primary);transform:translateY(1px)}.task-selector-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:990;background:transparent}.task-selector-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:320px;max-width:480px;background:#fff;border:1px solid rgba(5,150,105,.15);border-radius:16px;box-shadow:0 12px 30px #0000001a;z-index:995;padding:8px;overflow:hidden;animation:dropdownFadeInScale .2s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top left}.task-selector-header{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:8px 12px 6px;border-bottom:1px solid rgba(0,0,0,.04);margin-bottom:6px}.task-selector-list{max-height:240px;overflow-y:auto}.task-selector-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.task-selector-item:hover{background:#0596690d}.task-selector-item.current{background:#05966914}.task-selector-item.current .task-selector-item-title{color:var(--brand-primary);font-weight:700}.task-selector-item.completed{opacity:.65}.task-selector-item.completed .task-selector-item-title{text-decoration:line-through}.task-selector-item-status{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.task-selector-item-bullet{width:6px;height:6px;border-radius:50%;background:var(--text-secondary)}.task-selector-item.current .task-selector-item-bullet{background:var(--brand-primary)}.task-selector-item-title{font-size:.9rem;font-weight:600;color:var(--black);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.focus-step-item.is-entry-point{transform:scale(1.08);z-index:10;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.focus-step-item.is-entry-point .step-inline-textarea{color:var(--black)!important;font-weight:800!important}.focus-step-item.is-entry-point .focus-step-custom-circle{border-color:#10b981!important;background:#10b9811a!important;box-shadow:0 0 8px #10b98166;position:relative}.focus-step-item.is-entry-point .focus-step-custom-circle:after{content:"";position:absolute;width:24px;height:24px;border-radius:50%;border:2px solid #10b981;animation:pulse-ring 1.5s cubic-bezier(.215,.61,.355,1) infinite;opacity:0;pointer-events:none}.focus-step-item.is-blurred{filter:blur(2.5px);opacity:.25;pointer-events:none;transform:scale(.92);transition:all .4s ease}.focus-step-item.is-blurred:focus-within{filter:none!important;opacity:1!important;pointer-events:auto!important;transform:scale(1)!important}.profile-container{display:flex;flex-direction:column;gap:24px;width:100%;max-width:800px;margin:0 auto;padding:24px;position:relative}.back-btn{width:48px;height:48px;border-radius:50%;border:1px solid var(--border-main);background:var(--bg-paper, #FFFFFF);display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--text-primary);transition:all .2s ease;margin-bottom:8px}.back-btn:hover{background:var(--bg-subtle, #F0FDF4);color:var(--brand-primary);border-color:var(--brand-primary);transform:translate(-4px)}.profile-header-card{background:var(--bg-paper, #FFFFFF);border-radius:24px;padding:32px;display:flex;align-items:center;gap:24px;border:2px solid var(--brand-primary);position:relative}.profile-avatar{width:80px;height:80px;background:var(--bg-subtle, #F0FDF4);color:var(--brand-primary, #059669);border-radius:50%;display:flex;justify-content:center;align-items:center}.profile-info h1{margin:0;font-size:1.5rem;color:var(--text-primary, #111827)}.profile-info p{margin:4px 0 0;color:var(--text-secondary, #4B5563);font-size:.875rem}.profile-badge-row{margin-top:12px;display:flex;gap:8px}.badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:999px}.badge.pro{background:var(--brand-gradient);color:#fff}.badge.free{background:var(--bg-subtle);color:var(--brand-primary);border:1px solid rgba(5,150,105,.2)}.profile-actions{margin-left:auto;display:flex;flex-direction:column;gap:12px;align-items:flex-end}.manage-btn,.upgrade-btn,.signout-btn{display:flex;align-items:center;gap:8px;width:fit-content;font-size:.875rem}.upgrade-btn{padding:.75rem 1.25rem}.subscription-card{background:#f0fdf4;border-radius:24px;border:1px solid #d1fae5;overflow:hidden;transition:all .2s ease}.sub-card-header{padding:32px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #d1fae5}.plan-identity{display:flex;gap:20px;align-items:center}.plan-icon{width:52px;height:52px;background:#059669;color:#fff;border-radius:14px;display:flex;justify-content:center;align-items:center}.plan-identity h3{margin:0;font-size:1.25rem;font-weight:700;color:#064e3b}.plan-identity p{margin:2px 0 0;font-size:.875rem;color:#059669;font-weight:600}.status-pill{padding:6px 14px;border-radius:8px;font-size:.75rem;font-weight:700;letter-spacing:.02em;border:1px solid transparent}.status-pill.active{background:#059669;color:#fff}.status-pill.cancelled{background:#fef3c7;color:#92400e;border-color:#fde68a}.sub-details-section{padding:24px 32px;display:flex;flex-direction:column;gap:16px}.sub-detail-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px dashed #d1fae5}.sub-detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-label{display:flex;align-items:center;gap:10px;color:#065f46;font-size:.875rem;font-weight:600}.detail-value{font-weight:700;color:#064e3b;font-size:.9375rem;display:flex;align-items:center;gap:6px}.detail-subtext{font-size:.75rem;color:#059669;font-weight:500}.sub-card-footer{background:#ffffff80;padding:24px 32px;border-top:1px solid #d1fae5}.btn-manage-cancel{background:transparent;border:none;color:#ef4444;font-size:.875rem;font-weight:600;padding:0;cursor:pointer;transition:opacity .2s}.btn-manage-cancel:hover{opacity:.7;text-decoration:underline}.ending-notice{display:flex;align-items:center;gap:12px;color:#92400e;font-size:.875rem;font-weight:500}.animate-in{animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.custom-modal-card p{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;text-align:left}.custom-modal-card p.sub-text{font-size:.875rem;color:var(--text-secondary)}.btn-cancel{background:transparent;color:var(--text-primary);border:1px solid var(--border-main);padding:.625rem 1.25rem;border-radius:var(--radius-m);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-cancel:hover{background:var(--bg-subtle)}.btn-danger{background:#ef4444;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:var(--radius-m);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.btn-danger:disabled{opacity:.7;cursor:not-allowed}.heatmap-card{background:var(--bg-paper, #FFFFFF);border-radius:24px;padding:32px;border:1px solid var(--border-main);display:flex;flex-direction:column}.heatmap-header{display:flex;align-items:center;gap:8px;margin-bottom:24px}.heatmap-header h2{margin:0;font-size:1.25rem;color:var(--text-primary, #111827)}.heatmap-header .text-brand{color:var(--brand-primary, #059669)}.heatmap-grid{display:grid;grid-template-columns:repeat(38,1fr);grid-auto-flow:column;grid-template-rows:repeat(7,1fr);gap:4px;width:100%}.heatmap-cell{width:14px;height:14px;border-radius:3px;transition:all .2s ease}.heatmap-cell:hover{transform:scale(1.2);box-shadow:0 2px 4px #0000001a}.level-0{background-color:#f3f4f6;border:1px solid rgba(0,0,0,.03)}.level-1{background-color:#d1fae5;border:1px solid rgba(5,150,105,.1)}.level-2{background-color:#6ee7b7;border:1px solid rgba(5,150,105,.1)}.level-3{background-color:#10b981;border:1px solid rgba(5,150,105,.1)}.level-4{background-color:#047857;border:1px solid rgba(5,150,105,.1)}.heatmap-legend{display:flex;align-items:center;gap:6px;margin-top:16px;font-size:.75rem;color:var(--text-secondary, #4B5563);justify-content:flex-end}.dashboard-container{display:flex;flex-direction:column;width:100%;max-width:1000px;margin:0 auto;padding:2rem 1rem}.dashboard-header{margin-bottom:3rem}.dashboard-header h1{font-size:2.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;padding-left:2rem}.status-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem}.pro-badge{background:var(--brand-gradient);color:#fff}.free-badge{background:var(--bg-subtle);color:var(--brand-primary);border:1px solid rgba(5,150,105,.2);transition:all .2s cubic-bezier(.4,0,.2,1)}.free-badge:hover{background:#0596691f;transform:translateY(-1px);box-shadow:0 4px 12px #05966914}.dashboard-content{display:flex;flex-direction:column;gap:4rem}.dashboard-section h2{font-size:1.25rem;font-weight:700;color:var(--text-secondary);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em;padding-left:2rem}.project-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-l);padding:2rem;transition:var(--transition);text-decoration:none;display:flex;flex-direction:column}.active-card{border:2px solid var(--brand-primary);flex-direction:row;align-items:center;justify-content:space-between;gap:2rem}.active-card .card-content{flex:1}.active-card h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.active-card p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.target-date{display:inline-block;background:var(--bg-subtle);color:var(--brand-primary);padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid rgba(5,150,105,.2)}.empty-state-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px dashed var(--border-main);border-radius:var(--radius-l);padding:4rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.empty-state-card h3{font-size:1.5rem;color:var(--text-primary)}.empty-state-card p{color:var(--text-secondary);max-width:400px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.history-card{border:1px solid var(--border-main);height:100%}.history-card:hover{border-color:var(--brand-primary);transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.card-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.status-icon{color:var(--brand-primary);flex-shrink:0}.card-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:1.5rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer{display:flex;align-items:center;font-size:.75rem;color:var(--brand-primary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.active-card{flex-direction:column;align-items:flex-start}.active-card .card-actions{width:100%}.active-card .btn-primary{width:100%;justify-content:center}}.projects-list{display:flex;flex-direction:column;gap:1rem;padding:0 2rem}.project-card-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1.25rem 2rem;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--border-main);border-radius:var(--radius-m);text-decoration:none;transition:var(--transition);cursor:pointer}.project-card-row:hover{border-color:#047857}.btn-new-project{background:var(--brand-gradient);color:#fff;border:none;font-family:inherit;font-weight:600;cursor:pointer;border-radius:999px;padding:.625rem 1.5rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;text-decoration:none;transition:var(--transition)}.btn-new-project:hover{filter:brightness(1.05)}.btn-new-project .plus-icon{transition:transform .4s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center}.btn-new-project:hover .plus-icon{transform:rotate(180deg)}.project-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.project-date{font-size:.9rem;font-weight:500;color:var(--brand-primary);background:var(--bg-subtle);padding:.35rem 1rem;border-radius:999px;border:1px solid rgba(5,150,105,.2)}.project-row-container{position:relative;width:100%;display:flex;align-items:center}.project-delete-btn{position:absolute;right:-44px;width:36px;height:36px;border-radius:50%;background:#ef444414;border:1px solid rgba(239,68,68,.15);color:#ef4444;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translate(-10px) scale(.9);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.project-row-container:hover .project-delete-btn{opacity:1;transform:translate(0) scale(1);pointer-events:auto}.project-delete-btn:before{content:"";position:absolute;top:-15px;bottom:-15px;left:-30px;right:-15px;background:transparent}.project-delete-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 4px 12px #ef444433}.custom-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.custom-modal-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-l);padding:2rem;max-width:440px;width:90%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:scaleIn .2s cubic-bezier(.34,1.56,.64,1)}.custom-modal-card h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-top:0;margin-bottom:.75rem}.custom-modal-card p{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.custom-modal-actions{display:flex;justify-content:flex-end;gap:.75rem}.btn-cancel{background:transparent;color:var(--text-primary);border:1px solid var(--border-main);border-radius:999px;padding:.625rem 1.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:var(--transition)}.btn-cancel:hover:not(:disabled){background:var(--bg-subtle)}.btn-danger{background:#ef4444;color:#fff;border:none;border-radius:999px;padding:.625rem 1.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:var(--transition)}.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef444433}.btn-cancel:disabled,.btn-danger:disabled{opacity:.6;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 576px){.projects-list{padding:0 1rem}.project-card-row{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.25rem 3.5rem 1.25rem 1.25rem}.project-date{align-self:flex-start}.project-delete-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);opacity:1;pointer-events:auto;background:#ef444414}.project-row-container:hover .project-delete-btn{transform:translateY(-50%) scale(1.05)}}:root{--white: #FFFFFF;--black: #111827;--brand-primary: #059669;--brand-light: #34D399;--bg-subtle: #F0FDF4;--text-primary: #111827;--text-secondary: #4B5563;--error: #EF4444;--brand-gradient: linear-gradient(45deg, #059669, #34D399);--shadow-sm: none;--shadow-md: none;--shadow-glow: none;--border-subtle: 1px solid rgba(5, 150, 105, .1);--border-main: 1px solid rgba(5, 150, 105, .2);--border-active: 2px solid var(--brand-primary);--glass-bg: rgba(255, 255, 255, .7);--glass-border: 1px solid rgba(255, 255, 255, .9);--glass-blur: blur(12px);--font-family: "Inter", system-ui, -apple-system, sans-serif;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--radius-s: 4px;--radius-m: 8px;--radius-l: 20px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--white);background-image:radial-gradient(at 0% 0%,rgba(52,211,153,.05) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(5,150,105,.05) 0px,transparent 50%);color:var(--text-primary);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}.app-container{min-height:100vh;display:flex;flex-direction:column}.app-with-navbar{flex-direction:row}.main-layout{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100%}.main-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:var(--glass-border);position:sticky;top:0;z-index:100}.logo{display:flex;align-items:center}.logo-img{height:36px;width:auto;display:block}.profile-link{color:var(--text-secondary);transition:var(--transition);display:flex;align-items:center;padding:.5rem;border-radius:50%;margin-left:1rem}.profile-link:hover{background:var(--bg-subtle);color:var(--brand-primary)}.progress-placeholder{position:absolute;left:50%;transform:translate(-50%);width:100%;max-width:400px;display:flex;align-items:center;gap:1.5rem}.progress-bar-container{flex:1;height:8px;background-color:var(--bg-subtle);border-radius:999px;overflow:hidden;border:1px solid rgba(5,150,105,.1)}.progress-bar{height:100%;background:var(--brand-gradient);border-radius:999px;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.header-stats{display:flex;flex-direction:column;min-width:100px}.progress-text{font-size:.875rem;color:var(--brand-primary);font-weight:700}.deadline-text{font-size:.75rem;color:var(--text-secondary);font-weight:500}.btn-primary{background:var(--brand-gradient);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:var(--radius-m);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition);font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow);filter:brightness(1.05)}.btn-primary:active{transform:translateY(0)}.btn-outline{background:transparent;color:var(--brand-primary);border:2px solid var(--brand-primary);padding:.5rem 1.25rem;border-radius:var(--radius-m);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none}.btn-outline:hover{background:var(--bg-subtle);transform:translateY(-2px)}.btn-secondary{background:var(--black);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:var(--radius-m);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none}.btn-secondary:hover{background:#1f2937;transform:translateY(-2px)}.main-content{flex:1;padding:2rem;display:flex;flex-direction:column;width:100%;overflow-y:auto}.app-with-navbar .main-content{padding:0!important}@media (min-width: 769px){.app-with-navbar .main-header{padding-left:46px}}.floating-logo-container{position:fixed;top:24px;left:24px;z-index:999;pointer-events:auto}.floating-logo{display:flex;align-items:center;justify-content:center;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);width:44px;height:44px;border-radius:50%;transition:all .2s ease}.floating-logo:hover{background:var(--bg-subtle)}.floating-logo .logo-img{height:24px;width:24px;object-fit:contain}.floating-profile-container{position:fixed;top:24px;right:24px;z-index:999}.floating-profile-btn{display:flex;align-items:center;justify-content:center;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);width:44px;height:44px;border-radius:50%;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.floating-profile-btn:hover{background:var(--bg-subtle);color:var(--brand-primary)}.floating-profile-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-m);padding:8px;width:140px;box-shadow:0 10px 25px -5px #0000001a;display:flex;flex-direction:column;gap:4px;z-index:1000;animation:scaleIn .15s ease-out}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:600px;margin:4rem auto;padding:3rem;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-l)}.empty-state h2{font-size:2.25rem;font-weight:800;margin-bottom:1rem;color:var(--black);letter-spacing:-.025em}.empty-state p{color:var(--text-secondary);font-size:1.125rem;margin-bottom:2.5rem}.flex-center{display:flex;align-items:center;justify-content:center}.spinner{display:inline-block;width:40px;height:40px;border-radius:50%;background:conic-gradient(from 0deg,transparent 30%,var(--spinner-color, var(--brand-primary)));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--spinner-thickness, 3px)),black calc(100% - var(--spinner-thickness, 3px)));mask:radial-gradient(farthest-side,transparent calc(100% - var(--spinner-thickness, 3px)),black calc(100% - var(--spinner-thickness, 3px)));animation:spin .8s linear infinite;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.feedback-fab{position:fixed;bottom:24px;right:24px;background:#059669;color:#fff;padding:10px 20px;border-radius:999px;display:flex;align-items:center;gap:10px;text-decoration:none;font-size:.875rem;font-weight:600;z-index:999;border:1px solid #047857;transition:all .2s ease}.feedback-fab:hover{background:#047857}.feedback-fab svg{flex-shrink:0}@media (max-width: 768px){.feedback-fab{bottom:80px;right:16px;padding:8px 16px;font-size:.75rem}}.legal-container{max-width:800px;margin:0 auto;padding:80px 24px;background:var(--white);min-height:100vh}.legal-header{margin-bottom:48px;text-align:center}.legal-header h1{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin:16px 0 8px}.legal-header p{color:var(--text-secondary);font-size:.875rem}.legal-header .back-btn{background:transparent;border:none;color:var(--brand-primary);display:flex;align-items:center;gap:8px;font-weight:600;cursor:pointer;margin:0 auto}.legal-content section{margin-bottom:40px}.legal-content h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:16px}.legal-content p{color:var(--text-secondary);line-height:1.7;font-size:1rem}.profile-dropdown-container{position:relative}.profile-dropdown-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:50%;transition:var(--transition)}.profile-dropdown-btn:hover{color:var(--brand-primary);background-color:var(--bg-subtle)}.profile-dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--border-main);border-radius:var(--radius-m);padding:.5rem 0;min-width:160px;z-index:999;display:flex;flex-direction:column}.profile-dropdown-item{background:none;border:none;padding:.75rem 1.25rem;text-align:left;width:100%;font-family:inherit;font-size:.9rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:var(--transition)}.profile-dropdown-item:hover{background-color:#05966914}.profile-dropdown-item.signout{color:var(--error);border-top:1px solid rgba(5,150,105,.1)}.profile-dropdown-item.signout:hover{background-color:#ef444414}.auth-input-container{position:relative;width:100%}.auth-input-container svg{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);color:var(--brand-primary);pointer-events:none}.auth-input-container input{width:100%;height:56px!important;padding:0 1.75rem 0 3.2rem!important;background:var(--bg-subtle)!important;border:2px solid transparent!important;border-radius:999px!important;color:var(--text-primary)!important;font-family:inherit!important;font-size:1.1rem!important;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease!important}.auth-input-container input:focus{outline:none!important;background:var(--bg-subtle)!important;border-color:var(--brand-primary)!important;box-shadow:0 0 0 4px #05966926!important}.auth-btn-google{display:flex;align-items:center;justify-content:center;width:100%;height:56px;padding:0 1.75rem;font-size:1.1rem;font-weight:600;border-radius:999px;background:transparent;color:var(--brand-primary);border:2px solid var(--brand-primary);cursor:pointer;transition:var(--transition);gap:.75rem}.auth-btn-google:hover{background:var(--bg-subtle);transform:translateY(-2px)}.auth-btn-primary{display:flex;align-items:center;justify-content:center;width:100%;height:56px;padding:0 1.75rem;font-size:1.1rem;font-weight:600;border-radius:999px;background:var(--brand-gradient);color:#fff;border:none;cursor:pointer;transition:var(--transition)}.auth-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #05966933;filter:brightness(1.05)}.auth-btn-primary:disabled{opacity:.7;cursor:not-allowed}