:root{--gold:#d4a656;--gold-light:#e8c888;--gold-dark:#b8923e;--navy:#1a365d;--navy-light:#2c5282;--navy-dark:#0f2744;--cream:#faf8f3;--cream-dark:#f0ebe0;--white:#fff;--gray-100:#f7f6f3;--gray-200:#e8e6e1;--gray-300:#d1cfc9;--gray-500:#8b8680;--gray-700:#4a4744;--success:#48bb78;--warning:#ed8936;--danger:#e53e3e}*{box-sizing:border-box;margin:0;padding:0}body{background:#faf8f3;background:var(--cream);color:#1a365d;color:var(--navy);font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.app,body{min-height:100vh}.app{display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#1a365d,#2c5282);background:linear-gradient(135deg,var(--navy) 0,var(--navy-light) 100%);box-shadow:0 4px 20px #1a365d33;color:#faf8f3;color:var(--cream);padding:1.5rem 2rem}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px}.header-content,.logo{align-items:center;display:flex}.logo{gap:.75rem}.logo-icon{align-items:center;background:linear-gradient(135deg,#d4a656,#e8c888);background:linear-gradient(135deg,var(--gold) 0,var(--gold-light) 100%);border-radius:12px;box-shadow:0 4px 12px #d4a6564d;display:flex;height:45px;justify-content:center;width:45px}.logo-icon svg{color:#1a365d;color:var(--navy)}.logo h1{font-size:1.75rem;font-weight:700;letter-spacing:-.5px}.logo span{color:#d4a656;color:var(--gold)}.header-stats{display:flex;gap:2rem}.stat-item{text-align:center}.stat-value{color:#d4a656;color:var(--gold);font-size:1.5rem;font-weight:700}.stat-label{font-size:.75rem;letter-spacing:1px;opacity:.8;text-transform:uppercase}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.dashboard-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 350px}@media (max-width:968px){.dashboard-grid{grid-template-columns:1fr}}.card{background:#fff;background:var(--white);border:1px solid #e8e6e1;border:1px solid var(--gray-200);border-radius:16px;box-shadow:0 4px 20px #1a365d14;padding:1.5rem}.card-header{justify-content:space-between;margin-bottom:1.5rem}.card-header,.card-title{align-items:center;display:flex}.card-title{color:#1a365d;color:var(--navy);font-size:1.25rem;font-weight:600;gap:.5rem}.card-title svg{color:#d4a656;color:var(--gold)}.goals-list{display:flex;flex-direction:column;gap:1rem}.goal-item{background:#faf8f3;background:var(--cream);border:1px solid #e8e6e1;border:1px solid var(--gray-200);border-radius:12px;cursor:pointer;padding:1.25rem;transition:all .3s ease}.goal-item:hover{border-color:#d4a656;border-color:var(--gold);box-shadow:0 4px 12px #d4a65626}.goal-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.goal-title{color:#1a365d;color:var(--navy);font-size:1rem;font-weight:600}.goal-category{background:#1a365d;background:var(--navy);border-radius:20px;color:#faf8f3;color:var(--cream);font-size:.7rem;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.goal-description{color:#8b8680;color:var(--gray-500);font-size:.85rem;margin-bottom:1rem}.progress-bar-container{background:#e8e6e1;background:var(--gray-200);border-radius:10px;height:10px;margin-bottom:.5rem;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#d4a656,#e8c888);background:linear-gradient(90deg,var(--gold) 0,var(--gold-light) 100%);border-radius:10px;height:100%;transition:width .5s ease}.progress-info{color:#8b8680;color:var(--gray-500);display:flex;font-size:.75rem;justify-content:space-between}.milestones-list{border-top:1px dashed #e8e6e1;border-top:1px dashed var(--gray-200);margin-top:1rem;padding-top:1rem}.milestone-item{align-items:center;display:flex;font-size:.85rem;gap:.75rem;padding:.5rem 0}.milestone-checkbox{align-items:center;border:2px solid #d1cfc9;border:2px solid var(--gray-300);border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s ease;width:20px}.milestone-checkbox.completed,.milestone-checkbox:hover{border-color:#d4a656;border-color:var(--gold)}.milestone-checkbox.completed{background:#d4a656;background:var(--gold)}.milestone-checkbox.completed svg{color:#fff;color:var(--white)}.milestone-text{flex:1 1}.milestone-text.completed{color:#8b8680;color:var(--gray-500);text-decoration:line-through}.milestone-date{color:#8b8680;color:var(--gray-500);font-size:.7rem}.timeline{padding-left:2rem;position:relative}.timeline:before{background:linear-gradient(180deg,#d4a656,#2c5282);background:linear-gradient(180deg,var(--gold) 0,var(--navy-light) 100%);bottom:0;content:"";left:8px;position:absolute;top:0;width:2px}.timeline-item{padding-bottom:1.5rem;position:relative}.timeline-dot{background:#fff;background:var(--white);border:3px solid #d4a656;border:3px solid var(--gold);border-radius:50%;height:18px;left:-24px;position:absolute;width:18px;z-index:1}.timeline-dot.completed,.timeline-dot.current{background:#d4a656;background:var(--gold)}.timeline-dot.current{box-shadow:0 0 0 4px #d4a6564d}.timeline-content{background:#faf8f3;background:var(--cream);border:1px solid #e8e6e1;border:1px solid var(--gray-200);border-radius:8px;padding:1rem}.timeline-date{color:#b8923e;color:var(--gold-dark);font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.timeline-title{color:#1a365d;color:var(--navy);font-size:.9rem;font-weight:600}.timeline-desc{color:#8b8680;color:var(--gray-500);font-size:.8rem;margin-top:.25rem}.checkin-card{background:linear-gradient(135deg,#1a365d,#2c5282);background:linear-gradient(135deg,var(--navy) 0,var(--navy-light) 100%);border:none}.checkin-card,.checkin-card .card-title{color:#faf8f3;color:var(--cream)}.checkin-prompt{background:#ffffff1a;border-radius:12px;margin-bottom:1rem;padding:1.25rem}.checkin-question{font-size:.95rem;line-height:1.5;margin-bottom:1rem}.checkin-textarea{background:#fff;background:var(--white);border:none;border-radius:8px;color:#1a365d;color:var(--navy);font-family:inherit;font-size:.9rem;min-height:80px;padding:.75rem;resize:vertical;width:100%}.checkin-textarea:focus{outline:2px solid #d4a656;outline:2px solid var(--gold)}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#d4a656,#e8c888);background:linear-gradient(135deg,var(--gold) 0,var(--gold-light) 100%);color:#1a365d;color:var(--navy)}.btn-primary:hover{box-shadow:0 4px 12px #d4a65666;transform:translateY(-2px)}.btn-secondary{background:#faf8f3;background:var(--cream);border:2px solid #e8e6e1;border:2px solid var(--gray-200);color:#1a365d;color:var(--navy)}.btn-secondary:hover{border-color:#d4a656;border-color:var(--gold)}.btn-outline{background:#0000;border:2px solid #ffffff4d;color:#faf8f3;color:var(--cream)}.btn-outline:hover{background:#ffffff1a;border-color:#d4a656;border-color:var(--gold)}.btn-small{font-size:.8rem;padding:.5rem 1rem}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a365d80;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.modal{background:#fff;background:var(--white);border-radius:20px;box-shadow:0 20px 60px #1a365d4d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e8e6e1;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1.5rem}.modal-title{color:#1a365d;color:var(--navy);font-size:1.25rem;font-weight:600}.modal-close{align-items:center;background:#faf8f3;background:var(--cream);border:none;border-radius:50%;color:#8b8680;color:var(--gray-500);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.modal-close:hover{background:#e8e6e1;background:var(--gray-200);color:#1a365d;color:var(--navy)}.modal-body,.modal-footer{padding:1.5rem}.modal-footer{border-top:1px solid #e8e6e1;border-top:1px solid var(--gray-200);display:flex;gap:1rem;justify-content:flex-end}.form-group{margin-bottom:1.25rem}.form-label{color:#1a365d;color:var(--navy);display:block;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{background:#fff;background:var(--white);border:2px solid #e8e6e1;border:2px solid var(--gray-200);border-radius:8px;font-family:inherit;font-size:.95rem;padding:.75rem 1rem;transition:border-color .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#d4a656;border-color:var(--gold);outline:none}.form-textarea{min-height:100px;resize:vertical}.milestone-inputs{display:flex;flex-direction:column;gap:.75rem}.milestone-input-row{align-items:center;display:flex;gap:.75rem}.milestone-input-row .form-input{flex:1 1}.milestone-input-row input[type=date]{width:150px}.remove-milestone{align-items:center;background:#faf8f3;background:var(--cream);border:none;border-radius:50%;color:#e53e3e;color:var(--danger);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.remove-milestone:hover{background:#fee2e2}.add-milestone{align-items:center;border-radius:8px;color:#b8923e;color:var(--gold-dark);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem;transition:background .2s ease}.add-milestone:hover{background:#faf8f3;background:var(--cream)}.footer{background:#0f2744;background:var(--navy-dark);color:#faf8f3;color:var(--cream);margin-top:auto;padding:3rem 2rem 2rem}.footer-content{margin:0 auto;max-width:1200px}.footer-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.footer-section h3{align-items:center;color:#d4a656;color:var(--gold);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.template-list{display:flex;flex-direction:column;gap:.5rem}.template-item{align-items:center;background:#ffffff0d;border-radius:8px;cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.template-item:hover{background:#d4a65633}.template-item svg{color:#d4a656;color:var(--gold);flex-shrink:0}.motivation-quote{background:linear-gradient(135deg,#d4a6561a,#d4a6560d);border-left:3px solid #d4a656;border-left:3px solid var(--gold);border-radius:0 8px 8px 0;margin-bottom:1rem;padding:1rem}.motivation-quote p{font-size:.9rem;font-style:italic;line-height:1.6}.motivation-quote .author{color:#d4a656;color:var(--gold);display:block;font-size:.8rem;font-style:normal;margin-top:.5rem}.footer-bottom{border-top:1px solid #ffffff1a;font-size:.8rem;opacity:.7;padding-top:1.5rem;text-align:center}.empty-state{color:#8b8680;color:var(--gray-500);padding:3rem 1.5rem;text-align:center}.empty-state svg{color:#d1cfc9;color:var(--gray-300);height:64px;margin-bottom:1rem;width:64px}.empty-state h3{color:#1a365d;color:var(--navy);font-size:1.1rem;margin-bottom:.5rem}.empty-state p{font-size:.9rem;margin-bottom:1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .3s ease}.goal-actions{border-top:1px solid #e8e6e1;border-top:1px solid var(--gray-200);display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem}.goal-action-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#8b8680;color:var(--gray-500);cursor:pointer;display:flex;flex:1 1;font-size:.75rem;gap:.25rem;justify-content:center;padding:.5rem;transition:all .2s ease}.goal-action-btn:hover{background:#f7f6f3;background:var(--gray-100);color:#1a365d;color:var(--navy)}.goal-action-btn.delete:hover{background:#fee2e2;color:#e53e3e;color:var(--danger)}@media (max-width:640px){.header-content{flex-direction:column;gap:1rem}.header-stats{justify-content:space-around;width:100%}.main-content{padding:1rem}.modal{margin:.5rem;max-height:calc(100vh - 1rem)}.milestone-input-row{flex-wrap:wrap}.milestone-input-row input[type=date]{width:100%}}
/*# sourceMappingURL=main.d405e636.css.map*/