:root{--primary-dark: #495631;--primary-accent: #EAED74;--primary-light: #EFF2DD;--card-bg: #FFFFFF;--border-color: #DDE0C5;--text-muted: #717959;--text-dark: #3A3F29;--success-color: #4caf50;--warning-color: #ff9800;--danger-color: #f44336;--info-color: #2196f3;--shadow-sm: 0 2px 8px rgba(73, 86, 49, .05);--shadow-md: 0 4px 12px rgba(73, 86, 49, .08);--shadow-lg: 0 8px 24px rgba(73, 86, 49, .12);--shadow-xl: 0 12px 32px rgba(73, 86, 49, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);color:var(--text-dark);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-container{max-width:1200px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg);min-height:calc(100vh - 80px)}.page-header{margin-bottom:var(--spacing-2xl)}.page-header h1{font-size:2.5rem;font-weight:300;color:var(--primary-dark);letter-spacing:-.02em;margin-bottom:var(--spacing-xs)}.page-header .subtitle{font-size:1.1rem;color:var(--text-muted);font-weight:300}.breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);color:var(--text-muted);font-size:.9rem}.breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn var(--transition-base)}.slide-up{animation:slideUp var(--transition-base)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#eaed74,#495631);padding:20px}.auth-card{width:100%;max-width:450px;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 20px 40px #49563133;overflow:hidden;animation:slideUp .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-form{padding:40px}.auth-form h2{text-align:center;color:#495631;margin-bottom:30px;font-size:28px;font-weight:300;letter-spacing:-.5px}.form-group label{display:block;margin-bottom:8px;color:#717959;font-weight:400;font-size:14px;letter-spacing:.3px}.form-group input{width:100%;padding:14px;border:2px solid #DDE0C5;border-radius:12px;font-size:16px;transition:all .3s ease;background:#fff}.form-group input:focus{outline:none;border-color:#eaed74;box-shadow:0 0 0 4px #eaed7433}.form-group input:disabled{background:#eff2dd;cursor:not-allowed}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{padding-right:45px}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;font-size:18px;padding:8px;color:#717959;transition:color .3s ease;border-radius:50%;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:#495631;background:#eaed741a}.auth-error{background:#fee;color:#d32f2f;padding:14px;border-radius:12px;margin-bottom:20px;text-align:center;font-size:14px;border:1px solid #ffcdd2;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.auth-button{width:100%;padding:16px;background:linear-gradient(135deg,#495631,#6b8c4a);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:20px;position:relative;overflow:hidden}.auth-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.auth-button:hover:before{width:300px;height:300px}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #4956314d}.auth-button:disabled{opacity:.6;cursor:not-allowed}.switch-button:hover:not(:disabled){color:#eaed74}.switch-button:disabled{opacity:.6;cursor:not-allowed}.forgot-password-link{text-align:right;margin:10px 0 20px}.forgot-link{background:none;border:none;color:#717959;font-size:14px;cursor:pointer;text-decoration:underline;padding:5px;transition:color .3s ease}.forgot-link:hover{color:#495631}.success-message{text-align:center;padding:30px 0;animation:fadeIn .5s ease}.success-icon{font-size:4rem;margin-bottom:20px;color:#4caf50}.success-message h3{color:#495631;margin-bottom:15px;font-weight:400}.success-message .note{font-size:.9rem;color:#8f9b7c;font-style:italic}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:18px;color:#495631}.loading-spinner:after{content:"";width:24px;height:24px;margin-left:12px;border:3px solid #EAED74;border-top-color:transparent;border-radius:50%;animation:spinner .8s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}@media(max-width:480px){.auth-form{padding:30px 20px}.form-row{grid-template-columns:1fr;gap:0}.auth-form h2{font-size:24px}.auth-card{margin:10px}}.auth-header{background:linear-gradient(135deg,#495631,#3a4527);padding:35px 25px;text-align:center;color:#eaed74}.auth-logo{font-size:52px;margin-bottom:12px}.auth-header h1{font-size:28px;font-weight:300;margin:0 0 8px;letter-spacing:-.5px}.auth-header p{font-size:14px;opacity:.85;margin:0}.auth-success{background:#e8f5e9;color:#2e7d32;padding:14px;border-radius:12px;margin-bottom:20px;text-align:center;font-size:14px;border-left:4px solid #2e7d32}.dev-token-box{margin:20px 0;padding:16px;background:#fff3e0;border-radius:12px;border-left:4px solid #ff9800}.dev-token-title{font-size:12px;font-weight:600;color:#e65100;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.dev-token-value{font-family:Courier New,monospace;font-size:12px;background:#fff;padding:10px 12px;border-radius:8px;word-break:break-all;margin-bottom:12px;border:1px solid #ffe0b2}.copy-button{background:#ff9800;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease;width:100%}.copy-button:hover{background:#f57c00;transform:translateY(-1px)}.dev-token-note{font-size:12px;color:#999;margin-top:12px;font-style:italic}.success-message{text-align:center;padding:20px 0;animation:fadeIn .5s ease}.success-icon{font-size:64px;margin-bottom:20px}.success-message p{color:#717959;line-height:1.6;margin-bottom:10px}.auth-switch{text-align:center;margin-top:25px;color:#717959;font-size:15px}.switch-button{background:none;border:none;color:#495631;font-weight:600;cursor:pointer;text-decoration:underline;padding:0 5px;font-size:inherit;transition:color .3s ease}.switch-button:hover{color:#eaed74}@media(max-width:480px){.auth-header{padding:25px 20px}.auth-logo{font-size:40px}.auth-header h1{font-size:24px}.dev-token-value{font-size:10px}}.code-input{text-align:center;font-size:24px!important;letter-spacing:8px;font-family:monospace}.disabled-input{background:#f5f5f5;color:#666;cursor:not-allowed}.form-hint{font-size:12px;color:#8f9b7c;margin-top:5px;margin-bottom:0}.auth-form{animation:fadeIn .3s ease}.user-menu{position:relative;display:inline-block}.user-menu-button{display:flex;align-items:center;gap:10px;background:#eaed7426;border:1px solid rgba(234,237,116,.3);border-radius:30px;padding:5px 15px 5px 5px;cursor:pointer;color:#fff;transition:all .3s ease}.user-menu-button:hover{background:#eaed7440;border-color:#eaed7480}.user-avatar{width:35px;height:35px;border-radius:50%;background:var(--primary-accent, #EAED74);color:var(--primary-dark, #495631);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.user-name{font-size:14px;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-arrow{font-size:10px;transition:transform .3s ease}.user-menu-arrow.open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + 10px);width:250px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #49563126;border:1px solid var(--border-color, #DDE0C5);overflow:hidden;z-index:1000;animation:dropdownFade .2s ease}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-info{padding:16px;background:var(--primary-light, #EFF2DD)}.user-info-name{font-weight:600;color:var(--primary-dark, #495631);margin-bottom:4px}.user-info-email{font-size:12px;color:var(--text-muted, #717959)}.dropdown-divider{height:1px;background:var(--border-color, #DDE0C5);margin:4px 0}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:none;background:none;text-align:left;font-size:14px;color:var(--primary-dark, #495631);cursor:pointer;transition:background .2s ease}.dropdown-item:hover{background:var(--primary-light, #EFF2DD)}.dropdown-item.logout{color:#d32f2f}.dropdown-item.logout:hover{background:#ffebee}@media(max-width:768px){.user-name{display:none}.user-menu-button{padding:5px}.user-dropdown{width:220px;right:-10px}}:root{--primary-dark: #495631;--primary-accent: #EAED74;--primary-light: #EFF2DD;--nav-bg: #495631;--nav-text: #EAED74;--nav-hover: #EFF2DD;--nav-active: #FFFFFF;--shadow: 0 2px 10px rgba(73, 86, 49, .2)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 2rem;height:70px;background-color:#495631d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;position:sticky;top:0;z-index:1000;border-radius:10px;border-bottom:1px solid rgba(234,237,116,.2)}.logo a{color:var(--primary-accent);text-decoration:none;font-size:1.6rem;font-weight:300;letter-spacing:-.5px}.logoLink{color:var(--nav-text);text-decoration:none;display:flex;align-items:center;gap:10px;transition:color .3s ease}.logoLink:hover{color:var(--nav-hover)}.navLinks{display:flex;gap:0;margin:0;padding:0;list-style:none;height:100%}.navItem{height:100%;display:flex;align-items:center}.navLink{color:var(--nav-text);text-decoration:none;padding:0 20px;height:100%;display:flex;align-items:center;font-weight:300;font-size:1rem;letter-spacing:.5px;transition:all .3s ease;position:relative;border-bottom:3px solid transparent}.navLink:hover{color:var(--nav-hover);background-color:#eaed741a}.navLinkActive{color:var(--nav-active);border-bottom-color:var(--primary-accent);font-weight:400}.navLink:after{content:"";position:absolute;bottom:0;left:20px;right:20px;height:2px;background-color:var(--primary-accent);transform:scaleX(0);transition:transform .3s ease}.navLink:hover:after{transform:scaleX(1)}.navLinkActive:after{transform:scaleX(1)}.menuToggle{display:none;background:none;border:none;color:var(--nav-text);font-size:1.5rem;cursor:pointer;padding:5px}.menuToggle:hover{color:var(--nav-hover)}.navbarHeader{display:flex;justify-content:space-between;align-items:center;width:100%}.navbar-right{display:flex;align-items:center;gap:15px}@media(min-width:769px){.menuToggle{display:none}.navbarHeader{width:auto}}@media(max-width:768px){.navbar{flex-direction:column;align-items:stretch;height:auto;min-height:60px;border-radius:10px}.navbarHeader{width:100%}.navLinks{max-height:0;overflow:hidden;transition:max-height .3s ease;width:100%}.navLinksOpen{max-height:300px}}@media(max-width:1024px){.navbar{padding:0 20px}.navLink{padding:0 15px;font-size:.95rem}}@media(max-width:768px){.navbar{padding:0 15px;height:60px;flex-direction:column;align-items:stretch;border-radius:10px}.navbarHeader{display:flex;justify-content:flex-end;align-items:center;width:100%}.menuToggle{display:block}.navLinks{flex-direction:column;gap:0;max-height:0;overflow:hidden;transition:max-height .3s ease;width:100%;background-color:var(--nav-bg)}.navLinksOpen{max-height:300px;margin-top:15px;border-top:1px solid rgba(234,237,116,.2)}.navItem{height:50px;border-bottom:1px solid rgba(234,237,116,.1)}.navLink{padding:0 15px;width:100%;height:100%;justify-content:flex-start}.navLink:after{left:15px;right:15px}}@media(max-width:480px){.navbar{padding:12px 10px 0}.navLink{font-size:.9rem}}.goal-card{background:#fff;border-radius:16px;box-shadow:0 8px 25px #49563114;border:1px solid #DDE0C5;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;display:flex;flex-direction:column;height:100%;position:relative}.goal-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#eaed74,#495631);transform:scaleX(0);transition:transform .4s ease;transform-origin:left}.goal-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #49563126}.goal-card:hover:before{transform:scaleX(1)}.goal-card-header{padding:25px 25px 15px;background:linear-gradient(135deg,#eff2dd,#fff);border-bottom:1px solid #DDE0C5;display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.goal-card-title{margin:0;color:#495631;font-size:1.3rem;font-weight:500;line-height:1.4;word-break:break-word}.goal-card-status{padding:6px 14px;border-radius:30px;font-size:.8rem;font-weight:600;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.status-active{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;border:1px solid #a5d6a7}.status-completed{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0;border:1px solid #90caf9}.status-paused{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#ef6c00;border:1px solid #ffb74d}.goal-card-content{padding:25px;flex:1}.goal-card-stats{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.goal-stat{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px dashed #DDE0C5}.goal-stat:last-child{border-bottom:none}.stat-label{color:#717959;font-size:.95rem;font-weight:400}.stat-value{color:#495631;font-weight:500;font-size:1.1rem}.stat-value.highlight{color:#f57c00;font-weight:600;position:relative}.stat-value.highlight:after{content:"★";position:absolute;top:-5px;right:-15px;font-size:12px;color:#ffc107}.goal-card-progress{margin:20px 0}.progress-label{display:flex;justify-content:space-between;margin-bottom:10px;color:#717959;font-size:.9rem}.progress-bar{height:8px;background:#dde0c5;border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#eaed74,#495631);border-radius:4px;transition:width .8s cubic-bezier(.22,.61,.36,1);position:relative}.goal-deadline{margin-top:15px;padding:12px 15px;background:#eaed741a;border-radius:10px;color:#495631;font-size:.9rem;display:flex;align-items:center;gap:10px;border:1px solid rgba(221,224,197,.5)}.goal-deadline.warning{background:#f443361a;color:#d32f2f;border-color:#f443364d}.goal-card-actions{display:flex;gap:10px;padding:15px 25px;background:#49563105;border-top:1px solid #DDE0C5}.card-action-button{width:40px;height:40px;border:1px solid #DDE0C5;border-radius:10px;background:#fff;color:#495631;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.1rem;position:relative;overflow:hidden}.card-action-button:before{content:"";position:absolute}.dashboard-container{padding:30px 20px;max-width:1400px;margin:0 auto;background-color:#f8faf5;min-height:calc(100vh - 80px);animation:fadeIn .5s ease}.dashboard-header{margin-bottom:50px;text-align:center;position:relative}.dashboard-header h1{color:#495631;font-size:3rem;font-weight:300;letter-spacing:-1px;margin-bottom:15px;line-height:1.2}.dashboard-header p{color:#717959;font-size:1.2rem;font-weight:300;max-width:700px;margin:0 auto;line-height:1.6}.dashboard-header:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(to right,transparent,#EAED74,#495631,transparent)}.error-message{background:#eaed7433;color:#495631;padding:20px;border-radius:16px;margin-bottom:30px;border-left:4px solid #EAED74;font-weight:300;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.error-message h3{margin-top:0;color:#495631;font-weight:400;font-size:1.2rem}.stats-container{display:flex;gap:25px;margin-bottom:50px;flex-wrap:wrap;justify-content:center}.stat-card{flex:1;min-width:200px;max-width:260px;padding:30px 20px;background:#fff;border-radius:20px;text-align:center;box-shadow:0 8px 25px #4956311a;border:1px solid #DDE0C5;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(234,237,116,.2) 0%,transparent 70%);opacity:0;transition:opacity .5s ease}.stat-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #49563126}.stat-card:hover:before{opacity:1}.stat-card h3{color:#717959;font-size:1rem;font-weight:400;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 15px}.stat-number{font-size:3.2rem;font-weight:200;margin:15px 0;color:#495631;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1}.stat-icon{font-size:2.5rem;margin-bottom:10px;color:#eaed74}.progress-section{margin:60px auto;max-width:900px;padding:35px;background:#fff;border-radius:24px;box-shadow:0 10px 30px #49563114;border:1px solid #DDE0C5}.progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;color:#495631;font-weight:300;font-size:1.2rem}.progress-value{font-size:2.2rem;font-weight:300;color:#495631;background:linear-gradient(135deg,#eaed744d,#eaed741a);padding:8px 20px;border-radius:30px}.progress-bar{width:100%;height:12px;background:#dde0c5;border-radius:6px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#eaed74,#495631);transition:width 1.2s cubic-bezier(.22,.61,.36,1);border-radius:6px;position:relative}.progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;width:10px;background:#fff;opacity:.3;animation:shine 2s infinite}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(1000%)}}.goals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-top:40px}.goals-title{color:#495631;font-size:1.8rem;font-weight:300;margin-bottom:30px;text-align:center;letter-spacing:-.5px}.empty-state{text-align:center;padding:80px 40px;background:#fff;border-radius:24px;max-width:600px;margin:60px auto;box-shadow:0 10px 30px #49563114;border:1px solid #DDE0C5}.empty-state h3{color:#495631;font-size:2rem;font-weight:300;margin-bottom:20px}.empty-state p{color:#717959;font-size:1.1rem;font-weight:300;line-height:1.8;margin-bottom:30px}.create-button{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#495631,#5a6b3d);color:#eaed74;text-decoration:none;border-radius:40px;font-weight:400;letter-spacing:.5px;transition:all .3s ease;border:1px solid transparent;font-size:1.1rem}.create-button:hover{background:linear-gradient(135deg,#eaed74,#d4d95e);color:#495631;transform:translateY(-3px);box-shadow:0 15px 30px #49563133}.loading-container{text-align:center;padding:100px 20px}.loading-container p{color:#495631;font-size:1.2rem;font-weight:300;margin-top:20px}.loading-animation{display:inline-block;width:60px;height:60px;border:4px solid #DDE0C5;border-radius:50%;border-top-color:#495631;border-bottom-color:#eaed74;animation:spin 1.2s ease-in-out infinite}.refresh-section{margin-top:70px;text-align:center;padding-top:50px;border-top:1px solid #DDE0C5}.refresh-button{padding:16px 40px;background:transparent;color:#495631;border:2px solid #DDE0C5;border-radius:40px;cursor:pointer;font-size:1.1rem;font-weight:300;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto;transition:all .3s ease;min-width:250px}.refresh-button:hover:not(:disabled){background:linear-gradient(135deg,#eaed74,#d4d95e);border-color:#eaed74;color:#495631;transform:translateY(-3px);box-shadow:0 10px 25px #eaed744d}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.last-update{margin-top:20px;font-size:.95rem;color:#8f9b7c;font-weight:300}@media(max-width:768px){.dashboard-container{padding:20px 15px}.dashboard-header h1{font-size:2.2rem}.dashboard-header p{font-size:1rem}.stat-card{min-width:calc(50% - 15px);max-width:none}.goals-grid{grid-template-columns:1fr;gap:20px}.progress-section{padding:25px}.progress-value{font-size:1.8rem}.stat-number{font-size:2.5rem}}@media(max-width:480px){.stat-card{min-width:100%}.stat-number{font-size:2.2rem}.refresh-button{min-width:100%}.empty-state{padding:50px 20px}.empty-state h3{font-size:1.6rem}}:root{--primary-dark: #495631;--primary-accent: #EAED74;--primary-light: #EFF2DD;--card-bg: #FFFFFF;--border-color: #DDE0C5;--text-muted: #717959;--shadow: 0 4px 12px rgba(73, 86, 49, .08);--shadow-hover: 0 8px 24px rgba(73, 86, 49, .12)}.goalsContainer{padding:30px 20px;max-width:1200px;margin:0 auto;background-color:var(--primary-light);min-height:calc(100vh - 80px)}.goalsHeader{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;flex-wrap:wrap;gap:20px}.headerContent h1{color:var(--primary-dark);font-size:2.5rem;font-weight:300;margin:0 0 10px;letter-spacing:-.5px}.headerContent p{color:var(--text-muted);font-size:1.1rem;font-weight:300;margin:0;max-width:500px;line-height:1.6}.createGoalButton{padding:14px 28px;background-color:var(--primary-dark);color:var(--primary-accent);border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:400;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow);transition:all .3s ease;white-space:nowrap}.createGoalButton:hover{background-color:var(--primary-accent);color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.createGoalButton span{font-size:1.4rem;font-weight:300}.statsContainer{display:flex;gap:24px;margin-bottom:40px;margin-top:30px;flex-wrap:wrap}.statCard h3{color:var(--text-muted);font-size:.95rem;font-weight:400;text-transform:uppercase;letter-spacing:1px;margin:0 0 15px}.statNumber{font-size:2.4rem;font-weight:300;margin:10px 0 15px;color:var(--primary-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.progressBarMini{width:100%;height:6px;background-color:var(--border-color);border-radius:3px;overflow:hidden;margin-top:10px}.progressFillMini{height:100%;background:linear-gradient(90deg,var(--primary-accent),var(--primary-dark));border-radius:3px;transition:width .5s ease}.goalsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:28px;margin-top:30px;align-items:start}.goalItem{cursor:pointer;transition:transform .3s ease;height:100%;min-height:300px}.goalItem:hover{transform:translateY(-4px)}.goalsGrid>*{min-width:0}.sectionTitle{color:var(--primary-dark);font-size:1.5rem;font-weight:300;margin:40px 0 20px;letter-spacing:.5px}.sectionTitle span{background-color:#eaed744d;color:var(--primary-dark);padding:4px 12px;border-radius:15px;font-size:1rem;margin-left:10px;font-weight:400}.emptyState{text-align:center;padding:60px 40px;background-color:var(--card-bg);border-radius:12px;margin-top:40px;max-width:600px;margin-left:auto;margin-right:auto;box-shadow:var(--shadow);border:1px solid var(--border-color)}.emptyStateButton:hover{background-color:var(--primary-accent);color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.create-goal-button{padding:12px;border:1px solid #ddd;border-radius:6px;background-color:#fff;color:#495631;cursor:pointer;font-size:1rem;width:200px}.create-goal-button:hover{background-color:#eff2dd}.goals-header{display:flex;flex-direction:column;gap:10px;align-items:center}@media(max-width:768px){.goalsContainer{padding:20px 15px}.goalsHeader{flex-direction:column;align-items:stretch}.headerContent h1{font-size:2rem}.headerContent p{font-size:1rem}.createGoalButton{width:100%;justify-content:center}.statCard{min-width:calc(50% - 12px)}.goalsGrid{grid-template-columns:1fr;gap:20px}.goalItem{min-height:280px}.statNumber{font-size:2rem}}@media(max-width:480px){.statCard{min-width:100%}.statNumber{font-size:1.8rem}}.scenariosStats{background-color:#fff;padding:25px;border-radius:12px;margin-bottom:30px;box-shadow:0 4px 6px #0000001a}.scenariosStats h3{margin:0 0 20px;color:#333}.statsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.statCard{background-color:#f8f9fa;padding:20px;border-radius:8px;text-align:center;border:1px solid #dee2e6}.statIcon{font-size:32px;margin-bottom:10px}.statValue{font-size:24px;font-weight:700;color:#495631;margin-bottom:5px}.statLabel{font-size:14px;color:#666}.filtersContainer{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 6px #0000001a}.filterGroup{display:flex;align-items:center;gap:10px}.filterLabel{font-weight:500;color:#333}.filterSelect{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background-color:#fff}.refreshButtonContainer{display:flex;gap:10px}.refreshButton{padding:8px 16px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease}.refreshButton:hover{background-color:#e9ecef}.scenariosListAll{display:flex;flex-direction:column;gap:20px;background-color:#fff;padding:25px;border-radius:12px;margin-bottom:30px;box-shadow:0 4px 6px #0000001a}.scenariosList h3{margin:0 0 20px;color:#333}.scenariosGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.scenarioDetailCard{display:flex;flex-direction:column;justify-content:center;gap:16px;border-radius:8px;border:1px solid #b6b6b6}.scenarioCard{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:10px;overflow:hidden;transition:all .3s ease}.scenarioCard:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000001a;border-color:#495631}.scenarioCardHeader{display:flex;justify-content:space-between;align-items:center;flex-direction:column;padding:20px 20px 15px;background-color:#fff;border-bottom:1px solid #eee}.scenarioTitleSection{flex:1}.scenarioCardTitle{margin:0 0 5px;color:#333;font-size:18px}.scenarioIndex{font-size:12px;color:#666;background-color:#f1f1f1;padding:2px 8px;border-radius:10px}.scenarioActions{display:flex;gap:5px}.scenarioActionButton{padding:6px 10px;border:1px solid #ddd;background-color:#fff;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s ease}.scenarioActionButton:hover{background-color:#f5f5f5}.scenarioActionButton.smallButton{padding:4px 8px;font-size:12px}.scenarioContent{padding:15px 20px}.scenarioMainInfoPage{display:flex;flex-direction:column;margin-bottom:15px}.infoRow{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px dashed #eee}.infoLabel{color:#666;font-size:14px}.infoValue{font-weight:500;color:#333}.scenarioCalculations{background-color:#fff;padding:15px;border-radius:8px;margin-bottom:15px;border:1px solid #eee}.calculationRow{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.calculationLabel{color:#333;font-weight:500;font-size:14px}.calculationValue{text-align:right;font-size:14px}.riskBadge{display:inline-block;padding:4px 10px;border-radius:15px;color:#495631;font-size:12px;font-weight:700;margin-right:8px}.riskDescription{font-size:12px;color:#666}.scenarioMeta{display:flex;justify-content:space-between;font-size:12px;color:#666;margin-top:15px;padding-top:15px;border-top:1px solid #eee}.metaRow{display:flex;flex-direction:column}.metaLabel{margin-bottom:3px}.metaValue{font-weight:500}.scenarioProgress{padding:15px 20px;background-color:#fff;border-top:1px solid #eee}.progressLabel{font-size:14px;color:#333;margin-bottom:8px}.progressBar{height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:8px}.progressFill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:4px;transition:width .5s ease}.progressText{font-size:12px;color:#666;text-align:center}.emptyState{background-color:#fff;padding:40px;border-radius:12px;text-align:center;box-shadow:0 4px 6px #0000001a;margin-bottom:30px}.emptyStateIcon{font-size:48px;margin-bottom:20px}.emptyState h3{margin:0 0 15px;color:#333}.emptyState p{color:#666;max-width:600px;margin:0 auto 20px;line-height:1.6}.emptyStateTips{background-color:#f9f9f9;padding:20px;border-radius:8px;margin-top:30px;text-align:left}.emptyStateTips h4{margin:0 0 15px;color:#333}.emptyStateTips ul{margin:0;padding-left:20px;color:#666}.emptyStateTips li{margin-bottom:8px;line-height:1.5}.infoPanel{background-color:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 6px #0000001a}.infoPanel h4{margin:0 0 20px;color:#333}.infoContent{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.infoItem{display:flex;align-items:flex-start;gap:15px}.infoIcon{font-size:24px;flex-shrink:0}.compareButtonScenarios,.primaryButtonScenarios,.secondaryButtonScenarios{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.actionButtonScenarios{padding:10px 20px;border-radius:6px;border:none;cursor:pointer;font-size:14px;transition:all .3s ease;width:200px}.compareButtonScenarios:hover,.primaryButtonScenarios:hover,.secondaryButtonScenarios:hover{background-color:#dee2e6}.actionsContainerScenariosPage{display:flex;flex-direction:row;gap:20px;margin-top:20px}.createFirstButton{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.createFirstButton:hover{background-color:#dee2e6}@media(max-width:768px){.scenariosGrid{grid-template-columns:1fr}.filtersContainer{flex-direction:column;gap:15px;align-items:stretch}.filterGroup{flex-direction:column;align-items:flex-start}.refreshButtonContainer{justify-content:center}.scenarioCardHeader{flex-direction:column;gap:10px}.scenarioActions{align-self:flex-end}}.goalSelectorSection{background:#fff;border-radius:12px;padding:25px;margin-bottom:30px;box-shadow:0 2px 10px #0000000d}.selectorContainer{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:20px}.selectorLabel{font-size:1rem;font-weight:500;color:#333;min-width:200px}.selectorWrapper{position:relative;flex:1;min-width:300px}.goalSelect{width:100%;padding:12px 40px 12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;color:#333;background:#fff;cursor:pointer;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 15px center;background-size:15px}.goalSelect:hover{border-color:#495631}.goalSelect:focus{outline:none;border-color:#495631;box-shadow:0 0 0 3px #4956311a}.clearSelectionButton{position:absolute;right:40px;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;font-size:16px;cursor:pointer;padding:5px;transition:color .3s ease}.clearSelectionButton:hover{color:#f44336}.goalsStats{display:flex;gap:30px;padding-top:20px;border-top:1px solid #eee}.statItem{display:flex;align-items:baseline;gap:8px}.statLabel{font-size:.9rem;color:#666}.statValue{font-size:1.2rem;font-weight:600;color:#495631}.goalsFlex{display:flex;flex-direction:column;margin-top:20px}.goalsGrid h2{margin-bottom:20px;color:#333;font-size:1.5rem}.goalsCardFlex{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.goalCard{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.goalCard:hover{transform:translateY(-2px);box-shadow:0 5px 20px #0000001a;border-color:#495631}.goalCard.active{border-left:4px solid #4caf50}.goalCard.completed{border-left:4px solid #2196f3;opacity:.8}.goalCardHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.goalCardHeader h3{font-size:1.2rem;color:#333;margin:0}.goalStatusBadge{padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.goalStatusBadge.active{background:#e8f5e8;color:#2e7d32}.goalStatusBadge.completed{background:#e3f2fd;color:#1976d2}.goalCardBody{margin-bottom:15px}.goalCardRow{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #eee}.goalCardRow:last-child{border-bottom:none}.goalCardRow span{color:#666;font-size:.9rem}.goalCardRow strong{color:#333;font-size:1rem}.goalCardFooter{text-align:right}.selectGoalButton{padding:8px 16px;background:transparent;border:1px solid #495631;border-radius:6px;color:#495631;font-size:.9rem;cursor:pointer;transition:all .3s ease}.selectGoalButton:hover{background:#495631;color:#fff}.goalLink{display:inline-block;margin-top:5px;color:#495631;text-decoration:none;font-size:.9rem;transition:color .3s ease}.goalLink:hover{color:#5a6b3d;text-decoration:underline}.refreshAnalysisButton{display:flex;justify-content:flex-end;margin-bottom:20px}.loadingSubtext{color:#666;font-size:.9rem;margin-top:10px}.headerContentForecast{display:flex;flex-direction:column;align-items:center;gap:10px}.goalInfoFlex{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.tabsContainer{margin-bottom:30px}.optimalStrategyCard{margin-bottom:20px;margin-top:20px}.comparisonTableForecast{width:100%;border-collapse:collapse;font-size:.95rem}.comparisonTableForecast td{padding:14px 12px;border-bottom:1px solid rgba(221,224,197,.5);vertical-align:middle}.tableContainerForecast{overflow-x:auto;background:var(--bg-white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:1px solid var(--border-color)}.recalculateButton{margin-top:30px}@media(max-width:768px){.selectorContainer{flex-direction:column;align-items:stretch}.selectorLabel,.selectorWrapper{min-width:auto}.goalsStats{flex-direction:column;gap:15px}.goalsCardGrid{grid-template-columns:1fr}.goalCardHeader{flex-direction:column;align-items:flex-start;gap:10px}}@media(max-width:480px){.goalSelectorSection{padding:15px}.statItem{flex-direction:column;gap:4px}}:root{--primary-dark: #495631;--primary-accent: #EAED74;--primary-light: #EFF2DD;--card-bg: #FFFFFF;--border-color: #DDE0C5;--text-muted: #717959;--text-dark: #3A3F29;--danger-color: #f44336;--success-color: #2e7d32;--input-border: #DDE0C5;--input-focus: #EAED74;--shadow: 0 4px 20px rgba(73, 86, 49, .1);--shadow-hover: 0 8px 30px rgba(73, 86, 49, .15)}.createGoalContainer{max-width:800px;margin:0 auto;padding:30px 20px;min-height:calc(100vh - 80px)}.createGoalForm{background-color:var(--card-bg);padding:40px;border-radius:12px;box-shadow:var(--shadow);border:1px solid var(--border-color)}.createGoalHeader{margin-bottom:35px;text-align:center}.createGoalTitle{font-size:2.2rem;font-weight:300;color:var(--primary-dark);margin-bottom:10px;letter-spacing:-.5px}.createGoalSubtitle{color:var(--text-muted);font-size:1.1rem;font-weight:300;line-height:1.5;max-width:500px;margin:0 auto}.successMessage{background-color:#2e7d321a;color:var(--success-color);padding:18px;border-radius:8px;margin-bottom:25px;text-align:center;border-left:4px solid var(--success-color);font-weight:300}.errorMessage{background-color:#f443361a;color:var(--danger-color);padding:18px;border-radius:8px;margin-bottom:25px;border-left:4px solid var(--danger-color);font-weight:300}.formLabel{display:block;margin-bottom:8px;font-weight:300;color:var(--primary-dark);font-size:.95rem}.formInput{width:100%;padding:12px 16px;border:1px solid var(--input-border);border-radius:8px;font-size:1rem;font-weight:300;color:var(--primary-dark);background-color:var(--card-bg);transition:all .3s ease;box-sizing:border-box}.formTextarea{width:100%;padding:12px 16px;border:1px solid var(--input-border);border-radius:8px;font-size:1rem;min-height:100px;resize:vertical;box-sizing:border-box;font-family:inherit;font-weight:300;color:var(--primary-dark);transition:all .3s ease}.currencyPreview{margin-top:6px;font-size:.9rem;color:var(--text-muted);font-weight:300;font-style:italic}.validationError{color:var(--danger-color);font-size:.85rem;margin-top:6px;font-weight:300}.formButtons{display:flex;gap:15px;justify-content:flex-end;margin-top:35px;padding-top:25px;border-top:1px solid var(--border-color)}.submitButton:hover:not(:disabled){background-color:var(--primary-accent);color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.tipSection{margin-top:30px;text-align:center;color:var(--text-muted);font-weight:300;line-height:1.6}.loadingOverlay{position:fixed;inset:0;background-color:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.loadingSpinner{border:3px solid rgba(255,255,255,.3);border-top:3px solid var(--primary-accent);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:20px}.loadingText{color:#fff;font-weight:300;font-size:1.1rem}@media(max-width:768px){.createGoalContainer{padding:20px 15px}.createGoalForm{padding:25px 20px}.createGoalTitle{font-size:1.8rem}.createGoalSubtitle{font-size:1rem}}@media(max-width:480px){.createGoalForm{padding:20px 15px}.createGoalTitle{font-size:1.6rem}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app-container{min-height:100vh;background-color:var(--background-color)}.content-area{padding:20px;min-height:calc(100vh - 100px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}.alert{padding:15px;border-radius:6px;margin:15px 0;animation:fadeIn .3s ease-out}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-info{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.goalDetailContainer{max-width:1200px;margin:0 auto;padding:20px}.breadcrumb .separator{margin:0 8px;color:#999}.goalHeader{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:20px}.goalTitleSection{display:flex;align-items:flex-end;gap:15px}.goalTitleSection h1{margin:0;color:#333;font-size:2rem;white-space:nowrap}.goalStatusBadge{padding:6px 12px;border-radius:20px;font-size:.9rem;font-weight:500;white-space:nowrap}.statusactive{background-color:#e8f5e9;color:#2e7d32}.statuscompleted{background-color:#e3f2fd;color:#1565c0}.statuspaused{background-color:#fff3e0;color:#ef6c00}.goalActionsButton{display:flex;gap:10px;align-items:center;justify-content:space-between}.actionButtonGoal{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;white-space:nowrap;width:300px;margin-top:20px}.editButtonGoal{background-color:#e8eebe}.editButtonGoal:hover{background-color:#dde0c5}.scenariosButtonGoal{background-color:#e8eebe}.scenariosButtonGoal:hover{background-color:#dde0c5}.paymentsButtonGoal{background-color:#e8eebe}.paymentsButtonGoal:hover{background-color:#dde0c5}.deleteButtonGoal{background-color:#f44336;color:#fff}.deleteButtonGoal:hover{background-color:#d32f2f}.goalOverview{background-color:#fff;border-radius:12px;padding:25px;margin-bottom:30px;box-shadow:0 2px 8px #0000001a}.goalStatsDetail{display:flex;flex-direction:row;gap:20px;margin-bottom:25px;flex-wrap:wrap}.statCard{flex:1;min-width:150px;text-align:center;padding:20px;background-color:#f8f9fa;border-radius:8px}.statIcon{font-size:2rem;margin-bottom:10px}.statLabel{font-size:.9rem;color:#666;margin-bottom:5px}.statValue{font-size:1.5rem;font-weight:700;color:#495631}.progressSection{margin-top:20px}.progressLabel{display:flex;justify-content:space-between;margin-bottom:10px;color:#666}.progressPercentage{font-weight:700;color:#495631}.progressBar{height:12px;background-color:#e9ecef;border-radius:6px;overflow:hidden}.progressFill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .5s ease}.goalDetails{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap}.detailsCard{flex:1;min-width:300px;background-color:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px #0000001a}.detailsCard h3{margin:0 0 20px;color:#333;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.detailsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.detailRow{display:flex;flex-direction:column;gap:5px;padding:8px 0;border-bottom:1px dashed #eee}.detailRow.highlight{background-color:#fff3e0;padding:10px;border-radius:6px;border-bottom:none;font-weight:700}.detailLabel{color:#666;font-size:.9rem}.detailValue{color:#333;font-weight:500;font-size:1.1rem}.highlight .detailValue{color:#f57c00;font-size:1.2rem}.tabsSection{background-color:#fff;border-radius:12px;padding:25px;margin-bottom:30px;box-shadow:0 2px 8px #0000001a}.tabsHeader{display:flex;gap:10px;border-bottom:2px solid #f0f0f0;margin-bottom:20px;flex-wrap:wrap}.tabButton{padding:12px 24px;background:none;border:none;cursor:pointer;font-size:1rem;color:#666;position:relative;transition:all .3s ease;white-space:nowrap}.tabButton:hover{color:#495631}.tabButton.active{color:#495631;font-weight:500}.tabButton.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:#495631}.tabContent{min-height:200px}.scenariosList{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.scenarioItem{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px;cursor:pointer;transition:all .3s ease}.scenarioItem:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#495631}.scenarioItem h4{margin:0 0 10px;color:#333}.scenarioItem p{margin:5px 0;color:#666;font-size:.9rem}.paymentsTable{width:100%;border-collapse:collapse}.paymentsTable th{background-color:#f8f9fa;padding:12px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6}.paymentsTable td{padding:12px;border-bottom:1px solid #dee2e6}.paymentsTable tr:hover{background-color:#f8f9fa}.emptyState{text-align:center;padding:40px;color:#666}.createButton{margin-top:15px;padding:10px 20px;background-color:#495631;color:#eaed74;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease;white-space:nowrap}.createButton:hover{background-color:#3a4527}.navigationButtons{display:flex;gap:15px;justify-content:space-between;margin-top:30px;flex-wrap:wrap}.navButton{padding:12px 24px;border:1px solid #ddd;border-radius:6px;background-color:#fff;color:#495631;cursor:pointer;transition:all .3s ease;font-size:1rem;white-space:nowrap}.navButton.primary{background-color:#495631;color:#eaed74;border:none}.navButton:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.backButton{display:inline-block;padding:10px 20px;background-color:#495631;color:#eaed74;text-decoration:none;border-radius:6px;white-space:nowrap}@media(max-width:1024px){.goalStats{flex-wrap:wrap}.statCard{min-width:200px}}@media(max-width:768px){.goalHeader{flex-direction:column;align-items:flex-start;gap:15px}.goalTitleSection{width:100%;justify-content:space-between}.goalActionsButton{flex-direction:column}.goalActions{width:100%;flex-wrap:wrap}.actionButton{flex:1;text-align:center}.goalStats{flex-direction:column}.statCard{width:100%}.goalDetails{flex-direction:column}.detailsCard{width:100%}.detailsGrid{grid-template-columns:1fr}.tabsHeader{flex-wrap:wrap}.tabButton{flex:1;text-align:center;padding:12px 8px}.navigationButtons{flex-direction:column}.navButton{width:100%;text-align:center}}@media(max-width:480px){.goalTitleSection{flex-direction:column;align-items:flex-start;gap:10px}.goalTitleSection h1{font-size:1.5rem}.statValue{font-size:1.2rem}}.checkpointsTab{padding:20px 0}.addCheckpointButton{margin-bottom:20px;text-align:right}.checkpoint-form-inline{background:#f8f9fa;padding:20px;border-radius:12px;margin-bottom:25px;border:1px solid #e0e0e0}.checkpoint-form-inline h4{margin:0 0 15px;color:#333}.checkpoint-form-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:15px}.checkpoint-form-group{flex:1;min-width:140px}.checkpoint-form-group input,.checkpoint-form-group select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px}.checkpoint-form-group input:focus,.checkpoint-form-group select:focus{outline:none;border-color:#495631}.checkpoint-form-buttons{display:flex;gap:10px;justify-content:flex-end}.checkpoint-form-buttons .cancel-btn{padding:10px 20px;background:#f5f5f5;border:none;border-radius:6px;cursor:pointer}.checkpoint-form-buttons .submit-btn{padding:10px 20px;background:#495631;color:#fff;border:none;border-radius:6px;cursor:pointer}.checkpoint-form-buttons .submit-btn:hover,.checkpoint-form-buttons .cancel-btn:hover{opacity:.9}.submit-error{margin-bottom:15px;text-align:center}.checkpointsTable{width:100%;border-collapse:collapse}.checkpointsTable th{text-align:left;padding:12px;background:#f8f9fa;color:#495631;font-weight:600;border-bottom:2px solid #e0e0e0}.checkpointsTable td{padding:12px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.checkpointsTable tr:hover{background:#f8f9fa}.checkpointsTable .overdue-row{background:#c628280d}.amount-cell{font-weight:600;color:#495631;white-space:nowrap}.priority-icon{font-size:14px}.checkpoint-status{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.checkpoint-status.pending{background:#fff3e0;color:#f57c00}.checkpoint-status.completed{background:#e8f5e8;color:#2e7d32}.checkpoint-status.overdue{background:#ffebee;color:#c62828}.overdue-badge{margin-left:5px;font-size:11px}.action-btn{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;background:#f5f5f5;transition:all .2s}.action-btn.complete{background:#e8f5e8;color:#2e7d32}.action-btn.complete:hover{background:#2e7d32;color:#fff}.action-btn.edit{background:#e3f2fd;color:#1976d2}.action-btn.edit:hover{background:#1976d2;color:#fff}.action-btn.delete{background:#ffebee;color:#c62828}.action-btn.delete:hover{background:#c62828;color:#fff}@media(max-width:768px){.checkpoint-form-row{flex-direction:column}.checkpoint-form-group{width:100%}.checkpointsTable{font-size:13px}.table-actions{flex-wrap:wrap}}:root{--primary-dark: #495631;--primary-accent: #EAED74;--primary-light: #EFF2DD;--card-bg: #FFFFFF;--border-color: #DDE0C5;--text-muted: #717959;--text-dark: #3A3F29;--danger-color: #f44336;--success-color: #2e7d32;--input-border: #DDE0C5;--input-focus: #EAED74}.paymentForm{display:flex;flex-direction:column;gap:20px}.goalInfoCard{background-color:#eaed741a;padding:20px;border-radius:8px;margin-bottom:5px;border:1px solid rgba(221,224,197,.5)}.infoItem{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px dashed rgba(221,224,197,.5)}.infoItem:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.infoLabel{color:var(--text-muted);font-size:.9rem;font-weight:300}.infoValue{color:var(--primary-dark);font-size:.95rem;font-weight:400}.remainingAmount{color:var(--danger-color);font-weight:400}.formGroup{display:flex;flex-direction:column;gap:6px}.formLabel{font-size:.95rem;font-weight:300;color:var(--primary-dark)}.required{color:var(--danger-color)}.formInput{padding:12px 16px;border:1px solid var(--input-border);border-radius:8px;font-size:1rem;font-weight:300;color:var(--primary-dark);background-color:var(--card-bg);transition:all .3s ease;box-sizing:border-box}.formInput:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 3px #eaed7433}.formInputError{border-color:var(--danger-color)!important}.formTextarea{padding:12px 16px;border:1px solid var(--input-border);border-radius:8px;font-size:1rem;min-height:80px;resize:vertical;box-sizing:border-box;font-family:inherit;font-weight:300;color:var(--primary-dark);transition:all .3s ease}.formTextarea:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 3px #eaed7433}.currencyPreview{font-size:.9rem;color:var(--text-muted);font-style:italic;font-weight:300}.formError{color:var(--danger-color);font-size:.85rem;font-weight:300}.submitError{background-color:#f443361a;color:var(--danger-color);padding:12px;border-radius:8px;font-size:.9rem;font-weight:300;border-left:4px solid var(--danger-color)}.formButtons{display:flex;gap:12px;justify-content:flex-end;margin-top:10px;padding-top:20px;border-top:1px solid var(--border-color)}@media(max-width:480px){.formButtons{flex-direction:column}}.formButton{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:300;min-width:140px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}@media(max-width:480px){.formButton{width:100%;min-width:0}}.submitButton{background-color:var(--primary-dark);color:var(--primary-accent)}.submitButton:hover:not(:disabled){background-color:var(--primary-accent);color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #49563126}.submitButton:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.cancelButton{background-color:transparent;color:var(--primary-dark);border:1px solid var(--border-color)}.cancelButton:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.paymentEditForm{display:flex;flex-direction:column;gap:20px}.editFormTitle{font-size:1.2rem;font-weight:400;color:var(--primary-dark);margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}:root{--primary-dark: #495631;--primary-accent: #EAED74;--primary-light: #EFF2DD;--card-bg: #FFFFFF;--border-color: #DDE0C5;--text-muted: #717959;--text-dark: #3A3F29;--success-color: #2e7d32;--table-header-bg: rgba(73, 86, 49, .05);--table-row-hover: rgba(234, 237, 116, .1);--table-border: rgba(221, 224, 197, .5)}.paymentListContainer{max-height:500px;overflow-y:auto;border-radius:8px;border:1px solid var(--border-color)}.paymentSummary{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#eaed741a;border-radius:8px;margin-bottom:20px;border:1px solid rgba(221,224,197,.5);font-weight:300}.summaryItem{display:flex;flex-direction:column;align-items:center;text-align:center}.summaryLabel{font-size:.85rem;color:var(--text-muted);margin-bottom:4px}.summaryValue{font-size:1.2rem;font-weight:400;color:var(--primary-dark)}.totalAmount{font-size:1.4rem;font-weight:400;color:var(--success-color)}.paymentTable{width:100%;border-collapse:collapse;font-size:.9rem;font-weight:300}.tableHeader{text-align:left;padding:14px 16px;background-color:var(--table-header-bg);border-bottom:2px solid var(--table-border);color:var(--primary-dark);font-weight:400;position:sticky;top:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10}.tableCell{padding:14px 16px;border-bottom:1px solid var(--table-border);color:var(--text-dark)}.tableRow{transition:background-color .2s ease}.tableRow:hover{background-color:var(--table-row-hover)}.amountCell{font-weight:400;color:var(--success-color)}.dateCell{color:var(--text-muted);white-space:nowrap;min-width:100px}.descriptionCell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.descriptionFull{cursor:help}.descriptionFull:hover:after{content:attr(title);position:absolute;background-color:var(--primary-dark);color:var(--primary-accent);padding:8px 12px;border-radius:6px;font-size:.8rem;z-index:100;max-width:300px;word-wrap:break-word;white-space:normal}.emptyState{text-align:center;padding:60px 20px;color:var(--text-muted);font-weight:300}.emptyState p{font-size:1rem}.paymentListContainer::-webkit-scrollbar{width:8px}.paymentListContainer::-webkit-scrollbar-track{background:transparent}.paymentListContainer::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.paymentListContainer::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}@media(max-width:768px){.paymentListContainer{max-height:400px}.paymentSummary{flex-direction:column;gap:15px;text-align:center}.summaryItem{width:100%}.tableHeader,.tableCell{padding:10px 12px;font-size:.85rem}.descriptionCell{max-width:150px}}@media(max-width:480px){.paymentListContainer{max-height:350px}.paymentTable{font-size:.8rem}.tableHeader,.tableCell{padding:8px 10px}.dateCell{min-width:80px}.descriptionCell{max-width:120px}}.actionsCell{white-space:nowrap;text-align:center}.actionButton{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:5px 8px;margin:0 2px;border-radius:6px;transition:all .2s ease}.editButton{color:var(--primary-dark)}.editButton:hover{background-color:#eaed744d;transform:scale(1.1)}.deleteButton{color:var(--danger-color)}.deleteButton:hover{background-color:#f443361a;transform:scale(1.1)}@media(max-width:768px){.actionButton{font-size:1rem;padding:3px 6px}.actionsCell{min-width:60px}}:root{--primary-dark: #495631;--primary-accent: #EAED74;--primary-light: #EFF2DD;--card-bg: #FFFFFF;--border-color: #DDE0C5;--text-muted: #717959;--text-dark: #3A3F29;--danger-color: #f44336;--success-color: #2e7d32;--shadow: 0 4px 12px rgba(73, 86, 49, .08);--shadow-hover: 0 8px 24px rgba(73, 86, 49, .12)}.paymentsContainer{padding:30px 20px;max-width:1200px;margin:0 auto;min-height:calc(100vh - 80px);width:100%;box-sizing:border-box}.paymentsHeader{display:flex;justify-content:center;align-items:center;margin-bottom:35px;flex-wrap:wrap;gap:20px}.headerContent h1{margin:0;font-size:2rem;font-weight:300;color:var(--primary-dark);line-height:1.3}.headerSubtitle{color:var(--text-muted);font-size:.9rem;font-weight:300;margin-top:8px}.goalInfoCard{background-color:#4956310d;padding:20px;border-radius:8px;margin-bottom:30px;margin-top:30px;border-left:4px solid var(--primary-dark);font-weight:300}.goalInfoRow{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.goalInfoLeft,.goalInfoRight{flex:1;min-width:250px}.goalInfoLabel{color:var(--text-muted);font-size:.9rem}.goalInfoValue{color:var(--primary-dark);font-weight:400;margin-top:2px}.addPaymentButton:disabled{opacity:.5;cursor:not-allowed}.statsContainer{display:flex;gap:24px;margin-bottom:40px;flex-wrap:wrap}.statCard{flex:1;min-width:180px;padding:24px;background-color:var(--card-bg);border-radius:12px;text-align:center;box-shadow:var(--shadow);border:1px solid var(--border-color);transition:transform .3s ease}.statCard:hover{transform:translateY(-3px)}.statCard h3{color:var(--text-muted);font-size:.9rem;font-weight:300;text-transform:uppercase;letter-spacing:.5px;margin:0 0 15px}.statNumber{font-size:2rem;font-weight:200;margin:10px 0;color:var(--primary-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.currency{color:var(--primary-dark);margin-left:2px}.contentGrid{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-top:20px}@media(max-width:900px){.contentGrid{grid-template-columns:1fr}}.contentSection{background-color:var(--card-bg);border-radius:12px;padding:25px;box-shadow:var(--shadow);border:1px solid var(--border-color)}.sectionTitle{font-size:1.3rem;font-weight:300;margin-bottom:20px;color:var(--primary-dark);display:flex;align-items:center;gap:10px}.infoSection{background-color:transparent;box-shadow:none;border:none;padding:0}.infoText{color:var(--text-muted);font-weight:300;line-height:1.6;margin-bottom:20px}.tipSection{margin-top:25px;padding:18px;background-color:#eaed741a;border-radius:8px;border:1px solid rgba(221,224,197,.5)}.tipSection strong{color:var(--primary-dark);font-weight:400}.requirementsList{margin:15px 0 0 20px;font-size:.9rem;color:var(--text-muted)}.requirementsList li{margin-bottom:6px}.paymentsListHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.refreshButton{padding:8px 16px;background-color:transparent;color:var(--primary-dark);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:300;transition:all .3s ease;display:flex;align-items:center;gap:6px}.refreshButton:hover{background-color:var(--primary-accent);border-color:var(--primary-accent);color:var(--primary-dark)}.emptyState{text-align:center;padding:60px 20px;color:var(--text-muted)}.emptyStateTitle{font-size:1.2rem;font-weight:300;margin-bottom:10px;color:var(--primary-dark)}.emptyStateButton{padding:10px 20px;background-color:var(--primary-dark);color:var(--primary-accent);border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:300;margin-top:20px;transition:all .3s ease}.emptyStateButton:hover{background-color:var(--primary-accent);color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow)}.backButtonSection{text-align:center;margin-top:40px;padding-top:40px;border-top:1px solid var(--border-color)}.backButton{padding:12px 28px;background-color:transparent;color:var(--primary-dark);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:300;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto}.backButton:hover{background-color:var(--primary-accent);border-color:var(--primary-accent);color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow)}.addPaymentContainer{display:flex;justify-content:center;margin:20px 0 30px}.addPaymentButton{padding:12px 24px;background-color:var(--primary-dark);color:var(--primary-accent);border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:300;display:flex;align-items:center;gap:8px;transition:all .3s ease;white-space:nowrap}.addPaymentButton:hover:not(:disabled){background-color:var(--primary-accent);color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow)}.addPaymentButtonActive{background-color:var(--text-muted)}@media(max-width:768px){.paymentsContainer{padding:20px 15px}.paymentsHeader{flex-direction:column;align-items:stretch}.headerContent h1{font-size:1.6rem}.statCard{min-width:calc(50% - 12px)}.statNumber{font-size:1.6rem}.contentSection{padding:20px}}@media(max-width:480px){.statCard{min-width:100%}.goalInfoRow{flex-direction:column;align-items:flex-start;gap:10px}.goalInfoLeft,.goalInfoRight{min-width:100%}}.createScenarioContainer{max-width:800px;margin:0 auto;padding:20px}.createScenarioHeader{margin-bottom:30px}.createScenarioHeader h1{margin:0 0 10px;color:#495631}.goalInfoCreate{background-color:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:30px;border-left:4px solid #495631}.goalStatsCreate{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:20px;gap:20px}.goalStatLabel{font-size:14px;color:#666;margin-bottom:5px}.goalStatValue{font-size:18px;font-weight:700;color:#495631}.scenarioFormContainer{background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.scenarioForm{max-width:600px;margin:0 auto}.formInput.error{border-color:#f44336}.formInput.warning{border-color:#ff9800}.validationError{color:#f44336;font-size:14px;margin-top:5px}.warningMessage{color:#ff9800;font-size:14px;margin-top:5px;background-color:#fff3e0;padding:8px 12px;border-radius:4px;border-left:3px solid #ff9800}.currencyPreview{font-size:14px;color:#495631;margin-top:5px;padding:5px 0}.previewSection{background-color:#f9f9f9;padding:20px;border-radius:8px;margin:20px 0;border:1px solid #ddd}.previewTitle{margin:0 0 15px;color:#495631;font-size:16px}.previewRow{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #ddd}.previewRow:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.previewValue{color:#495631;font-weight:500}.formButtons{display:flex;gap:15px;margin-top:30px}.formButton{padding:14px 28px;border-radius:6px;border:none;cursor:pointer;font-size:16px;font-weight:500;flex:1;transition:all .3s ease}.cancelButton{background-color:#f5f5f5;color:#495631;border:1px solid #ddd}.cancelButton:hover:not(:disabled){background-color:#e9ecef}.submitButton{background-color:#495631;color:#eaed74}.submitButton:hover:not(:disabled){background-color:#3a4527}.submitButton:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.formRow{flex-direction:column;gap:15px}.goalStats{flex-direction:column;gap:10px}}.scenarioDetailContainer{max-width:1000px;margin:0 auto;padding:20px}.breadcrumb a{color:#495631;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.pageHeaderScenarios{padding:30px;border-radius:12px;margin-bottom:30px;color:#fff;display:flex;flex-direction:column;align-items:center}.goalInfoStats{display:flex;flex-direction:row;justify-content:space-between;margin-top:10px}.headerTop{margin-bottom:15px}.pageHeader h1{margin:0 0 10px;font-size:28px;color:#fff}.editTitleInput{width:100%;padding:10px;font-size:28px;background:#ffffffe6;border:none;border-radius:6px;color:#333}.scenarioMeta{display:flex;gap:20px;font-size:14px;opacity:.9}.headerSubtitle{margin:0;opacity:.9;font-size:16px}.actionsContainerDetail{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.actionButtonDetail{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;white-space:nowrap;width:150px;margin-top:20px}.editButtonDetal:hover,.forecastButtonDetail:hover,.deleteButtonDetail:hover{background-color:#e8f5e9}.scenarioMainInfo{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.headerContentDetail{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}@media(max-width:768px){.scenarioMainInfo{grid-template-columns:1fr}.actionsContainer{flex-direction:column}.actionButton{padding:10px 20px;border-radius:6px;border:none;cursor:pointer;font-size:14px;transition:all .3s ease}}.infoCard{background-color:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 6px #0000001a}.infoCard h3{margin:0 0 20px;color:#333;font-size:18px;border-bottom:2px solid #f5f5f5;padding-bottom:10px}.infoGrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.infoItem{display:flex;flex-direction:column}.infoLabel{font-size:14px;color:#666;margin-bottom:5px}.infoValue{font-size:16px;font-weight:500;color:#333}.infoValue.highlight{color:#495631;font-weight:700}.subText{display:block;font-size:12px;color:#666;margin-top:2px}.warningText{color:#f44336;font-weight:500}.riskBadge{display:inline-block;padding:6px 12px;border-radius:20px;color:#fff;font-size:14px;font-weight:700}.editInput{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:16px;box-sizing:border-box}.editInput:focus{outline:none;border-color:#495631}.goalCard{background-color:#fff;padding:25px;border-radius:12px;margin-bottom:20px;box-shadow:0 4px 6px #0000001a;border-left:4px solid #495631}.goalCard h3{margin:0 0 20px;color:#333;font-size:18px}.goalInfo{display:flex;flex-direction:column;gap:15px}.goalRow{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f5f5f5}.goalRow:last-child{border-bottom:none}.goalLabel{font-size:14px;color:#666}.goalValue{font-size:16px;font-weight:500;color:#333;text-align:right}.progressPercent{display:block;font-size:12px;color:#495631;margin-top:2px}.goalStatus{padding:4px 12px;border-radius:15px;font-size:12px;font-weight:700;text-transform:uppercase}.goalStatus.statusactive{background-color:#e8f5e9;color:#2e7d32}.goalStatus.statuscompleted{background-color:#e3f2fd;color:#1565c0}.goalStatus.statuspaused{background-color:#fff3e0;color:#ef6c00}.goalActions{margin-top:15px;display:flex;justify-content:flex-end}.goalActionButton{padding:8px 16px;background-color:#495631;color:#eaed74;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.goalActionButton:hover{background-color:#3a4527}.forecastCard{background:linear-gradient(135deg,#f093fb,#f5576c);padding:25px;border-radius:12px;margin-bottom:20px;color:#fff}.forecastHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.forecastHeader h3{margin:0;font-size:20px;color:#fff}.editForecastButton{padding:8px 16px;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease}.editForecastButton:hover{background-color:#ffffff4d}.forecastContent{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.forecastItem{background:#ffffff1a;padding:15px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.forecastLabel{display:block;font-size:14px;opacity:.9;margin-bottom:8px}.forecastValue{display:block;font-size:18px;font-weight:700}.forecastValue.highlight{color:gold}.navigationSection{display:flex;justify-content:space-between;margin-top:30px;gap:15px}.navigationButton{padding:12px 24px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease;flex:1;text-align:center;text-decoration:none;border:none;display:inline-block}.backButtonDetail{background-color:#f5f5f5;color:#495631;border:1px solid #ddd}.forwardButtonDetail{background-color:#495631;color:#eaed74}.backButtonDetail:hover{background-color:#e8f5e9}.forwardButtonDetail:hover{background-color:#3a4526}.backButton{display:inline-block;margin-top:20px;padding:10px 20px;background-color:#495631;color:#eaed74;text-decoration:none;border-radius:6px;transition:background-color .3s ease;border:none;cursor:pointer;font-size:14px}.editScenarioContainer{max-width:1000px;margin:0 auto;padding:20px}.breadcrumb{margin-bottom:20px;font-size:14px;color:#666}.breadcrumb span:hover{text-decoration:underline;cursor:pointer}.pageHeaderEdit{display:flex;flex-direction:column;justify-content:center;margin-bottom:30px}.pageHeader h1{margin:0 0 10px;color:#495631}.subtitle{color:#666;margin:0;font-size:16px}.goalInfo{background-color:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:30px;border-left:4px solid #495631;display:flex;flex-direction:column}.goalInfo h3{margin:0 0 15px;color:#333}.goalStatsEdit{display:flex;flex-direction:row;justify-content:space-between;gap:30px}.goalStat{display:flex;flex-direction:column}.goalStat span{font-size:14px;color:#666;margin-bottom:5px}.goalStat strong{font-size:18px;color:#495631}.editFormContainer{background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.editForm{max-width:800px;margin:0 auto}.formGroup{margin-bottom:25px}.formLabel{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:14px}.formInput{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:16px;box-sizing:border-box;transition:border-color .3s ease}.formInput:focus{outline:none;border-color:#495631}.formTextarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:16px;min-height:100px;resize:vertical;font-family:inherit;box-sizing:border-box}.inputHint{font-size:13px;color:#666;margin-top:5px;padding:5px 0}.inputHint strong{color:#495631}.formRow{display:flex;gap:20px;margin-bottom:20px}.formColumn{flex:1}.previewSection{background-color:#f9f9f9;padding:20px;border-radius:8px;margin:25px 0;border:1px solid #ddd}.previewSection h4{margin:0 0 15px;color:#495631;font-size:16px}.previewGrid{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:15px}.previewItem{background-color:#fff;padding:15px;border-radius:6px;border:1px solid #eee;width:300px;height:100px}.previewLabel{display:block;font-size:13px;color:#666;margin-bottom:5px}.previewValue{display:block;font-size:16px;font-weight:500;color:#333}.previewValue small{display:block;font-size:12px;color:#666;margin-top:2px}.comparisonSection{margin:30px 0}.comparisonSection h4{margin:0 0 15px;color:#495631;font-size:16px}.comparisonTable{width:100%;border-collapse:collapse;font-size:14px}.comparisonTable th{background-color:#f8f9fa;padding:12px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6}.comparisonTable td{padding:12px;border-bottom:1px solid #dee2e6;vertical-align:top}.comparisonTable tr:hover{background-color:#f8f9fa}.comparisonTable .positive{color:#4caf50;font-weight:700}.comparisonTable .negative{color:#f44336;font-weight:700}.comparisonTable .neutral{color:#666}.actionButtons{display:flex;gap:15px;margin-top:30px;justify-content:space-between}.actionButtonEdit{padding:14px 28px;border-radius:6px;border:none;cursor:pointer;font-size:16px;font-weight:500;min-width:276px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.cancelButtonEdit{background-color:#f5f5f5;color:#495631;border:1px solid #ddd}.cancelButtonEdit:hover:not(:disabled){background-color:#e9ecef}.saveButtonEdit{background-color:#495631;color:#eaed74}.saveButtonEdit:hover:not(:disabled){background-color:#3a4527}.actionButton:disabled{opacity:.6;cursor:not-allowed}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#eaed74;animation:spin 1s ease-in-out infinite}.loadingSpinner{display:inline-block;width:50px;height:50px;border:3px solid #f3f3f3;border-top:3px solid #495631;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.errorMessage{background-color:#ffebee;color:#c62828;padding:15px;border-radius:6px;margin-bottom:20px;border-left:4px solid #c62828}.backButton{padding:10px 20px;background-color:#495631;color:#eaed74;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.backButton:hover{background-color:#3a4527}@media(max-width:768px){.formRow{flex-direction:column;gap:15px}.goalStatsEdit{display:flex;flex-direction:row;flex-direction:column;gap:15px}.actionButtons{flex-direction:column}.actionButton{width:100%}.comparisonTable{font-size:12px}.comparisonTable th,.comparisonTable td{padding:8px}}.demoWarning{background-color:#fff3e0;color:#ff9800;padding:10px 15px;border-radius:6px;margin-top:10px;border-left:4px solid #ff9800;font-size:14px}:root{--primary-dark: #495631;--primary-accent: #EAED74;--primary-light: #EFF2DD;--card-bg: #FFFFFF;--border-color: #DDE0C5;--text-muted: #717959;--text-dark: #3A3F29;--shadow: 0 4px 12px rgba(73, 86, 49, .08);--shadow-hover: 0 8px 24px rgba(73, 86, 49, .12)}.scenariosMainContainer{padding:30px 20px;max-width:1200px;margin:0 auto;min-height:calc(100vh - 80px)}.scenariosHeader{margin-bottom:40px;text-align:center}.scenariosHeader h1{color:var(--primary-dark);font-size:2.5rem;font-weight:300;margin:0 0 15px;letter-spacing:-.5px}.scenariosHeader p{color:var(--text-muted);font-size:1.1rem;font-weight:300;max-width:600px;margin:0 auto;line-height:1.6}.errorMessage{background-color:#eaed7433;color:var(--primary-dark);padding:18px;border-radius:8px;margin-bottom:30px;border-left:4px solid var(--primary-accent);font-weight:300}.filtersSection{margin-bottom:30px;background-color:var(--card-bg);padding:25px;border-radius:12px;box-shadow:var(--shadow);border:1px solid var(--border-color)}.filtersTitle{font-size:1.2rem;color:var(--primary-dark);margin-bottom:20px;font-weight:300;display:flex;align-items:center;gap:10px}.filterGrid{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;align-items:flex-end}.filterGroup{display:flex;flex-direction:column;flex:1 1 200px;min-width:180px}.filterLabel{margin-bottom:8px;font-weight:300;color:var(--primary-dark);font-size:.95rem}.filterSelect{padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;font-weight:300;color:var(--primary-dark);background-color:var(--card-bg);transition:all .3s ease;cursor:pointer;width:100%}.filterSelect:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 3px #eaed7433}.filterActions{display:flex;justify-content:flex-end;align-items:flex-end}.clearFiltersButton{padding:12px 24px;background-color:transparent;color:var(--primary-dark);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:300;transition:all .3s ease;white-space:nowrap;height:fit-content}.clearFiltersButton:hover{background-color:#dde0c533}.goalsSection{margin-bottom:40px}.sectionTitle{font-size:1.5rem;font-weight:300;color:var(--primary-dark);margin-bottom:25px;display:flex;align-items:center;gap:10px}.sectionSubtitle{color:var(--text-muted);font-size:.9rem;font-weight:300;margin-left:10px}.goalsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:10px;margin-top:15px}.goalCard{background-color:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border-color);transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column}.goalCard:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.goalCardHeader{display:flex;flex-direction:column;padding:25px 25px 15px;border-bottom:1px solid var(--border-color)}.goalTitle{font-size:1.4rem;font-weight:300;color:var(--primary-dark);margin:0 0 10px;line-height:1.3}.goalMeta{display:flex;align-items:center;gap:15px;margin-bottom:15px;font-size:.9rem;color:var(--text-muted);flex-wrap:wrap}.goalStatus{padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:400}.statusActive{background-color:#eaed7433;color:var(--primary-dark)}.statusCompleted{background-color:#2e7d3233;color:#2e7d32}.statusPaused{background-color:#f4433633;color:#f44336}.scenariosCountBadge{background-color:var(--primary-light);padding:4px 10px;border-radius:15px;font-size:.85rem;display:flex;align-items:center;gap:4px}.goalStats{display:flex;flex-direction:column;padding:20px 25px;flex:1}.goalStatRow{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed var(--border-color)}.goalStatRow:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.goalStatLabel{font-size:.9rem;color:var(--text-muted);font-weight:300}.goalStatValue{font-size:1rem;color:var(--primary-dark);font-weight:400}.progressContainer{margin-top:15px}.progressLabel{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.9rem;color:var(--text-muted)}.progressBar{width:100%;height:8px;background-color:var(--border-color);border-radius:4px;overflow:hidden}.scenariosInfo{padding:20px 25px;background-color:#49563108;border-top:1px solid var(--border-color)}.scenariosButton{width:100%;padding:14px;background-color:var(--primary-dark);color:var(--primary-accent);border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:300;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.scenariosButton:hover{background-color:var(--primary-accent);color:var(--primary-dark);transform:translateY(-2px)}.allScenariosSection{margin-top:50px;padding-top:40px;border-top:1px solid var(--border-color)}.allScenariosHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding:15px 20px;background-color:var(--card-bg);border-radius:12px;box-shadow:var(--shadow);border:1px solid var(--border-color);cursor:pointer;transition:all .3s ease}.allScenariosHeader:hover{background-color:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.allScenariosTitle{font-size:1.5rem;font-weight:300;color:var(--primary-dark);display:flex;align-items:center;gap:10px;margin:0}.allScenariosCount{background-color:#eaed744d;color:var(--primary-dark);padding:4px 12px;border-radius:15px;font-size:1rem;font-weight:400}.expandButton{display:flex;align-items:center;gap:8px;background:none;border:none;font-size:1.2rem;color:var(--primary-dark);cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .3s ease}.expandButton:hover{background-color:#eaed7433}.expandButton.expanded{color:var(--primary-dark)}.expandButtonText{font-size:.95rem;font-weight:400}.scenariosCollapse{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1);background-color:transparent;border-radius:0 0 12px 12px}.scenariosCollapse.expanded{max-height:2000px;margin-top:20px}.scenariosList{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;padding:10px 0}.scenarioItem{background-color:var(--card-bg);padding:25px;border-radius:12px;box-shadow:var(--shadow);border:1px solid var(--border-color);transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.scenarioItem:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.scenarioHeader{margin-bottom:20px}.scenarioGoal{font-size:.9rem;color:var(--text-muted);margin-bottom:5px;display:flex;align-items:center;gap:8px}.scenarioName{font-size:1.2rem;font-weight:300;color:var(--primary-dark);margin:0 0 10px}.scenarioMeta{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-muted);flex-wrap:wrap}.scenarioContent{margin-bottom:20px;flex:1}.scenarioRow{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed var(--border-color)}.scenarioRow:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.scenarioLabel{font-size:.9rem;color:var(--text-muted)}.scenarioValue{font-size:1rem;color:var(--primary-dark);font-weight:400}.scenarioRisk{padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:400}.riskLow{background-color:#4caf5033;color:#4caf50}.riskMedium{background-color:#ff980033;color:#ff9800}.riskHigh{background-color:#f4433633;color:#f44336}.scenarioActions{display:flex;gap:10px;margin-top:15px}.scenarioActionButton{flex:1;padding:10px;border:1px solid var(--border-color);border-radius:6px;background-color:transparent;color:var(--primary-dark);cursor:pointer;font-size:.9rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.scenarioActionButton:hover{background-color:#eaed7433}.emptyState{text-align:center;padding:60px 40px;background-color:var(--card-bg);border-radius:12px;box-shadow:var(--shadow);border:1px solid var(--border-color)}.emptyState.small{padding:40px 20px;margin:20px 0}.emptyStateIcon{font-size:3rem;margin-bottom:20px;color:var(--text-muted)}.emptyState h3{color:var(--primary-dark);font-size:1.6rem;font-weight:300;margin-bottom:15px}.emptyState p{color:var(--text-muted);font-size:1.05rem;font-weight:300;line-height:1.6;max-width:500px;margin:0 auto}.emptyStateButton{padding:14px 32px;background-color:var(--primary-dark);color:var(--primary-accent);border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:400;display:flex;align-items:center;gap:10px;margin:25px auto 0;transition:all .3s ease}.emptyStateButton:hover{background-color:var(--primary-accent);color:var(--primary-dark);transform:translateY(-2px)}.refreshSection{margin-top:50px;text-align:center;padding-top:40px;border-top:1px solid var(--border-color)}.refreshButton{padding:12px 28px;background-color:transparent;color:var(--primary-dark);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:1rem;font-weight:300;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto}.refreshButton:hover{background-color:var(--primary-accent);border-color:var(--primary-accent);color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow)}@media(max-width:1024px){.goalsGrid,.scenariosList{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.scenariosMainContainer{padding:20px 15px}.scenariosHeader h1{font-size:2rem}.scenariosHeader p{font-size:1rem}.filterGrid{flex-direction:column;gap:15px}.filterGroup{width:100%;min-width:100%;flex:none}.filterActions{justify-content:stretch}.clearFiltersButton{width:100%}.goalsGrid,.scenariosList{grid-template-columns:1fr}.allScenariosHeader{flex-direction:column;align-items:flex-start;gap:15px}.expandButton{width:100%;justify-content:center}}:root{--primary-dark: #495631;--primary-accent: #EAED74;--primary-light: #EFF2DD;--card-bg: #FFFFFF;--border-color: #DDE0C5;--text-muted: #717959;--text-dark: #3A3F29;--shadow: 0 4px 12px rgba(73, 86, 49, .08);--shadow-hover: 0 8px 24px rgba(73, 86, 49, .12);--success-color: #4caf50;--warning-color: #ff9800;--danger-color: #f44336}.scenarioComparisonContainer{padding:30px 20px;max-width:1400px;margin:0 auto;min-height:calc(100vh - 80px)}.breadcrumb{margin-bottom:25px;color:var(--text-muted);font-size:.9rem;font-weight:300}.breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .3s ease}.breadcrumb a:hover{color:var(--primary-dark)}.breadcrumb span{color:var(--primary-dark);font-weight:400}.pageHeader{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:35px}.headerContent h1{margin:0 0 10px;font-size:2rem;font-weight:300;color:var(--primary-dark);line-height:1.3}.headerSubtitle{color:var(--text-muted);font-size:1rem;font-weight:300;margin:0}.errorMessage{background-color:#eaed7433;color:var(--primary-dark);padding:18px;border-radius:8px;margin-bottom:25px;border-left:4px solid var(--primary-accent);font-weight:300}.errorMessage strong{font-weight:400}.selectionSection{background-color:var(--card-bg);padding:25px;border-radius:12px;box-shadow:var(--shadow);border:1px solid var(--border-color);margin-bottom:30px}.selectionHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.selectionHeader h3{margin:0;font-size:1.3rem;font-weight:300;color:var(--primary-dark);display:flex;align-items:center;gap:10px}.selectionControls{display:flex;justify-content:center;gap:10px;align-items:center;margin-top:20px}.addButton{padding:10px 20px;background-color:var(--primary-dark);color:var(--primary-accent);border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:300;transition:all .3s ease;display:flex;align-items:center;gap:8px}.addButton:hover{background-color:var(--primary-accent);color:var(--primary-dark);transform:translateY(-2px)}.clearButton{padding:10px 20px;background-color:transparent;color:var(--primary-dark);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:300;transition:all .3s ease}.clearButton:hover{background-color:#dde0c533}.selectedScenariosGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.scenarioSelectorCard{background-color:#49563108;padding:20px;border-radius:8px;border:1px solid var(--border-color);transition:all .3s ease}.scenarioSelectorCard:hover{background-color:#4956310d}.scenarioSelectorHeader{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.saveToDbButton{padding:10px 20px;background-color:var(--primary-dark);color:var(--primary-accent);border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:300;transition:all .3s ease;display:flex;align-items:center;gap:8px}.bestScenarioCard{display:flex;flex-direction:column;gap:8px}.saveToDbButton:hover{background-color:var(--primary-accent);color:var(--primary-dark)}.scenarioSelectorTitle{font-size:1rem;font-weight:400;color:var(--primary-dark);margin:0 0 8px}.scenarioGoal{font-size:.85rem;color:var(--text-muted);display:flex;align-items:center;gap:6px}.removeButton{padding:6px 10px;background-color:transparent;color:var(--danger-color);border:1px solid var(--danger-color);border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .3s ease}.removeButton:hover{background-color:var(--danger-color);color:#fff}.scenarioSelect{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;color:var(--primary-dark);background-color:#fff;cursor:pointer;transition:all .3s ease}.scenarioSelect:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 3px #eaed7433}.emptySelection{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:.95rem;grid-column:1 / -1}.emptySelection p{margin:10px 0}.comparisonTableWrapper{background-color:var(--card-bg);padding:25px;border-radius:12px;box-shadow:var(--shadow);border:1px solid var(--border-color);margin-bottom:30px;overflow-x:auto}.comparisonTableHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.comparisonTableHeader h3{margin:0;font-size:1.3rem;font-weight:300;color:var(--primary-dark);display:flex;align-items:center;gap:10px}.tableControls{display:flex;gap:10px;align-items:center}.exportButton{padding:10px 20px;background-color:var(--primary-dark);color:var(--primary-accent);border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:300;transition:all .3s ease;display:flex;align-items:center;gap:8px}.exportButton:hover{background-color:var(--primary-accent);color:var(--primary-dark)}.optionButton{padding:10px 20px;background-color:transparent;color:var(--primary-dark);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:300;transition:all .3s ease}.optionButton:hover{background-color:#dde0c533}.comparisonTable{width:100%;border-collapse:collapse;font-size:.95rem}.comparisonTable th{background-color:#4956310d;padding:16px 12px;text-align:left;font-weight:400;color:var(--primary-dark);border-bottom:2px solid var(--border-color);position:sticky;top:0}.comparisonTable td{padding:14px 12px;border-bottom:1px solid rgba(221,224,197,.5);vertical-align:middle}.comparisonTable tr:hover td{background-color:#eaed740d}.scenarioColumn{min-width:200px;max-width:250px}.scenarioColumnHeader{background-color:var(--primary-accent)!important;color:var(--primary-dark)!important;font-weight:400!important;position:relative}.scenarioColumnHeader .scenarioTitle{font-size:1rem;margin-bottom:6px}.scenarioColumnHeader .scenarioGoal{font-size:.8rem;opacity:.8}.bestValue{background-color:#4caf501a!important;font-weight:500;color:var(--success-color)}.worstValue{background-color:#f443361a!important;font-weight:500;color:var(--danger-color)}.equalValue{background-color:#ff98001a!important;font-weight:500;color:var(--warning-color)}.valueCell{text-align:center;font-weight:400}.valueCell .highlight{font-size:1.1rem;font-weight:500}.valueCell .subtext{font-size:.8rem;color:var(--text-muted);margin-top:4px}.ratingSection{background-color:var(--card-bg);padding:25px;border-radius:12px;box-shadow:var(--shadow);border:1px solid var(--border-color);margin-bottom:30px}.ratingHeader{display:flex;align-items:center;gap:10px;margin-bottom:20px}.ratingHeader h3{margin:0;font-size:1.3rem;font-weight:300;color:var(--primary-dark)}.ratingGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}.ratingCard{background-color:#49563108;padding:20px;border-radius:8px;border:1px solid var(--border-color);transition:all .3s ease}.ratingCard:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.ratingCard.best{border-color:var(--success-color);background-color:#4caf500d}.ratingCard.worst{border-color:var(--danger-color);background-color:#f443360d}.ratingCardTitle{font-size:1.1rem;font-weight:400;margin:0 0 15px;color:var(--primary-dark);display:flex;align-items:center;gap:10px}.ratingCardTitle .badge{padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:500}.best .ratingCardTitle .badge{background-color:var(--success-color);color:#fff}.worst .ratingCardTitle .badge{background-color:var(--danger-color);color:#fff}.ratingScore{font-size:1.8rem;font-weight:300;color:var(--primary-dark);text-align:center;margin:15px 0}.ratingScore .maxScore{font-size:1rem;color:var(--text-muted);margin-left:5px}.ratingDetails{margin-top:15px}.ratingDetail{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px dashed rgba(221,224,197,.5)}.ratingDetail:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.ratingDetailLabel{font-size:.9rem;color:var(--text-muted)}.ratingDetailValue{font-size:.9rem;color:var(--primary-dark);font-weight:400}.ratingDetailValue.positive{color:var(--success-color)}.ratingDetailValue.negative{color:var(--danger-color)}.recommendationsSection{background-color:var(--card-bg);padding:25px;border-radius:12px;box-shadow:var(--shadow);border:1px solid var(--border-color)}.recommendationsHeader{display:flex;align-items:center;gap:10px;margin-bottom:20px}.recommendationsHeader h3{margin:0;font-size:1.3rem;font-weight:300;color:var(--primary-dark)}.recommendationsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.recommendationCard{padding:20px;border-radius:8px;background-color:#49563108;border-left:4px solid var(--primary-accent)}.recommendationCardTitle{font-size:1rem;font-weight:400;margin:0 0 10px;color:var(--primary-dark);display:flex;align-items:center;gap:10px}.recommendationCardContent{font-size:.9rem;color:var(--text-muted);line-height:1.5;margin:0}.progressIndicator{height:8px;background-color:#dde0c580;border-radius:4px;overflow:hidden;margin:5px 0}.progressFill{height:100%;background:linear-gradient(90deg,var(--primary-accent),var(--primary-dark));border-radius:4px;transition:width .5s ease}.loadingContainer{text-align:center;padding:80px 20px}.loadingContainer p{color:var(--primary-dark);font-size:1.1rem;font-weight:300}.loadingAnimation{display:inline-block;width:50px;height:50px;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-dark);animation:spin 1s ease-in-out infinite;margin-bottom:20px}.selectionCount{display:inline-block;margin-left:10px;font-size:.9rem;color:var(--primary-dark);background-color:#eaed744d;padding:4px 12px;border-radius:15px}.comparingMessage{text-align:center;padding:40px 20px;color:var(--text-muted);background-color:var(--card-bg);border-radius:8px;margin:20px 0;border:1px solid var(--border-color)}.scenarioPreview{margin-top:10px;font-size:.85rem;color:var(--text-muted);display:flex;justify-content:space-between}.exportModal{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.exportModalContent{background-color:var(--card-bg);padding:30px;border-radius:12px;box-shadow:var(--shadow-hover);max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.exportModalHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.exportModalHeader h3{margin:0;font-size:1.3rem;font-weight:300;color:var(--primary-dark);display:flex;align-items:center;gap:10px}.closeModalButton{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:5px;line-height:1}.closeModalButton:hover{color:var(--primary-dark)}.exportOptions{margin-bottom:25px}.exportOption{margin-bottom:15px}.exportOption label{display:block;margin-bottom:8px;font-weight:300;color:var(--primary-dark);font-size:.95rem}.exportSelect{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;font-weight:300;color:var(--primary-dark);background-color:var(--card-bg);transition:all .3s ease;cursor:pointer}.exportSelect:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 3px #eaed7433}.exportOptionGroup{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.exportOptionGroup .exportOption{margin-bottom:0}.exportCheckbox{display:flex;align-items:center;gap:10px;margin-bottom:12px;cursor:pointer}.exportCheckbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-dark)}.exportCheckbox label{margin:0;cursor:pointer;font-size:.9rem;color:var(--text-muted)}.exportModalActions{display:flex;gap:15px;justify-content:flex-end;margin-top:25px;padding-top:20px;border-top:1px solid var(--border-color)}.exportActionButton{padding:12px 24px;border-radius:6px;border:none;cursor:pointer;font-size:.95rem;font-weight:300;transition:all .3s ease;min-width:120px}.exportActionButton.cancel{background-color:transparent;color:var(--primary-dark);border:1px solid var(--border-color)}.exportActionButton.cancel:hover{background-color:#dde0c533}.exportActionButton.export{background-color:var(--primary-dark);color:var(--primary-accent)}.exportActionButton.export:hover{background-color:var(--primary-accent);color:var(--primary-dark)}.exportActionButton:disabled{opacity:.5;cursor:not-allowed}.exportLoading{text-align:center;padding:20px}.exportLoadingSpinner{display:inline-block;width:40px;height:40px;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-dark);animation:spin 1s ease-in-out infinite;margin-bottom:15px}.exportSuccess{text-align:center;padding:20px;color:var(--success-color)}.exportSuccessIcon{font-size:3rem;margin-bottom:15px}.exportSuccess p{margin:10px 0;color:var(--text-muted)}.exportHint{font-size:.85rem;color:var(--text-muted);margin-top:5px;font-style:italic}.bestWorstComparison{display:flex;align-items:center;justify-content:center;gap:100px;margin-bottom:20px}.goalInfoDetails{display:flex;flex-direction:column;gap:10px}.goalInfoHeader{display:flex;flex-direction:column;gap:10px;align-items:center}.goalSelector{margin-bottom:40px}@media(max-width:768px){.exportModalContent{padding:20px}.exportOptionGroup{grid-template-columns:1fr}.exportModalActions{flex-direction:column}.exportActionButton{width:100%}}@media(max-width:1200px){.comparisonTable{font-size:.9rem}.scenarioColumn{min-width:180px}}@media(max-width:768px){.scenarioComparisonContainer{padding:20px 15px}.pageHeader h1{font-size:1.6rem}.selectedScenariosGrid{grid-template-columns:1fr}.comparisonTableWrapper{padding:15px}.comparisonTable{font-size:.85rem}.comparisonTable th,.comparisonTable td{padding:10px 8px}.scenarioColumnHeader .scenarioTitle{font-size:.9rem}.ratingGrid,.recommendationsGrid{grid-template-columns:1fr}.selectionHeader{flex-direction:column;align-items:flex-start}.selectionControls{width:100%;justify-content:flex-end}}@media(max-width:480px){.comparisonTable{font-size:.8rem}.comparisonTable th,.comparisonTable td{padding:8px 6px}.valueCell .highlight{font-size:1rem}.ratingScore{font-size:1.5rem}}.checkpoints-overview{padding:20px 0}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-card.warning{background:linear-gradient(135deg,#fff5f5,#ffe5e5);border-left:4px solid #f44336}.stat-icon{font-size:32px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#4956311a;border-radius:50%}.overall-progress{background:#fff;border-radius:12px;padding:20px;margin-bottom:30px;box-shadow:0 2px 8px #0000001a}.progress-percent{font-weight:600;color:#495631}.charts-section{background:#fff;border-radius:16px;padding:25px;margin-bottom:30px;box-shadow:0 4px 12px #0000001a}.charts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.charts-header h3{font-size:18px;color:#333;margin:0}.toggle-charts{padding:8px 16px;background:#f5f5f5;border:none;border-radius:6px;font-size:13px;color:#666;cursor:pointer;transition:all .2s}.toggle-charts:hover{background:#e0e0e0}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px}.chart-card{background:#f8f9fa;border-radius:12px;padding:20px}.chart-card.full-width{grid-column:1 / -1}.chart-card h4{font-size:16px;color:#333;margin:0 0 15px;text-align:center}.chart-container{position:relative;height:250px;margin-bottom:15px}.show-charts-button{width:100%;padding:15px;background:#fff;border:2px dashed #495631;border-radius:12px;font-size:16px;color:#495631;cursor:pointer;transition:all .2s;margin-bottom:30px}.show-charts-button:hover{background:#e8f0e0}.filters-bar{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap}.filter-group{min-width:200px;flex:1}.filter-select{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s}.filter-select:hover,.filter-select:focus{border-color:#495631;outline:none;box-shadow:0 0 0 2px #49563133}.search-group{flex:2;position:relative;min-width:250px}.search-input{width:100%;padding:12px 40px 12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s}.search-input:focus{outline:none;border-color:#495631;box-shadow:0 0 0 2px #49563133}.clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;cursor:pointer;font-size:16px;padding:4px}.clear-search:hover{color:#666}.sort-order-button{width:40px;height:40px;border:1px solid #e0e0e0;background:#fff;border-radius:8px;font-size:18px;cursor:pointer;transition:all .2s}.sort-order-button:hover{background:#f5f5f5;border-color:#495631}.view-mode-button{padding:0 20px;height:40px;border:1px solid #e0e0e0;background:#fff;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap}.view-mode-button:hover,.view-mode-button.active{background:#495631;color:#fff;border-color:#495631}.create-button{padding:12px 24px;background:#495631;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s;white-space:nowrap}.create-button:hover{background:#2d3a1f}.table-container{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.checkpoints-table{width:100%;border-collapse:collapse;font-size:14px}.checkpoints-table th{text-align:left;padding:12px;background:#f8f9fa;color:#495631;font-weight:600;border-bottom:2px solid #e0e0e0}.checkpoints-table td{padding:12px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.checkpoints-table tr:hover{background:#f8f9fa}.amount-cell{font-weight:600;color:#495631}.table-status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.table-priority-badge{font-size:18px}.table-actions{display:flex;gap:8px;white-space:nowrap}.table-action{width:32px;height:32px;border:none;border-radius:6px;background:#f5f5f5;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;font-size:16px}.table-action.complete{background:#e8f5e8;color:#2e7d32}.table-action.complete:hover{background:#2e7d32;color:#fff}.table-action.edit{background:#e3f2fd;color:#1976d2}.table-action.edit:hover{background:#1976d2;color:#fff}.table-action.view{background:#e3f2fd;color:#1976d2}.table-action.view:hover{background:#1976d2;color:#fff}.table-action.delete{background:#ffebee;color:#c62828}.table-action.delete:hover{background:#c62828;color:#fff}.checkpoints-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.checkpoint-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s;border:1px solid #f0f0f0}.checkpoint-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.checkpoint-header{margin-bottom:15px}.checkpoint-title-section{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.checkpoint-title{font-size:18px;font-weight:600;color:#333;margin:0;line-height:1.4}.checkpoint-badges{display:flex;gap:8px;flex-wrap:wrap}.checkpoint-content{margin-bottom:20px}.checkpoint-goal{display:flex;align-items:center;gap:8px;margin-bottom:15px;padding:10px;background:#f8f9fa;border-radius:8px}.goal-icon{font-size:16px}.goal-title{font-size:14px;color:#666;font-weight:500}.checkpoint-details{display:flex;flex-direction:column;gap:12px}.detail-item{display:flex;align-items:flex-start;gap:10px}.detail-item.description{margin-top:5px;padding-top:10px;border-top:1px solid #f0f0f0}.detail-label{min-width:60px;font-size:14px;color:#999}.detail-value{flex:1;font-size:14px;color:#333;word-break:break-word}.detail-value.highlight{font-weight:600;color:#495631}.checkpoint-desc{font-size:12px;color:#888;margin-top:4px}.checkpoint-actions{display:flex;gap:8px;justify-content:center;border-top:1px solid #f0f0f0;padding-top:15px}.action-button{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.action-button.complete{background:#e8f5e8;color:#2e7d32}.action-button.complete:hover{background:#2e7d32;color:#fff}.action-button.edit{background:#e3f2fd;color:#1976d2}.action-button.edit:hover{background:#1976d2;color:#fff}.action-button.view{background:#e3f2fd;color:#1976d2}.action-button.view:hover{background:#1976d2;color:#fff}.action-button.delete{background:#ffebee;color:#c62828;padding:8px 12px}.action-button.delete:hover{background:#c62828;color:#fff}.status-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap}.status-badge.status-pending{background:#fff3e0;color:#f57c00}.status-badge.status-completed{background:#e8f5e8;color:#2e7d32}.status-badge.status-overdue{background:#ffebee;color:#c62828}.priority-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap}.priority-badge.priority-high{background:#ffebee;color:#c62828}.priority-badge.priority-medium{background:#fff3e0;color:#f57c00}.priority-badge.priority-low{background:#e8f5e8;color:#2e7d32}.overdue-row{background:#f4433614}.overdue-card{border:1px solid #ffcdd2;background:#fff5f5}.overdue-text{color:#c62828;font-weight:600}.overdue-badge{margin-left:5px;font-size:11px;color:#c62828}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.empty-state h3{font-size:20px;color:#333;margin-bottom:10px}.empty-state p{color:#666;margin-bottom:25px;max-width:400px;margin-left:auto;margin-right:auto}.create-first-button{padding:12px 30px;background:#495631;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.create-first-button:hover{background:#2d3a1f}.overview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.loading-spinner{width:50px;height:50px;border:3px solid #f0f0f0;border-top-color:#495631;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:#fff;border-radius:20px;padding:30px;max-width:550px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;animation:modalSlideIn .3s ease}.modal-content.form-modal{max-width:600px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.modal-header h3{margin:0;color:#333}.modal-close-x{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close-x:hover{background:#f5f5f5;color:#333}.modal-subtitle{color:#666;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.modal-goal-list{display:flex;flex-direction:column;gap:12px;margin-bottom:25px;max-height:400px}.modal-goal-item{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:15px;border:1px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .2s}.modal-goal-item:hover{background:#e8f0e0;border-color:#495631;transform:translate(5px)}.modal-goal-info{display:flex;flex-direction:column;gap:5px;flex:2}.modal-goal-title{font-weight:600;color:#333;font-size:16px}.modal-goal-status{font-size:12px;color:#666}.modal-goal-amount{font-weight:700;color:#495631;font-size:16px;flex:1;text-align:right}.modal-goal-progress{font-size:12px;color:#888;flex:1;text-align:right}.modal-close-btn{width:100%;padding:12px;background:#f5f5f5;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.modal-close-btn:hover{background:#e0e0e0}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#495631}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.preview{font-size:12px;color:#666;margin-top:5px}.error{color:#c62828;font-size:12px;margin-top:5px}.submit-error{background:#ffebee;padding:10px;border-radius:8px;margin-bottom:20px;text-align:center}.form-buttons{display:flex;gap:15px;justify-content:flex-end;margin-top:10px}.cancel-btn{padding:12px 24px;background:#f5f5f5;border:none;border-radius:8px;cursor:pointer;transition:opacity .2s}.submit-btn{padding:12px 24px;background:#495631;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:opacity .2s}.cancel-btn:hover,.submit-btn:hover{opacity:.9}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.filters-bar{flex-direction:column}.filter-group,.search-group,.create-button,.sort-order-button,.view-mode-button{width:100%}.checkpoints-list{grid-template-columns:1fr}.checkpoint-title-section{flex-direction:column;align-items:flex-start}.checkpoint-actions{flex-wrap:wrap}.action-button{flex:1;text-align:center}.form-row{grid-template-columns:1fr;gap:0}.charts-grid{grid-template-columns:1fr}.modal-goal-item{flex-direction:column;text-align:center}.modal-goal-amount,.modal-goal-progress{text-align:center}.modal-content{padding:20px}}.calendar-page{padding:20px 0}.calendar-container{background:#fff;border-radius:16px;padding:25px;box-shadow:0 4px 12px #0000001a;margin-bottom:30px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.month-nav{width:40px;height:40px;border:1px solid #e0e0e0;background:#fff;border-radius:50%;font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.month-nav:hover{background:#495631;color:#fff;border-color:#495631}.current-month{font-size:24px;font-weight:600;color:#333;margin:0}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:10px}.weekday{text-align:center;font-weight:600;color:#666;padding:10px;font-size:14px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:10px;background:#f8f9fa;border-radius:8px;cursor:pointer;transition:all .2s;position:relative;border:2px solid transparent}.calendar-day:hover{background:#e8f0e0;transform:scale(1.02)}.calendar-day.empty{background:transparent;cursor:default}.calendar-day.today{border-color:#495631;background:#e8f0e0}.calendar-day.selected{border-color:#495631;background:#d4e0c8;transform:scale(1.02)}.calendar-day.has-checkpoints{background:#fff3e0}.day-number{font-size:16px;font-weight:500;color:#333;margin-bottom:5px}.checkpoints-indicator{display:inline-block;padding:2px 6px;background:#495631;color:#fff;border-radius:12px;font-size:11px;font-weight:600;min-width:20px;text-align:center}.selected-date-checkpoints{background:#fff;border-radius:16px;padding:25px;box-shadow:0 4px 12px #0000001a}.selected-date-checkpoints h3{font-size:20px;color:#333;margin:0 0 20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.checkpoints-mini-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.calendar-checkpoint-item{padding:15px;background:#f8f9fa;border-radius:12px;border:1px solid #f0f0f0;transition:transform .2s}.calendar-checkpoint-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.checkpoint-mini-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.checkpoint-mini-title{font-size:16px;font-weight:600;color:#333}.checkpoint-mini-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;color:#666}.checkpoint-amount{font-weight:600;color:#495631}.view-button{width:100%;padding:8px;background:#495631;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:background .2s}.view-button:hover{background:#2d3a1f}.status-pending .checkpoint-mini-status{color:#f57c00}.status-completed .checkpoint-mini-status{color:#2e7d32}.status-overdue .checkpoint-mini-status{color:#c62828}.calendar-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}@media(max-width:768px){.calendar-header{flex-wrap:wrap;gap:15px}.current-month{order:-1;width:100%;text-align:center}.calendar-weekdays .weekday{font-size:12px;padding:5px}.calendar-day{padding:5px}.day-number{font-size:14px}.checkpoints-indicator{font-size:10px;padding:1px 4px;min-width:16px}.checkpoints-mini-list{grid-template-columns:1fr}}@media(max-width:480px){.calendar-weekdays{display:none}.calendar-grid{gap:2px}.calendar-day{aspect-ratio:auto;min-height:60px}}.progress-page{padding:20px 0}.goals-progress-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:25px}.goal-progress-card{background:#fff;border-radius:16px;padding:25px;box-shadow:0 4px 12px #0000001a;transition:transform .2s,box-shadow .2s;border:1px solid #f0f0f0}.goal-progress-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000026}.goal-progress-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;cursor:pointer}.goal-title-section{flex:1}.goal-title{font-size:20px;font-weight:600;color:#333;margin:0 0 8px;line-height:1.4}.goal-status{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.goal-status.status-active{background:#e8f5e8;color:#2e7d32}.goal-status.status-completed{background:#e3f2fd;color:#1976d2}.goal-status.status-paused{background:#fff3e0;color:#f57c00}.goal-progress-preview{display:flex;align-items:center;gap:15px}.progress-percent{font-size:24px;font-weight:700;color:#495631}.progress-bar-container{height:10px;background:#f0f0f0;border-radius:10px;margin:15px 0 20px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#495631,#6b8c42);border-radius:10px;transition:width .3s ease}.goal-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:12px}.stat-row{display:flex;flex-direction:column;gap:5px}.stat-label{font-size:12px;color:#999;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:16px;font-weight:500;color:#333}.stat-value.highlight{color:#495631;font-weight:600}.forecast-info{display:flex;align-items:center;gap:10px;padding:12px 15px;background:#e8f0e0;border-radius:10px;margin-bottom:20px}.forecast-icon{font-size:20px}.forecast-text{flex:1;font-size:14px;color:#333}.forecast-text strong{color:#495631;font-size:16px}.forecast-date{display:inline-block;margin-left:8px;color:#666;font-size:12px}.checkpoints-preview{margin-bottom:15px}.checkpoints-stats{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.checkpoints-count{font-size:14px;color:#666;font-weight:500}.checkpoints-breakdown{display:flex;gap:10px;flex-wrap:wrap}.checkpoints-breakdown span{padding:4px 8px;border-radius:16px;font-size:12px;font-weight:500}.checkpoints-breakdown .completed{background:#e8f5e8;color:#2e7d32}.checkpoints-breakdown .pending{background:#fff3e0;color:#f57c00}.checkpoints-breakdown .overdue{background:#ffebee;color:#c62828}.goal-checkpoints-list{margin:20px 0;padding:15px;background:#f8f9fa;border-radius:12px}.goal-checkpoints-list h4{font-size:16px;color:#333;margin:0 0 15px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.checkpoint-mini-item{padding:12px;background:#fff;border-radius:8px;margin-bottom:10px;border:1px solid #f0f0f0}.checkpoint-mini-item:last-child{margin-bottom:0}.checkpoint-mini-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.checkpoint-mini-title{font-size:14px;font-weight:500;color:#333}.checkpoint-mini-status{font-size:16px}.checkpoint-mini-details{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#666}.goal-actions{display:flex;gap:10px;margin-top:20px}.goal-actions .action-button{flex:1;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;background:#f5f5f5;color:#333}.goal-actions .action-button:hover{background:#e0e0e0}.goal-actions .action-button.primary{background:#495631;color:#fff}.goal-actions .action-button.primary:hover{background:#2d3a1f}.progress-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}@media(max-width:768px){.goals-progress-grid{grid-template-columns:1fr}.goal-stats{grid-template-columns:1fr;gap:10px}.goal-actions{flex-direction:column}.checkpoints-stats{flex-direction:column;align-items:flex-start}}.forecast-page{padding:20px 0}.forecast-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:25px}.forecast-card{background:#fff;border-radius:16px;padding:25px;box-shadow:0 4px 12px #0000001a;transition:transform .2s,box-shadow .2s;border:1px solid #f0f0f0}.forecast-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000026}.forecast-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;cursor:pointer}.forecast-title-section{flex:1}.forecast-title{font-size:20px;font-weight:600;color:#333;margin:0 0 8px;line-height:1.4}.forecast-progress{display:inline-block;padding:4px 12px;background:#495631;color:#fff;border-radius:20px;font-size:14px;font-weight:600}.forecast-status{display:flex;align-items:center;gap:15px}.achieved-badge{padding:6px 12px;background:#e8f5e8;color:#2e7d32;border-radius:20px;font-size:14px;font-weight:500;white-space:nowrap}.forecast-badge{padding:6px 12px;background:#e3f2fd;color:#1976d2;border-radius:20px;font-size:14px;font-weight:500;white-space:nowrap}.forecast-badge.warning{background:#fff3e0;color:#f57c00}.expand-icon{font-size:20px;color:#999;transition:transform .2s}.forecast-progress-bar{height:8px;background:#f0f0f0;border-radius:8px;margin:15px 0 20px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#495631,#6b8c42);border-radius:8px;transition:width .3s ease}.forecast-details{margin-top:20px;padding-top:20px;border-top:2px solid #f0f0f0}.fastest-scenario{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid #e0e0e0}.fastest-scenario h4{display:flex;align-items:center;gap:8px;font-size:16px;color:#333;margin:0 0 15px}.scenario-detail{display:flex;flex-direction:column;gap:10px}.scenario-name{font-size:18px;font-weight:600;color:#495631}.scenario-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-top:10px}.metric{display:flex;flex-direction:column;gap:5px}.metric-label{font-size:12px;color:#999;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:16px;font-weight:600;color:#333}.forecast-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:12px}.forecast-stats .stat{display:flex;flex-direction:column;gap:5px}.forecast-stats .stat-label{font-size:12px;color:#999}.forecast-stats .stat-value{font-size:18px;font-weight:600;color:#333}.forecast-actions{display:flex;gap:10px;margin-top:20px}.forecast-actions .action-button{flex:1;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;background:#f5f5f5;color:#333}.forecast-actions .action-button:hover{background:#e0e0e0}.forecast-actions .action-button.primary{background:#495631;color:#fff}.forecast-actions .action-button.primary:hover{background:#2d3a1f}.forecast-empty{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.forecast-empty h3{font-size:24px;color:#333;margin-bottom:10px}.forecast-empty p{color:#666;margin-bottom:25px;max-width:400px;margin-left:auto;margin-right:auto}.forecast-empty .create-button{padding:12px 30px;background:#495631;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.forecast-empty .create-button:hover{background:#2d3a1f}.forecast-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.forecast-summary{display:flex;justify-content:space-between;flex-direction:row;align-items:center;margin-bottom:50px}@media(max-width:768px){.forecast-grid{grid-template-columns:1fr}.forecast-card-header{flex-direction:column;gap:15px}.forecast-status{width:100%;justify-content:space-between}.scenario-metrics,.forecast-stats{grid-template-columns:1fr}.forecast-actions{flex-direction:column}}.stats-page{padding:20px 0}.stats-section{background:#fff;border-radius:16px;padding:25px;margin-bottom:30px;box-shadow:0 4px 12px #0000001a}.stats-section:last-child{margin-bottom:0}.stats-section h3{display:flex;align-items:center;gap:8px;font-size:20px;color:#333;margin:0 0 20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.stats-grid:last-child{margin-bottom:0}.stat-card{background:#f8f9fa;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;transition:transform .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.stat-card.warning{background:linear-gradient(135deg,#fff5f5,#ffe5e5)}.stat-icon{width:50px;height:50px;background:#4956311a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-content{flex:1}.stat-value{font-size:28px;font-weight:700;color:#333;line-height:1.2}.stat-label{font-size:14px;color:#666;margin-top:4px}.stats-grid.priorities{grid-template-columns:repeat(3,1fr)}.priority-card{border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;transition:transform .2s}.priority-card.high{background:linear-gradient(135deg,#ffebee,#ffcdd2)}.priority-card.medium{background:linear-gradient(135deg,#fff3e0,#ffe0b2)}.priority-card.low{background:linear-gradient(135deg,#e8f5e8,#c8e6c9)}.priority-icon{width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 2px 4px #0000001a}.priority-content{flex:1}.priority-value{font-size:24px;font-weight:700;color:#333;line-height:1.2}.priority-label{font-size:14px;color:#666;margin-top:4px}.progress-bar-container{margin-top:20px}.progress-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;color:#666}.progress-bar{height:10px;background:#f0f0f0;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#495631,#6b8c42);border-radius:10px;transition:width .3s ease}.stats-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.detail-card{background:#f8f9fa;border-radius:10px;padding:15px}.detail-title{font-size:14px;color:#666;margin-bottom:10px}.detail-value{font-size:20px;font-weight:600;color:#333}.detail-subtitle{font-size:12px;color:#999;margin-top:5px}.stats-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}@media(max-width:768px){.stats-grid{grid-template-columns:1fr;gap:15px}.stats-grid.priorities{grid-template-columns:1fr}.stat-card{padding:15px}.stat-value{font-size:24px}.priority-card{padding:15px}.priority-value{font-size:20px}}@media(max-width:480px){.stats-section{padding:15px}.stat-card,.priority-card{flex-direction:column;text-align:center}}.checkpoints-page{max-width:1200px;margin:0 auto;padding:20px}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:14px;color:#666}.breadcrumb a{color:#495631;text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:#2d3a1f;text-decoration:underline}.separator{color:#999}.current{color:#333;font-weight:500}.page-header{margin-bottom:32px}.page-header h1{font-size:28px;font-weight:600;color:#333;margin:0 0 8px}.header-description{font-size:16px;color:#666;margin:0;line-height:1.5}.tabs-navigation{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;border-bottom:2px solid #e0e0e0;padding-bottom:8px}.tab-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:none;border:none;border-radius:8px 8px 0 0;font-size:15px;font-weight:500;color:#666;cursor:pointer;transition:all .2s;position:relative}.tab-button:hover{background-color:#f5f5f5;color:#333}.tab-button.active{color:#495631;background-color:#e8f0e0}.tab-button.active:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:2px;background-color:#495631}.tab-icon{font-size:18px}.tab-label{white-space:nowrap}.tab-content{min-height:400px}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background-color:#495631;color:#fff;border:none;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0003;transition:all .3s;z-index:100}.scroll-to-top:hover{background-color:#2d3a1f;transform:translateY(-3px);box-shadow:0 4px 15px #0000004d}@media(max-width:768px){.tabs-navigation{flex-direction:column;border-bottom:none;gap:4px}.tab-button{border-radius:8px}.tab-button.active:after{display:none}.tab-button.active{background-color:#495631;color:#fff}.tab-button.active:hover{background-color:#2d3a1f}.scroll-to-top{bottom:20px;right:20px;width:40px;height:40px;font-size:20px}}.editGoalContainer{max-width:800px;margin:0 auto;padding:30px 20px;background-color:var(--primary-light, #EFF2DD);min-height:calc(100vh - 80px);border-radius:10px}.editGoalHeader{margin-bottom:35px;text-align:center}.editGoalHeader h1{font-size:2.2rem;font-weight:300;color:var(--primary-dark, #495631);margin-bottom:10px;letter-spacing:-.5px}.editGoalSubtitle{color:var(--text-muted, #717959);font-size:1.1rem;font-weight:300;line-height:1.5;max-width:500px;margin:0 auto}.editGoalForm{background-color:var(--card-bg, #ffffff);padding:40px;border-radius:12px;box-shadow:var(--shadow, 0 4px 20px rgba(73, 86, 49, .1));border:1px solid var(--border-color, #DDE0C5)}.formGroup{margin-bottom:28px}.formRow{display:flex;gap:25px;margin-bottom:28px}@media(max-width:768px){.formRow{flex-direction:column;gap:28px}}.formColumn{flex:1;min-width:0}.formLabel{display:block;margin-bottom:8px;font-weight:300;color:var(--primary-dark, #495631);font-size:.95rem}.required{color:var(--danger-color, #f44336)}.formInput{width:100%;padding:12px 16px;border:1px solid var(--border-color, #DDE0C5);border-radius:8px;font-size:1rem;font-weight:300;color:var(--primary-dark, #495631);background-color:var(--card-bg, #ffffff);transition:all .3s ease;box-sizing:border-box}.formInput:focus{outline:none;border-color:var(--primary-accent, #EAED74);box-shadow:0 0 0 3px #eaed7433}.formInputError{border-color:var(--danger-color, #f44336)!important}.formInputError:focus{box-shadow:0 0 0 3px #f4433633!important}.formTextarea{width:100%;padding:12px 16px;border:1px solid var(--border-color, #DDE0C5);border-radius:8px;font-size:1rem;min-height:100px;resize:vertical;box-sizing:border-box;font-family:inherit;font-weight:300;color:var(--primary-dark, #495631);transition:all .3s ease}.formTextarea:focus{outline:none;border-color:var(--primary-accent, #EAED74);box-shadow:0 0 0 3px #eaed7433}.currencyPreview{margin-top:6px;font-size:.9rem;color:var(--text-muted, #717959);font-weight:300;font-style:italic}.validationError{color:var(--danger-color, #f44336);font-size:.85rem;margin-top:6px;font-weight:300}.formButtons{display:flex;gap:15px;justify-content:flex-end;margin-top:35px;padding-top:25px;border-top:1px solid var(--border-color, #DDE0C5)}@media(max-width:768px){.formButtons{flex-direction:column}}.formButton{padding:14px 32px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:300;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:160px;border:none}@media(max-width:768px){.formButton{width:100%;min-width:0}}.submitButton{background-color:var(--primary-dark, #495631);color:var(--primary-accent, #EAED74)}.submitButton:hover:not(:disabled){background-color:var(--primary-accent, #EAED74);color:var(--primary-dark, #495631);transform:translateY(-2px);box-shadow:var(--shadow-hover, 0 8px 30px rgba(73, 86, 49, .15))}.submitButton:disabled{opacity:.5;cursor:not-allowed}.cancelButton{background-color:transparent;color:var(--primary-dark, #495631);border:1px solid var(--border-color, #DDE0C5)}.cancelButton:hover:not(:disabled){background-color:#dde0c533;transform:translateY(-2px)}.cancelButton:disabled{opacity:.5;cursor:not-allowed}.errorMessage{background-color:#f443361a;color:var(--danger-color, #f44336);padding:18px;border-radius:8px;margin-bottom:25px;border-left:4px solid var(--danger-color, #f44336);font-weight:300}.loadingContainer{text-align:center;padding:50px}.loadingSpinner{display:inline-block;width:50px;height:50px;border:3px solid var(--border-color, #DDE0C5);border-top:3px solid var(--primary-dark, #495631);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.errorContainer{max-width:600px;margin:0 auto;padding:40px 20px;text-align:center}.backButton{padding:12px 24px;background-color:var(--primary-dark, #495631);color:var(--primary-accent, #EAED74);border:none;border-radius:6px;cursor:pointer;font-size:1rem;margin-top:20px;transition:all .3s ease}.backButton:hover{background-color:var(--primary-accent, #EAED74);color:var(--primary-dark, #495631)}.profile-container{max-width:600px;margin:0 auto;padding:20px}.profile-container h1{color:var(--primary-dark, #495631);margin-bottom:30px;font-weight:300;font-size:28px}.profile-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 4px 20px #4956311a;text-align:center}.profile-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#eaed74,#495631);color:#fff;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:600;margin:0 auto 30px}.profile-info{text-align:left;margin-bottom:30px}.info-row{display:flex;padding:12px 0;border-bottom:1px solid #DDE0C5}.info-row label{width:120px;font-weight:600;color:#495631}.info-row span{flex:1;color:#717959}.profile-actions{display:flex;gap:15px;justify-content:center}.edit-button,.logout-button,.save-button,.cancel-button{padding:12px 24px;border:none;border-radius:12px;font-size:14px;cursor:pointer;transition:all .3s ease}.edit-button{background:#eaed74;color:#495631}.edit-button:hover{background:#d4d85c;transform:translateY(-2px)}.logout-button{background:#fee;color:#d32f2f}.logout-button:hover{background:#fdd;transform:translateY(-2px)}.save-button{background:#4caf50;color:#fff}.save-button:hover:not(:disabled){background:#45a049;transform:translateY(-2px)}.cancel-button{background:#f5f5f5;color:#666}.cancel-button:hover{background:#e0e0e0;transform:translateY(-2px)}.profile-form{margin-top:20px}.profile-form .form-group{margin-bottom:20px;text-align:left}.profile-form .form-group label{display:block;margin-bottom:8px;color:#495631;font-weight:500}.profile-form .form-group input{width:100%;padding:12px;border:2px solid #DDE0C5;border-radius:12px;font-size:16px;transition:all .3s ease}.profile-form .form-group input:focus{outline:none;border-color:#eaed74}.profile-form-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}.profile-message{padding:12px;border-radius:12px;margin-bottom:20px;text-align:center}.profile-message.success{background:#e8f5e9;color:#2e7d32}.profile-message.error{background:#fee;color:#d32f2f}@media(max-width:480px){.profile-container{padding:15px}.profile-card{padding:25px}.info-row{flex-direction:column;gap:5px}.info-row label{width:auto}.profile-actions,.profile-form-actions{flex-direction:column}}.settings-container{max-width:600px;margin:0 auto;padding:20px}.settings-container h1{color:var(--primary-dark, #495631);margin-bottom:30px;font-weight:300;font-size:28px}.settings-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 4px 20px #4956311a;margin-bottom:30px}.settings-card h2{color:#495631;margin-bottom:20px;font-size:20px;font-weight:500}.settings-form .form-group{margin-bottom:20px}.settings-form .form-group label{display:block;margin-bottom:8px;color:#495631;font-weight:500}.settings-form .form-group input{width:100%;padding:12px;border:2px solid #DDE0C5;border-radius:12px;font-size:16px;transition:all .3s ease}.settings-form .form-group input:focus{outline:none;border-color:#eaed74}.password-input-wrapper{position:relative}.show-password-checkbox{margin:15px 0}.show-password-checkbox label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#717959;font-size:14px}.change-password-button{width:100%;padding:12px;background:linear-gradient(135deg,#495631,#6b8c4a);color:#fff;border:none;border-radius:12px;font-size:16px;cursor:pointer;transition:all .3s ease;margin-top:10px}.change-password-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4956314d}.change-password-button:disabled{opacity:.6;cursor:not-allowed}.account-info{margin-top:10px}.account-info .info-row{display:flex;padding:12px 0;border-bottom:1px solid #DDE0C5}.account-info .info-row label{width:100px;font-weight:600;color:#495631}.account-info .info-row span{flex:1;color:#717959}.settings-message{padding:12px;border-radius:12px;margin-bottom:20px;text-align:center}.settings-message.success{background:#e8f5e9;color:#2e7d32}.settings-message.error{background:#fee;color:#d32f2f}@media(max-width:480px){.settings-container{padding:15px}.settings-card{padding:20px}.account-info .info-row{flex-direction:column;gap:5px}.account-info .info-row label{width:auto}}