@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes card-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes float{50%{transform:translateY(-5px)rotate(3deg)}}@keyframes slow-pulse{50%{opacity:.65;transform:scale(1.05)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1024px){.module-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (width<=768px){.topbar,.app-main{width:calc(100% - 24px)}.topbar{padding:8px 12px}.status-text{display:none}.dashboard-hero{flex-direction:column;align-items:stretch;gap:20px;min-height:auto;padding:28px 20px}.hero-weather{justify-content:space-between;align-items:center;width:100%;padding:12px 16px;display:flex}.weather-icon{margin-bottom:0;font-size:28px}.hero-weather strong{margin:0}.quick-strip{width:calc(100% - 16px);margin-top:-20px;margin-bottom:32px}.quick-item{padding:8px 10px}.quick-icon{font-size:18px}.module-grid{grid-template-columns:repeat(2,1fr);gap:14px}.module-card{min-height:180px;padding:14px}}@media (width<=480px){.topbar,.app-main{width:calc(100% - 16px)}.topbar{border-radius:10px;margin-top:10px}.brand-mark{width:36px;height:36px;font-size:12px}.brand-text strong{font-size:15px}.brand-text small{font-size:9px}.back-text{display:none}.back-button{padding:6px 10px;font-size:11px}.app-main{padding-top:16px;padding-bottom:40px}.dashboard-hero{border-radius:12px;padding:20px 16px}.hero-action{justify-content:center;width:100%}.quick-strip{grid-template-columns:1fr;gap:0;margin-top:-16px;padding:4px}.quick-item{border-bottom:1px solid #e7f0eb;border-right:0;padding:10px 12px}.quick-item:last-child{border-bottom:0}.section-heading{flex-direction:column;align-items:flex-start;gap:6px}.badge{align-self:flex-start}.module-grid{grid-template-columns:1fr;gap:12px}.module-card{min-height:150px;padding:14px}.module-content strong{font-size:15px}.module-content small{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{color:#183b31;font-synthesis:none;text-rendering:optimizelegibility;background:#f5fbf6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #f8bb3f}*,:before,:after{box-sizing:border-box}html,body{width:100%;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow-x:hidden}.app-shell{background:linear-gradient(125deg,#f5fbf6 0%,#e3f5ed 48%,#edf7ff 100%);width:100%;min-height:100vh;overflow-x:hidden}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd6;border:1px solid #0f5d4421;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;width:min(1180px,100% - 32px);min-height:70px;margin:18px auto 0;padding:10px 18px;display:flex;box-shadow:0 12px 36px #1b523c14}.topbar-inner{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.brand{color:#174c3a;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:inline-flex}.brand-mark{color:#fff;background:#157552;border-radius:10px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:14px;font-weight:900;display:grid;box-shadow:0 7px 15px #15755240}.brand-text strong,.brand-text small{display:block}.brand-text strong{letter-spacing:.1px;font-size:18px;line-height:1.2}.brand-text small{color:#628276;margin-top:1px;font-size:10px}.header-actions{align-items:center;gap:16px;margin-left:auto;display:flex}.header-status{color:#608075;white-space:nowrap;align-items:center;font-size:12px;font-weight:700;display:flex}.status-dot{background:#4bbe7c;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:8px;display:inline-block;box-shadow:0 0 0 4px #4bbe7c24}.back-button{color:#1b624a;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d7e7de;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:800;transition:all .2s}.back-button:hover{background:#e8f6ee;transform:translate(-2px)}.app-main{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 64px}.page-enter{animation:.55s cubic-bezier(.2,.8,.2,1) both rise-in}.dashboard-hero{color:#fff;background:linear-gradient(104deg,#08422bf2,#11734cd4),url(https://images.unsplash.com/photo-1464226184884-fa280b87c399?q=85&w=1800&auto=format&fit=crop) 50%/cover;border-radius:16px;justify-content:space-between;align-items:flex-end;gap:24px;min-height:340px;padding:clamp(24px,4vw,48px);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px #184b3733}.dashboard-hero:after{content:"";pointer-events:none;border:1px solid #ffffff2e;border-radius:50%;width:240px;height:240px;animation:6s ease-in-out infinite slow-pulse;position:absolute;top:-110px;right:20%;box-shadow:0 0 0 45px #ffffff0e,0 0 0 90px #ffffff0a}.hero-copy,.hero-weather{z-index:1;position:relative}.hero-copy{max-width:580px}.eyebrow{color:#d2f1d2;letter-spacing:1.2px;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:900}.hero-copy h1,.feature-intro h1{letter-spacing:-.5px;margin:0;font-size:clamp(28px,4vw,52px);line-height:1.08}.hero-copy>p:not(.eyebrow){color:#d8eee3;max-width:480px;margin:14px 0 24px;font-size:clamp(14px,1.5vw,16px);line-height:1.55}.hero-action{color:#294330;cursor:pointer;background:#ffd261;border:0;border-radius:8px;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:900;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 9px 20px #0000002b}.hero-action:hover{transform:translateY(-2px);box-shadow:0 14px 24px #00000038}.hero-weather{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff3d;border-radius:12px;flex-shrink:0;width:190px;padding:18px}.weather-icon{margin-bottom:8px;font-size:36px;animation:4s ease-in-out infinite float;display:block}.hero-weather p,.hero-weather small{color:#d8eee3;margin:0;font-size:11px;display:block}.hero-weather strong{margin:4px 0;font-size:16px;display:block}.quick-strip{z-index:2;background:#fff;border:1px solid #d9ebe1;border-radius:14px;grid-template-columns:repeat(3,1fr);width:min(860px,100% - 32px);margin:-28px auto 40px;padding:8px;display:grid;position:relative;box-shadow:0 15px 32px #184b371c}.quick-item{border-right:1px solid #e7f0eb;align-items:center;gap:12px;padding:10px 16px;display:flex}.quick-item:last-child{border-right:0}.quick-icon{flex-shrink:0;font-size:22px}.quick-item p{margin:0}.quick-item strong,.quick-item small{display:block}.quick-item strong{color:#174b37;font-size:13px}.quick-item small{color:#759084;margin-top:2px;font-size:10px}.module-section{padding:8px 0 24px}.section-heading{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.section-heading h2{color:#194434;letter-spacing:-.3px;margin:0;font-size:clamp(20px,3vw,25px)}.badge{color:#267254;white-space:nowrap;background:#dff3e6;border-radius:99px;padding:6px 12px;font-size:11px;font-weight:800}.section-heading .eyebrow{color:#107c55!important;letter-spacing:1.2px!important;margin-bottom:4px!important;font-size:12px!important;font-weight:900!important}.module-grid{grid-template-columns:repeat(4,1fr);gap:20px;padding:10px 4px;display:grid}.module-card{isolation:isolate!important;color:#fff!important;text-align:left!important;min-height:210px!important;animation:card-in .5s var(--delay) both!important;cursor:pointer!important;will-change:transform, box-shadow!important;z-index:1!important;border:0!important;border-radius:14px!important;outline:2px solid #0000!important;padding:18px!important;transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .45s cubic-bezier(.25,1,.5,1),outline .3s ease-out!important;position:relative!important;overflow:hidden!important;box-shadow:0 10px 22px #1b523c1c!important}.module-card img,.module-overlay{width:100%;height:100%;position:absolute;inset:0}.module-card img{z-index:-2!important;object-fit:cover!important;will-change:transform!important;transition:transform .6s cubic-bezier(.25,1,.5,1)!important}.module-overlay{z-index:-1;background:linear-gradient(#0922180d,#052218eb)}.module-card.sun .module-overlay{background:linear-gradient(#5b2b000a,#4b2503e8)}.module-card.sky .module-overlay{background:linear-gradient(#062c3f0d,#052f44eb)}.module-card:hover{outline-offset:-1px!important;z-index:50!important;outline:2px solid #10b981!important;transform:translateY(-12px)scale(1.06)!important;box-shadow:0 28px 50px #00000059!important}.module-card:hover img{transform:scale(1.12)!important}.module-icon{background:#ffffffe0;border-radius:8px;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.module-content{position:absolute;bottom:16px;left:18px;right:18px}.module-content strong,.module-content small{display:block}.module-content strong{font-size:16px;font-weight:800}.module-content small{color:#ffffffd9;margin-top:4px;font-size:11px;line-height:1.35}.module-arrow{opacity:.9;font-size:20px;position:absolute;top:18px;right:18px}.feature-stage{max-width:930px;margin:0 auto}.feature-intro{margin:0 0 20px}.feature-intro .eyebrow{color:#27815e}.feature-intro h1{color:#164b37;font-size:clamp(28px,4vw,42px)}.feature-intro>p:last-child{color:#607e71;margin:8px 0 0;font-size:14px}.feature-stage>div:not(.feature-intro){color:#1d4034;background:#ffffffeb;border:1px solid #21684c21;border-radius:14px;padding:clamp(18px,3.5vw,32px);box-shadow:0 18px 45px #194d391c}.feature-stage h2{color:#174b37}.feature-stage h3{color:#1c4837}.feature-stage input,.feature-stage select,.feature-stage textarea{color:#1d4034;background:#fbfefb;border:1px solid #cfe1d7;border-radius:8px;width:100%;padding:10px 12px}.feature-stage textarea{min-height:90px}.feature-stage button{border-radius:8px;transition:transform .2s,filter .2s}.feature-stage button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#09221899;justify-content:center;align-items:center;animation:.2s ease-out forwards fade-in;display:flex;position:fixed;inset:0}.modal-content.auth-modal{background:#fff;border-radius:20px;width:90%;max-width:420px;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slide-up;position:relative;box-shadow:0 20px 40px #0003}.modal-close{color:#628276;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:background-color .2s,color .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{color:#174b37;background-color:#f0f5f2}.btn.btn-primary{color:#fff;cursor:pointer;background-color:#157552;border:none;border-radius:8px;align-items:center;gap:8px;font-weight:600;transition:background-color .2s,transform .2s;display:flex}.btn.btn-primary:hover:not(:disabled){background-color:#0f5c40;transform:translateY(-1px)}.btn.btn-primary:disabled{opacity:.7;cursor:not-allowed}@media (width<=1024px){.module-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (width<=768px){.topbar,.app-main{width:calc(100% - 24px)}.topbar{padding:8px 12px}.status-text{display:none}.dashboard-hero{flex-direction:column;align-items:stretch;gap:20px;min-height:auto;padding:28px 20px}.hero-weather{justify-content:space-between;align-items:center;width:100%;padding:12px 16px;display:flex}.weather-icon{margin-bottom:0;font-size:28px}.hero-weather strong{margin:0}.quick-strip{width:calc(100% - 16px);margin-top:-20px;margin-bottom:32px}.quick-item{padding:8px 10px}.quick-icon{font-size:18px}.module-grid{grid-template-columns:repeat(2,1fr);gap:14px}.module-card{min-height:180px;padding:14px}}@media (width<=480px){.topbar,.app-main{width:calc(100% - 16px)}.topbar{border-radius:10px;margin-top:10px}.brand-mark{width:36px;height:36px;font-size:12px}.brand-text strong{font-size:15px}.brand-text small{font-size:9px}.back-text{display:none}.back-button{padding:6px 10px;font-size:11px}.app-main{padding-top:16px;padding-bottom:40px}.dashboard-hero{border-radius:12px;padding:20px 16px}.hero-action{justify-content:center;width:100%}.quick-strip{grid-template-columns:1fr;gap:0;margin-top:-16px;padding:4px}.quick-item{border-bottom:1px solid #e7f0eb;border-right:0;padding:10px 12px}.quick-item:last-child{border-bottom:0}.section-heading{flex-direction:column;align-items:flex-start;gap:6px}.badge{align-self:flex-start}.module-grid{grid-template-columns:1fr;gap:12px}.module-card{min-height:150px;padding:14px}.module-content strong{font-size:15px}.module-content small{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.modal-content.account-modal{color:#173d31;background:#fff;border:1px solid #d5e8dc;border-radius:18px;width:min(420px,100% - 32px);padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slide-up;position:relative;box-shadow:0 24px 60px #09221847}.account-modal h2{color:#123b2d}.account-modal p{color:#527568}.account-field{color:#244f41;gap:6px;font-size:13px;font-weight:700;display:grid}.account-field input{color:#173d31;background:#fff;border:1px solid #b9d6c8;border-radius:8px;width:100%;min-height:42px;padding:10px 12px;font-size:14px}.account-field input:focus{border-color:#157552;outline:none;box-shadow:0 0 0 3px #15755224}.account-save{justify-content:center;width:100%}