:root{--navy:#07366f;--blue:#0871d1;--blue2:#14a4ef;--light:#eaf7ff;--muted:#677e99;--line:#dceaf5;--amber:#ffba38;--white:#fff;--shadow:0 14px 38px rgba(22,85,154,.09)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#0b376a;background:linear-gradient(160deg,#eaf8ff 0%,#f5fbff 52%,#e7f6ff 100%)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #ffab37;outline-offset:3px}[hidden]{display:none!important}.svg-defs{display:none}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.app-shell{min-height:100vh;padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}.topbar{height:76px;display:flex;justify-content:space-between;align-items:center;padding:12px max(22px,calc((100vw - 1000px)/2));background:rgba(255,255,255,.87);backdrop-filter:blur(14px);border-bottom:1px solid #e0edf6;position:sticky;top:0;z-index:9}.brand-small{display:flex;gap:10px;align-items:center;white-space:nowrap}.brand-symbol{height:43px;width:43px;border-radius:14px;background:linear-gradient(145deg,#0573cf,#22b7ec);display:grid;place-items:center;color:#fff;box-shadow:0 8px 18px #1695d344}.brand-small b{display:block;font-size:17px;color:var(--navy)}.brand-small small{display:block;font-size:11px;color:#7288a2;margin-top:3px}.header-actions{display:flex;gap:7px;align-items:center}.live-status{display:flex;align-items:center;gap:7px;margin-right:9px;color:#3d6789;font-size:12px;font-weight:700}.live-dot{height:8px;width:8px;background:#16c78f;border-radius:100%;box-shadow:0 0 0 4px #16c78f25;display:inline-block}.icon-button{height:43px;width:43px;display:grid;place-items:center;border:1px solid #d5e9f8;background:white;border-radius:15px;color:#1267b8;position:relative}.icon-button:hover{background:#e5f5ff}.bell-button #bell-dot{position:absolute;top:7px;right:8px;width:8px;height:8px;border-radius:50%;background:#ff9d26;border:2px solid white}.main-content{width:min(100%,1000px);margin:0 auto;padding:24px 22px 14px}.hero-banner{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(120deg,#d5f4ff 0%,#a8e7ff 56%,#e9faff 100%);padding:22px 30px 32px;min-height:270px;box-shadow:var(--shadow)}.hero-logo{width:clamp(170px,32%,280px);height:115px;object-fit:contain;object-position:left center;position:relative;z-index:2}.hero-banner h1{position:relative;z-index:2;margin:5px 0 4px;color:#072e66;font-size:clamp(26px,4.2vw,42px);line-height:1.1;font-weight:850;letter-spacing:-1.4px}.hero-banner h1 strong{color:#0672c8}.hero-banner p{position:relative;z-index:2;margin:8px 0 0;color:#4d729a;font-weight:600}.hero-tag{position:absolute;z-index:3;right:26px;top:24px;border-radius:100px;background:#fff9de;color:#aa6900;padding:9px 13px;font-size:10px;font-weight:900;letter-spacing:.08em;box-shadow:0 6px 16px #ffce5944}.hero-tag span{color:#ff9000}.hero-sun{position:absolute;right:13%;top:46px;width:75px;height:75px;border-radius:50%;background:linear-gradient(135deg,#ffd15c,#ffb84b);box-shadow:0 0 0 14px #ffffff54}.hero-wave{position:absolute;bottom:-110px;right:-130px;border-radius:48% 52% 0 0;width:570px;height:190px;transform:rotate(-8deg)}.hero-wave-one{background:#37bdf18c}.hero-wave-two{right:-100px;bottom:-125px;transform:rotate(9deg);background:#0085d55d}.latest{display:flex;align-items:center;gap:18px;margin-top:22px;background:linear-gradient(90deg,#fff7e4,#fffdf8);border:1.5px solid #ffc65b;border-radius:21px;box-shadow:0 9px 21px #efae441f;padding:20px 24px}.latest-icon{height:58px;min-width:58px;border-radius:19px;background:linear-gradient(140deg,#ffd06c,#ff962d);color:#fff;display:grid;place-items:center}.latest-icon svg{width:30px;height:30px}.latest-copy{flex:1;min-width:0}.latest-heading{font-size:19px;font-weight:850;color:#153963}.latest-detail{font-size:15px;color:#3c5b78;margin-top:4px;line-height:1.55}.latest-copy small{font-size:12px;color:#7e899a}.latest-chevron{color:#b48850;width:22px}.stats-row{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-top:20px}.stat-card{background:#fff;border-radius:24px;padding:26px;position:relative;overflow:hidden;min-height:234px;box-shadow:var(--shadow);border:1px solid #e7f2fc}.stat-icon{height:53px;width:53px;display:grid;place-items:center;border-radius:17px;position:absolute;top:27px;right:25px}.stat-icon.blue{background:#e2f4ff;color:#007bcf}.stat-icon.amber{background:#fff1d3;color:#e89a20}.stat-icon svg{height:29px;width:29px}.stat-copy{font-size:19px;line-height:1.35;font-weight:700;letter-spacing:-.2px}.stat-copy b{font-weight:850}.stat-value{position:relative;z-index:2;font-size:clamp(72px,9vw,112px);line-height:1.05;color:#063c80;font-weight:850;letter-spacing:-5px;margin:14px 0 6px}.stat-small .stat-value{font-size:clamp(64px,7vw,93px)}.stat-card p{position:relative;z-index:2;font-size:12px;color:#6f89a1;margin:4px 0}.stat-wave{position:absolute;width:120%;height:100px;bottom:-65px;left:-25px;background:#a8e8ff;border-radius:50%;box-shadow:20px -13px 0 0 #64d0f455}.content-card{background:white;border-radius:24px;padding:26px;margin-top:20px;box-shadow:var(--shadow);border:1px solid #e7f2fc}.section-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.section-kicker{display:flex;align-items:center;gap:7px;color:#1383cc;font-size:11px;letter-spacing:.075em;font-weight:850}.section-kicker svg{width:17px;height:17px}.section-heading h2{margin:6px 0 0;font-size:25px;letter-spacing:-.7px;color:#082f66}.chip{padding:9px 13px;border-radius:100px;color:#5f7392;background:#f0f6fb;font-weight:700;font-size:11px;white-space:nowrap}.chip.light-blue{color:#0078bc;background:#e7f6ff}.history-list{margin-top:17px}.history-item{display:grid;grid-template-columns:49px 1fr auto;align-items:center;gap:13px;padding:16px 0;border-top:1px solid var(--line)}.history-avatar{height:45px;width:45px;border-radius:16px;background:#e6f4fe;display:grid;place-items:center;color:#1884c9;font-size:21px;font-weight:850}.history-item:nth-child(2n) .history-avatar{background:#fff3da;color:#e69b22}.history-name{font-size:16px;font-weight:800;color:#0a3d78}.history-sub{font-size:12px;color:#70869e;margin-top:5px;line-height:1.4}.history-right{text-align:right}.money-tag{display:block;background:#e2f9ec;color:#128150;border-radius:14px;padding:9px 11px;font-size:18px;font-weight:850;white-space:nowrap}.money-sub{font-size:10px;color:#779187;margin-top:4px}.section-footnote{border-top:1px solid var(--line);color:#7d91a7;font-size:11px;line-height:1.6;margin:0;padding-top:14px}.section-subtitle{margin:12px 0 18px;font-size:13px;color:#7188a0}.forecast-list{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.forecast-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f4faff;border:1px solid #e3f2fc;border-radius:16px}.forecast-date{font-size:13px;font-weight:800;color:#0b4b87}.forecast-label{font-size:11px;color:#7793af;margin-top:4px}.forecast-number{font-size:31px;font-weight:850;color:#0478c8;letter-spacing:-1px}.expand-button{background:none;border:0;color:#0074c1;font-weight:800;font-size:13px;display:flex;gap:5px;align-items:center;margin:17px auto 0}.expand-button svg{width:16px;height:16px}.updated{display:flex;justify-content:center;align-items:center;gap:9px;margin:22px 0;font-size:11px;color:#7e96ab}.bottom-nav{position:fixed;z-index:15;bottom:12px;left:50%;transform:translateX(-50%);width:min(calc(100% - 30px),600px);padding:8px;background:rgba(255,255,255,.95);border:1px solid #e3f0fa;box-shadow:0 14px 40px #065c9930;border-radius:23px;display:grid;grid-template-columns:1fr 1fr;gap:6px;backdrop-filter:blur(20px);padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.nav-link{background:transparent;border:0;color:#8ca4b9;border-radius:17px;padding:11px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:800}.nav-link.active{background:linear-gradient(115deg,#09aff0,#0678d5);color:white;box-shadow:0 7px 18px #1594db47}.nav-icon{display:flex}.nav-icon svg{width:24px;height:24px}.aqua-hero{margin-top:5px;border-radius:29px;background:linear-gradient(155deg,#d7f6fc,#f3fcff);border:1px solid #ddf4f8;min-height:480px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:32px;box-shadow:var(--shadow)}.aqua-hero-icon{border-radius:40px;background:linear-gradient(145deg,#08a6d4,#0f62ad);color:white;padding:29px;margin-bottom:25px}.aqua-hero-icon svg{width:57px;height:57px}.eyebrow{font-size:11px;font-weight:850;letter-spacing:.16em;color:#258db8}.aqua-hero h1{font-size:clamp(31px,5vw,48px);letter-spacing:-1.4px;line-height:1.15;margin:17px 0}.aqua-hero p{max-width:420px;color:#6b869e;line-height:1.7}.coming-tag{margin-top:18px;background:#ffefca;color:#bd7a16;border-radius:100px;padding:12px 22px;font-weight:850;font-size:12px;letter-spacing:.08em}.upcoming-blurb{text-align:center;padding:30px;color:#6c8ba6}.upcoming-blurb h2{color:#0d4477}.modal-backdrop{position:fixed;z-index:50;inset:0;background:#07305b82;backdrop-filter:blur(5px);display:grid;place-items:center;padding:18px}.modal-box{width:min(100%,490px);background:#fff;border-radius:23px;padding:29px;position:relative;box-shadow:0 28px 70px #062e5070}.modal-box h2{margin:0 0 10px;font-size:24px}.modal-box>p{font-size:13px;color:#698099;line-height:1.6}.modal-close{position:absolute;top:13px;right:17px;font-size:28px;color:#8295a7;background:none;border:0}.modal-line{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--line);padding:17px 0}.modal-line b{display:block;font-size:14px}.modal-line small{display:block;color:#7890a6;margin-top:5px;font-size:11px}.outline-button{border:1px solid #b6dcef;background:#eafbff;color:#0371bd;padding:9px 13px;border-radius:12px;font-weight:800;font-size:12px;display:flex;gap:4px;align-items:center}.outline-button svg{width:14px;height:14px}.settings-help{background:#f2faff;padding:12px;border-radius:12px}.toast{position:fixed;bottom:115px;left:50%;transform:translate(-50%,15px);background:#063e78;color:white;padding:13px 20px;border-radius:13px;box-shadow:0 8px 20px #07386c55;font-size:13px;z-index:55;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 30px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.login-screen{min-height:100vh;display:grid;place-items:center;padding:35px 18px;position:relative;overflow:hidden;background:linear-gradient(155deg,#d6f3ff,#f5fcff,#bde8ff)}.login-accent{position:absolute;height:800px;width:800px;border:150px solid #25a9f020;border-radius:50%;top:-450px;right:-350px}.login-card{width:min(100%,450px);position:relative;z-index:1;background:#ffffffec;border:1px solid #fff;box-shadow:0 35px 70px #11619828;border-radius:28px;padding:33px}.login-logo{text-align:center;height:125px}.login-logo img{height:110px;max-width:270px;object-fit:contain}.login-card .eyebrow{display:flex;gap:7px;align-items:center}.login-card .eyebrow svg{height:16px;width:16px}.login-card h1{font-size:clamp(39px,6vw,52px);line-height:1.02;letter-spacing:-2px;color:#093f79;margin:16px 0}.login-card h1 em{font-style:normal;color:#009ce3}.login-card>p{font-size:14px;line-height:1.6;color:#70879d;margin:13px 0 26px}.login-card label{font-size:12px;font-weight:800;display:block;margin:0 0 8px}.login-card input{width:100%;border:1px solid #c9e3f4;background:#f6fbff;padding:15px;border-radius:12px;color:#073e73}.primary-button{margin-top:14px;width:100%;background:linear-gradient(100deg,#047ad9,#0cacec);color:#fff;border:0;border-radius:14px;padding:15px;display:flex;align-items:center;justify-content:space-between;font-weight:850;box-shadow:0 8px 22px #199bdb55}.demo-link{display:block;margin:20px auto 8px;background:none;border:0;color:#097cc2;font-weight:750;font-size:12px;text-decoration:underline}.login-card small{display:block;text-align:center;color:#8da3b2;font-size:10px}.login-error{color:#af3f36!important;background:#fff0ee;border-radius:10px;padding:12px;margin:12px 0!important}.demo-banner{margin-bottom:18px;background:#fff1c9;color:#8c5c00;border:1px solid #ffdc77;padding:12px 15px;border-radius:12px;font-size:12px;font-weight:750}.demo-banner button{border:0;background:none;text-decoration:underline;color:#915800;font-weight:850}.empty-state{text-align:center;padding:28px 10px;color:#7c93a8;font-size:13px}.empty-state svg{display:block;width:30px;height:30px;margin:0 auto 12px;color:#9bb9d0}
@media(min-width:770px){.app-shell{padding-bottom:112px}.hero-banner{min-height:288px;padding:20px 40px 27px}.hero-logo{height:120px}.hero-banner h1{font-size:43px}.bottom-nav{bottom:24px}.content-card{padding:29px 31px}.history-item{grid-template-columns:53px 1fr auto}}
@media(max-width:600px){.topbar{padding:10px 13px;height:67px}.main-content{padding:14px 13px}.brand-small b{font-size:14px}.brand-small small{font-size:9px}.brand-symbol{width:38px;height:38px}.header-actions{gap:4px}.icon-button{width:36px;height:36px;border-radius:12px}.icon-button svg{width:19px}.live-status{font-size:10px;margin-right:4px}.hero-banner{border-radius:23px;min-height:255px;padding:17px 20px 23px}.hero-logo{width:61%;height:100px}.hero-tag{top:16px;right:13px;font-size:8px;padding:8px}.hero-banner h1{margin:3px 0;font-size:29px}.hero-banner p{font-size:12px}.hero-sun{right:10%;top:78px;width:51px;height:51px}.latest{padding:15px;gap:12px;border-radius:17px}.latest-icon{height:44px;min-width:44px;border-radius:14px}.latest-icon svg{width:23px}.latest-heading{font-size:15px}.latest-detail{font-size:12px}.latest-chevron{display:none}.stats-row{gap:10px}.stat-card{min-height:196px;border-radius:18px;padding:17px 15px}.stat-icon{top:16px;right:13px;height:39px;width:39px;border-radius:13px}.stat-icon svg{width:24px;height:24px}.stat-copy{font-size:14px;max-width:120px}.stat-value{margin:18px 0 9px;font-size:70px;letter-spacing:-4px}.stat-small .stat-value{font-size:64px}.stat-card p{font-size:10px}.content-card{border-radius:20px;padding:19px}.section-heading h2{font-size:21px}.chip{font-size:9px;padding:8px}.history-item{grid-template-columns:43px 1fr auto;gap:10px;padding:14px 0}.history-avatar{width:40px;height:40px;border-radius:12px}.history-name{font-size:13px}.history-sub{font-size:10px}.money-tag{font-size:14px;padding:8px}.forecast-list{grid-template-columns:1fr}.forecast-item{padding:13px}.bottom-nav{bottom:10px}.nav-link{font-size:12px;gap:7px;padding:10px}.nav-icon svg{width:19px}}
@media(max-width:350px){.brand-small small{display:none}.live-status{display:none}.stat-copy{font-size:13px}.stat-value{font-size:57px}.stat-small .stat-value{font-size:52px}.chip{font-size:8px}.history-item{grid-template-columns:32px 1fr auto}.history-avatar{height:30px;width:30px}.money-tag{font-size:12px}}