:root{--bg:#fff;--text:#0b1020;--muted:#5b6378;--card:hsla(0,0%,100%,.85);--cardSolid:#fff;--border:rgba(14,18,33,.1);--shadow:0 10px 30px rgba(13,18,33,.1);--shadow2:0 14px 45px rgba(13,18,33,.14);--primary:#3b5bff;--primary2:#6c63ff;--primarySoft:rgba(79,70,229,.12);--ring:rgba(79,70,229,.35);--surface:rgba(245,247,255,.72);--hero:#090529;--hero2:#120645;--heroText:#f7f7ff;--success:#22c55e;--chart-income:#22c55e;--chart-expense:#ef4444;--chart-profit:#3b5bff;--chart-grid:rgba(14,18,33,.1);color-scheme:light}html[data-theme=dark]{--bg:#070815;--text:#f4f6ff;--muted:#a7afc2;--card:rgba(13,16,32,.7);--cardSolid:#0c0f22;--border:hsla(0,0%,100%,.1);--shadow:0 12px 40px rgba(0,0,0,.4);--shadow2:0 18px 60px rgba(0,0,0,.55);--primary:#6c63ff;--primary2:#3b5bff;--primarySoft:rgba(124,58,237,.18);--ring:rgba(124,58,237,.4);--surface:rgba(10,12,28,.72);--hero:#060615;--hero2:#12062c;--heroText:#f4f6ff;--chart-income:#34d399;--chart-expense:#fb7185;--chart-profit:#93c5fd;--chart-grid:hsla(0,0%,100%,.1);color-scheme:dark}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:radial-gradient(900px 500px at 20% 0,rgba(124,58,237,.1),transparent 55%),radial-gradient(900px 500px at 80% 0,rgba(79,70,229,.12),transparent 55%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}.container{max-width:1080px;margin:0 auto;padding:16px}.muted,.small{color:var(--muted)}.small{font-size:12px}.input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:12px;outline:none;background:hsla(0,0%,100%,.7);color:var(--text);transition:box-shadow .15s ease,border-color .15s ease,background .15s ease}html[data-theme=dark] .input{background:rgba(10,12,28,.6)}.input:focus{border-color:var(--ring);box-shadow:0 0 0 4px var(--primarySoft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:999px;border:1px solid transparent;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;cursor:pointer;font-weight:650;box-shadow:0 10px 25px rgba(79,70,229,.22);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease,opacity .12s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.02);box-shadow:0 16px 40px rgba(79,70,229,.28);text-decoration:none}.btn:active{transform:translateY(0)}.btn.secondary{background:transparent;color:var(--text);border-color:var(--border);box-shadow:none}.btn.secondary:hover{background:var(--surface);box-shadow:none}.btn.big{padding:14px 18px;font-size:15px}.btn.full{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.6);transform:none;box-shadow:none}.iconBtn{width:42px;height:42px;border-radius:999px;background:var(--surface);color:var(--text);display:inline-flex;align-items:center;justify-content:center;transition:transform .12s ease,background .12s ease}.iconBtn:hover{background:hsla(0,0%,100%,.55)}html[data-theme=dark] .iconBtn:hover{background:rgba(10,12,28,.8)}.card{border:1px solid var(--border);border-radius:16px;padding:14px;background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.row{display:flex;gap:12px;flex-wrap:wrap}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}@media (max-width:800px){.grid3{grid-template-columns:1fr}}.badge{font-size:12px;padding:5px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface);display:inline-flex;align-items:center;gap:8px}.badge.pro{border-color:rgba(124,58,237,.35);background:rgba(124,58,237,.14)}.badge.glow{border-color:hsla(0,0%,100%,.18);background:hsla(0,0%,100%,.1);color:var(--heroText)}.table{width:100%;border-collapse:collapse}.table td,.table th{border-bottom:1px solid var(--border);padding:10px;text-align:left}.table-nice{width:100%;border-collapse:collapse;border:1px solid var(--border);border-radius:12px;overflow:hidden}.table-nice thead th{background:hsla(0,0%,100%,.55);font-weight:700}html[data-theme=dark] .table-nice thead th{background:rgba(10,12,28,.65)}.table-nice tbody tr:hover{background:hsla(0,0%,100%,.35)}html[data-theme=dark] .table-nice tbody tr:hover{background:rgba(10,12,28,.55)}.modal{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;padding:16px;z-index:60}.modal-card{width:100%;max-width:560px;background:var(--cardSolid);border:1px solid var(--border);border-radius:18px;padding:14px;box-shadow:var(--shadow2)}.brand{display:flex;align-items:center;gap:10px}.brandText{font-weight:800;letter-spacing:-.02em}.logoImg{width:28px;height:28px;border-radius:10px;box-shadow:0 10px 20px rgba(59,91,255,.18)}.logoDot{width:12px;height:12px;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 10px 20px rgba(124,58,237,.28)}.logoDot,.pillLink{border-radius:999px}.pillLink{padding:10px 12px;border:1px solid var(--border);background:var(--surface)}.pillLink:hover{text-decoration:none;background:hsla(0,0%,100%,.6)}html[data-theme=dark] .pillLink:hover{background:rgba(10,12,28,.75)}.appShell{min-height:100vh}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:hsla(0,0%,100%,.65);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}html[data-theme=dark] .topbar{background:rgba(7,8,21,.55)}.topbarInner{display:flex;align-items:center;gap:14px}.topnav{display:flex;gap:12px;flex-wrap:wrap}.topnav a{padding:10px;border-radius:10px;text-decoration:none;color:var(--muted);font-weight:650}.topnav a:hover{background:var(--surface);color:var(--text)}.topbarRight{margin-left:auto;display:flex;gap:10px;align-items:center}.appMain{padding-top:14px;padding-bottom:40px}:root{--sidebar-w:250px}.sidebarShell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:auto;padding:14px 12px;background:hsla(0,0%,100%,.7);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}html[data-theme=dark] .sidebar{background:rgba(7,8,21,.55)}.sidebarHeader{display:flex;align-items:center;justify-content:space-between;padding:6px 6px 14px}.sidebarOverlay{position:fixed;inset:0;z-index:75;background:rgba(0,0,0,.28);cursor:default}html[data-theme=dark] .sidebarOverlay{background:rgba(0,0,0,.45)}.sidebarCloseBtn{display:none;width:38px;height:38px;border-radius:12px;border:1px solid var(--border);background:var(--card);cursor:pointer;color:var(--text)}.sidebarCloseBtn:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.sideNav{display:flex;flex-direction:column;gap:6px;padding:0 6px}.sideLink{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;color:var(--muted);font-weight:650;text-decoration:none;border:1px solid transparent}.sideLink:hover{background:var(--surface);color:var(--text)}.sideLink.active{background:linear-gradient(180deg,rgba(59,91,255,.14),rgba(108,99,255,.08));border-color:rgba(59,91,255,.22);color:var(--text)}.sidebarFooter{margin-top:14px;padding:12px 6px 6px;border-top:1px solid var(--border)}.userRow{display:flex;align-items:center;gap:10px;margin-bottom:10px}.userName{font-weight:800}.sideLogout,.sidebarActions{display:flex;gap:10px;align-items:center}.sideLogout{margin-left:auto;padding:10px;border-radius:12px;border:1px solid var(--border);background:var(--card);cursor:pointer;color:var(--text)}.sideLogout:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.appContent{flex:1 1;min-width:0}.mobileTopbar{display:none;position:-webkit-sticky;position:sticky;top:0;z-index:80;gap:10px;align-items:center;padding:10px 12px;background:hsla(0,0%,100%,.75);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}html[data-theme=dark] .mobileTopbar{background:rgba(7,8,21,.62)}.iconBtn{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--border);background:var(--card);cursor:pointer}.iconBtn:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.brandSm{gap:10px}.mobileRight{margin-left:auto;display:flex;gap:8px;align-items:center}@media (max-width:980px){.sidebar{position:fixed;left:0;top:0;z-index:90;transform:translateX(-110%);transition:transform .22s ease;box-shadow:var(--shadow2)}.sidebarOverlay{left:calc(var(--sidebar-w) + 1px)}.sidebar.open{transform:translateX(0)}.mobileTopbar{display:flex}.appMain{padding-top:14px}}.landingHeader{position:-webkit-sticky;position:sticky;top:0;z-index:60;background:hsla(0,0%,100%,.66);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}html[data-theme=dark] .landingHeader{background:rgba(7,8,21,.58)}.headerInner{display:flex;align-items:center;gap:16px}.headerNav{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-weight:650}.headerNav a{padding:10px;border-radius:10px;text-decoration:none}.headerNav a:hover{background:var(--surface);color:var(--text)}.headerActions{margin-left:auto;display:flex;gap:10px;align-items:center}.hero{position:relative;padding:54px 0 34px;background:radial-gradient(1000px 600px at 10% 0,rgba(124,58,237,.35),transparent 55%),radial-gradient(800px 520px at 85% 10%,rgba(79,70,229,.35),transparent 55%),linear-gradient(180deg,var(--hero),var(--hero2));color:var(--heroText);overflow:hidden}.heroGlow{position:absolute;inset:-200px -120px auto -120px;height:520px;background:radial-gradient(closest-side,hsla(0,0%,100%,.12),transparent 70%);filter:blur(10px);animation:float 10s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(16px)}}.heroGrid{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:28px;gap:28px;align-items:center}@media (max-width:900px){.heroGrid{grid-template-columns:1fr}}.heroLeft h1{margin:12px 0 10px;font-size:54px;line-height:1.04;letter-spacing:-.04em}@media (max-width:700px){.heroLeft h1{font-size:40px}}.gradientText{background:linear-gradient(135deg,#a5b4fc,#f0abfc,#60a5fa);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:16px;line-height:1.6;opacity:.92;max-width:620px}.eyebrow{display:flex;align-items:center;gap:10px}.ctaRow{gap:12px;margin-top:18px}.ctaRow,.miniRow{display:flex;flex-wrap:wrap}.miniRow{gap:14px;margin-top:16px;color:rgba(247,247,255,.88)}.mini{display:flex;gap:8px;align-items:center;padding:8px 10px;border-radius:999px;border:1px solid hsla(0,0%,100%,.14);background:hsla(0,0%,100%,.08)}.miniIcon{filter:saturate(1.1)}.heroRight{position:relative}.heroCard{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.16);border-radius:22px;box-shadow:0 25px 70px rgba(0,0,0,.35);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mockTop{padding:18px 18px 12px;border-bottom:1px solid hsla(0,0%,100%,.14)}.mockTitle{opacity:.85;font-weight:650}.mockValue{font-size:40px;font-weight:900;letter-spacing:-.03em;margin-top:4px}.mockSub{opacity:.78;margin-top:2px}.mockBody{padding:16px 18px 18px}.barRow{display:grid;grid-template-columns:110px 1fr 84px;grid-gap:10px;gap:10px;align-items:center;margin:10px 0}.barLabel{opacity:.9;font-weight:650}.barAmt{text-align:right;opacity:.85;font-weight:650}.barTrack{height:12px;background:hsla(0,0%,100%,.14);overflow:hidden}.barFill,.barTrack{border-radius:999px}.barFill{height:100%;background:linear-gradient(135deg,#60a5fa,#a78bfa)}.barFill.alt{background:linear-gradient(135deg,#34d399,#60a5fa)}.barFill.soft{background:linear-gradient(135deg,#f0abfc,#60a5fa)}.mockNote{margin-top:14px;padding:12px;border-radius:16px;border:1px solid hsla(0,0%,100%,.14);background:hsla(0,0%,100%,.08);line-height:1.5}.floatingTag{position:absolute;padding:10px 12px;border-radius:999px;border:1px solid hsla(0,0%,100%,.16);background:hsla(0,0%,100%,.1);color:rgba(247,247,255,.92);font-weight:700;box-shadow:0 18px 50px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tag1{top:-12px;left:-10px;animation:bob 6s ease-in-out infinite}.tag2{bottom:18px;right:-12px;animation:bob 7s ease-in-out infinite}.tag3{top:18px;right:18px;animation:bob 8s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.section{padding:44px 0}.sectionAlt{background:radial-gradient(800px 360px at 15% 0,rgba(79,70,229,.1),transparent 55%),var(--bg)}.sectionHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:18px}.sectionHeader h2{margin:0;letter-spacing:-.02em}.sectionHeader p{margin:0;max-width:620px}.featureGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}@media (max-width:1000px){.featureGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.featureGrid{grid-template-columns:1fr}}.featureCard{border:1px solid var(--border);border-radius:18px;padding:16px;background:var(--card);box-shadow:var(--shadow);transition:transform .12s ease,box-shadow .12s ease}.featureCard:hover{transform:translateY(-2px);box-shadow:var(--shadow2)}.featureIcon{font-size:22px}.featureCard h3{margin:10px 0 6px}.featureCard p{margin:0;color:var(--muted);line-height:1.5}.pricingGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}@media (max-width:950px){.pricingGrid{grid-template-columns:1fr}}.priceCard{border:1px solid var(--border);border-radius:22px;padding:16px;background:var(--card);box-shadow:var(--shadow);position:relative;overflow:hidden}.priceCard.highlight{border-color:rgba(79,70,229,.35);box-shadow:0 20px 70px rgba(79,70,229,.18)}.priceCard.highlight:before{content:"";position:absolute;inset:-120px -120px auto -120px;height:220px;background:radial-gradient(closest-side,rgba(79,70,229,.22),transparent 70%);filter:blur(10px)}.priceTop{position:relative;z-index:1}.priceName{font-weight:900;letter-spacing:-.02em}.priceValue{font-size:34px;letter-spacing:-.03em;margin-top:4px}.priceBody{position:relative;z-index:1;margin:14px 0;display:flex;flex-direction:column;gap:10px}.checkLine{display:flex;gap:10px;align-items:flex-start;color:var(--muted)}.checkDot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--primary2));margin-top:5px;flex:0 0 auto}.testimonial{display:grid;grid-template-columns:.95fr 1.05fr;grid-gap:16px;gap:16px;align-items:center}@media (max-width:900px){.testimonial{grid-template-columns:1fr}}.testimonialCard{border:1px solid var(--border);border-radius:22px;padding:18px;background:var(--card);box-shadow:var(--shadow)}.quote{margin:0;font-style:italic;line-height:1.7}.quoteMeta{margin-top:14px}.stars{margin-top:8px;letter-spacing:3px;color:#fbbf24}.faqGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}@media (max-width:900px){.faqGrid{grid-template-columns:1fr}}.faq{border:1px solid var(--border);border-radius:18px;padding:14px;background:var(--card);box-shadow:var(--shadow)}.faq summary{cursor:pointer;font-weight:800}.faq p{margin:10px 0 0;color:var(--muted);line-height:1.55}.footer{padding:24px 0 38px;border-top:1px solid var(--border)}.footerInner{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.footerLinks{display:flex;gap:14px;color:var(--muted);font-weight:650}.authHeader{position:-webkit-sticky;position:sticky;top:0;z-index:60;background:hsla(0,0%,100%,.66);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}html[data-theme=dark] .authHeader{background:rgba(7,8,21,.58)}.authGrid{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"aside card";grid-gap:16px;gap:16px;align-items:stretch;padding-top:24px;padding-bottom:40px}@media (max-width:900px){.authGrid{grid-template-columns:1fr;grid-template-areas:"card" "aside"}}.authAside{grid-area:aside;border-radius:24px;padding:18px;background:linear-gradient(135deg,rgba(79,70,229,.12),rgba(124,58,237,.12));border:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between;min-height:420px}.authCard{grid-area:card}@media (max-width:900px){.authAside{min-height:unset}}.asideHint{margin-top:16px}.authCard{border:1px solid var(--border);border-radius:24px;padding:18px;background:var(--card);box-shadow:var(--shadow)}.authTitle h1{margin:0;letter-spacing:-.02em}.authTitle p{margin:8px 0 0}.authForm{margin-top:14px;display:flex;flex-direction:column;gap:12px}.field span{display:block;font-size:13px;font-weight:750;margin-bottom:6px;color:var(--muted)}.alert{padding:12px;border-radius:16px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);color:var(--text)}.authFooter{margin-top:10px;font-weight:650}.kpiGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:12px}@media (max-width:980px){.kpiGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.kpiGrid{grid-template-columns:1fr}}.kpiCard{position:relative;overflow:hidden;border:1px solid var(--border);background:linear-gradient(180deg,rgba(59,91,255,.1),rgba(108,99,255,.06))}html[data-theme=dark] .kpiCard{background:linear-gradient(180deg,rgba(108,99,255,.18),rgba(59,91,255,.08))}.kpiCard:before{content:"";position:absolute;inset:-1px;background:radial-gradient(500px 120px at 10% 0,rgba(59,91,255,.3),transparent 60%),radial-gradient(420px 120px at 95% 0,rgba(108,99,255,.22),transparent 55%);opacity:.55;pointer-events:none}.kpiCard .small,.kpiValue{position:relative}.kpiValue{font-size:22px;font-weight:800;letter-spacing:.2px}.kpiIcon{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:hsla(0,0%,100%,.55);border:1px solid var(--border);box-shadow:0 10px 22px rgba(13,18,33,.1)}html[data-theme=dark] .kpiIcon{background:rgba(12,15,34,.55);box-shadow:0 12px 26px rgba(0,0,0,.35)}.chartHeaderRow{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.chartBadges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pill.pulse{animation:pulseGlow 1.8s ease-in-out infinite;border-color:rgba(59,91,255,.35)}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 rgba(59,91,255,0)}50%{box-shadow:0 0 22px rgba(59,91,255,.22)}}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.actions-right{justify-content:flex-end}.actions-between{justify-content:space-between}@media (max-width:640px){.actions-between{justify-content:flex-start}}.grid-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;align-items:end}.grid-filters .actions-right{grid-column:1/-1}@media (max-width:900px){.grid-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.grid-filters{grid-template-columns:1fr}}.pill{padding:8px 12px;border-radius:999px;background:linear-gradient(180deg,rgba(59,91,255,.08),rgba(108,99,255,.05))}.pill,.tip-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border)}.tip-pill{cursor:pointer;background:var(--card)}.tip-pill:hover{transform:translateY(-1px)}.tip-pill:active{transform:translateY(0)}.dashHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px}.dashHeaderLeft{display:flex;flex-direction:column;gap:10px;min-width:260px}.rangeOptions{display:flex;gap:8px;flex-wrap:wrap}@media (max-width:640px){.rangeOptions{flex-direction:column;align-items:stretch}.rangeOptions .btn{width:100%}}.tipBanner{display:flex;align-items:center;gap:10px;max-width:560px;padding:10px 14px;border-radius:999px;border:1px solid var(--border);background:linear-gradient(135deg,rgba(59,91,255,.1),rgba(108,99,255,.08));color:var(--text);box-shadow:0 10px 30px rgba(0,0,0,.06);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;text-align:left}.tipBanner:hover{transform:translateY(-1px);box-shadow:0 14px 36px rgba(0,0,0,.1)}.tipBanner span{font-size:13px;line-height:1.2;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width:640px){.tipBanner{max-width:100%;border-radius:14px}}.noScroll{overflow:hidden}.mobileOnly{display:none}.desktopOnly{display:flex}@media (max-width:768px){.mobileOnly{display:inline-flex}.desktopOnly{display:none!important}}.mobileMenuBtn{margin-left:auto;height:44px;min-width:44px;border-radius:14px;border:1px solid hsla(0,0%,100%,.12);background:rgba(0,0,0,.15);color:inherit;align-items:center;justify-content:center}.hamburgerIcon{font-size:22px;line-height:1}.mobileDrawerOverlay{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:60}.mobileDrawerOverlay.open{opacity:1;pointer-events:auto}.mobileDrawer{position:fixed;top:0;left:0;height:100vh;width:min(86vw,360px);background:var(--bg);border-right:1px solid hsla(0,0%,100%,.1);transform:translateX(-105%);transition:transform .22s ease;z-index:70;padding:16px;display:flex;flex-direction:column;gap:14px}.mobileDrawer.open{transform:translateX(0)}.mobileDrawerHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobileDrawerBrand{display:inline-flex;align-items:center;gap:10px}.mobileDrawerClose{height:40px;width:40px;border-radius:12px;border:1px solid hsla(0,0%,100%,.12);background:rgba(0,0,0,.15);color:inherit}.mobileDrawerNav{display:flex;flex-direction:column;gap:10px}.mobileDrawerNav a{width:100%;padding:12px 14px;border-radius:14px;background:var(--card)}.mobileDrawerActions{margin-top:auto;display:flex;flex-direction:column;gap:10px}.mobileDrawerActions a,.mobileDrawerActions button{width:100%;text-align:center}@media (max-width:768px){.authGrid{display:flex!important;flex-direction:column;gap:16px}.authCard{order:1}.authAside{order:2}}.grid{display:grid;grid-gap:12px;gap:12px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:900px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.grid-2,.grid-4{grid-template-columns:1fr}}.filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:12px;gap:12px;align-items:end}.filters>button{height:44px}@media (max-width:1000px){.filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.filters{grid-template-columns:1fr}.filters>button{width:100%}}.btn.btn-outline{background:transparent;color:var(--text);border-color:var(--border);box-shadow:none}.btn.btn-outline:hover{background:var(--surface);box-shadow:none}.tableWrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}.tableWrap .table{min-width:680px}.tableActions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}@media (max-width:520px){.tableWrap .table{min-width:560px}.tableActions{width:100%;justify-content:flex-start}.tableActions .btn{width:100%}}.modalActions{flex-wrap:wrap}@media (max-width:520px){.modalActions .btn{width:100%}}@media (max-width:768px){body,html{width:100%!important;overflow-x:hidden!important}body *{max-width:100vw!important}.container,.dashboard,.dashboard-content,.layout,.main,.wrapper,main{width:100%!important;max-width:100%!important;margin:0!important;padding-left:12px!important;padding-right:12px!important}.grid,.grid-2,.grid-3,.grid-4{display:flex!important;flex-direction:column!important;gap:12px!important}body,html{margin:0;padding:0;overflow-x:hidden}.container,.content,.dashboard,main{width:100%!important;max-width:100%!important;margin:0!important;padding:12px!important}.cards,.grid,.grid-2,.grid-3,.grid-4,.stats{display:flex!important;flex-direction:column!important;gap:12px!important}table{display:block;overflow-x:auto}.btn,button,table{width:100%}.mobileTopbar{position:-webkit-sticky;position:sticky;top:0;z-index:60;width:100%}.appShell{display:block!important;width:100%!important;min-height:100vh}.appContent{margin-left:0!important}.appContent,.appMain{width:100%!important;max-width:100%!important}.appMain{margin:0!important;padding:12px!important}.sidebar{position:fixed!important;top:0;left:0;height:100vh;width:260px;max-width:80vw;transform:translateX(-100%);transition:transform .25s ease;z-index:70}.sidebar.open{transform:translateX(0)}.filters .btn,.filters button,.iconBtn{max-width:100%}.cards,.grid,.grid-2,.grid-3,.grid-4,.stats{display:flex!important;flex-direction:column!important;gap:12px!important}.tableWrap{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}table{min-width:560px}}.landingMenuBtn{display:none}.landingDrawerOverlay{position:fixed;inset:0;background:rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:65}.landingDrawerOverlay.show{opacity:1;pointer-events:auto}.landingDrawer{position:fixed;top:0;left:0;height:100vh;width:290px;max-width:82vw;background:var(--card);border-right:1px solid var(--border);transform:translateX(-105%);transition:transform .22s ease;z-index:70;padding:14px;display:flex;flex-direction:column;gap:14px}.landingDrawer.open{transform:translateX(0)}.landingDrawerTop{display:flex;align-items:center;justify-content:space-between;gap:10px}.landingDrawerNav{display:flex;flex-direction:column;gap:6px}.landingDrawerNav a{padding:12px;border-radius:12px;text-decoration:none;color:var(--text);font-weight:650}.landingDrawerNav a:hover{background:var(--surface)}.landingDrawerActions{margin-top:auto;display:flex;flex-direction:column;gap:10px}.drawerRow{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}@media (max-width:768px){.landingHeader .container.headerInner{gap:10px}.landingHeader .headerActions .btn,.landingHeader .headerActions .pillLink,.landingHeader .headerNav{display:none}.landingMenuBtn{display:inline-flex}}.hero .btn.secondary,.heroSection .btn.secondary,.landingHero .btn.secondary{color:var(--heroText)!important;border-color:hsla(0,0%,100%,.28)!important}.hero .btn.secondary:hover,.heroSection .btn.secondary:hover,.landingHero .btn.secondary:hover{border-color:hsla(0,0%,100%,.45)!important;filter:brightness(1.05)}.premiumPage{min-height:100vh;background:radial-gradient(900px 520px at 15% -10%,rgba(99,102,241,.18),transparent 55%),linear-gradient(180deg,#fbfcff,#f6f8ff 45%,#fff);color:#0f172a;overflow:hidden}.premiumWrap{width:min(1180px,calc(100% - 36px));margin:0 auto}.premiumHeader{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:hsla(0,0%,100%,.78);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(15,23,42,.08)}.premiumNav{height:76px;justify-content:space-between;gap:20px}.premiumBrand,.premiumNav{display:flex;align-items:center}.premiumBrand{gap:10px;font-weight:900;text-decoration:none}.premiumLogo{width:34px;height:34px;border-radius:14px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:grid;place-items:center;box-shadow:0 14px 35px rgba(79,70,229,.28)}.premiumLinks{display:flex;align-items:center;gap:24px;color:#475569;font-weight:750}.premiumLinks a{text-decoration:none}.premiumActions{display:flex;align-items:center;gap:10px}.premiumBtn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:13px 18px;font-weight:900;background:linear-gradient(135deg,#4f46e5,#6d5dfc);color:#fff;box-shadow:0 18px 45px rgba(79,70,229,.28);text-decoration:none}.premiumBtn.secondary{background:#fff;color:#0f172a;border:1px solid rgba(15,23,42,.1);box-shadow:0 10px 25px rgba(15,23,42,.06)}.premiumHero{padding:78px 0 60px}.premiumHeroGrid{display:grid;grid-template-columns:1.02fr .98fr;grid-gap:44px;gap:44px;align-items:center}.premiumKicker{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(79,70,229,.1);color:#4f46e5;font-weight:900;font-size:13px;margin-bottom:18px}.premiumHero h1{font-size:clamp(42px,6vw,76px);line-height:.96;letter-spacing:-3px;margin:0 0 20px}.premiumGradient{background:linear-gradient(135deg,#111827,#4f46e5 55%,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}.premiumLead{font-size:18px;line-height:1.75;color:#475569;max-width:650px;margin:0 0 26px}.premiumCtas{display:flex;gap:12px;flex-wrap:wrap}.premiumStats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:30px}.premiumStat{padding:16px;border-radius:22px;background:hsla(0,0%,100%,.75);border:1px solid rgba(15,23,42,.08);box-shadow:0 16px 45px rgba(15,23,42,.06)}.premiumStat b{display:block;font-size:22px}.premiumStat span{color:#64748b;font-size:13px}.phoneMock{position:relative;border-radius:46px;background:#0b1020;padding:16px;box-shadow:0 35px 90px rgba(15,23,42,.22);border:1px solid hsla(0,0%,100%,.1);max-width:430px;margin-left:auto}.phoneScreen{border-radius:34px;background:linear-gradient(180deg,#f8fafc,#eef2ff);padding:22px;min-height:520px}.phoneTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.phonePill{padding:7px 10px;border-radius:999px;background:#dcfce7;color:#166534;font-weight:900;font-size:12px}.balanceCard{background:linear-gradient(135deg,#1e1b4b,#4f46e5);color:#fff;border-radius:28px;padding:22px;box-shadow:0 24px 60px rgba(79,70,229,.28)}.balanceCard span{color:#c7d2fe;font-size:13px}.balanceCard strong{display:block;font-size:34px;margin-top:8px}.mockList{display:grid;grid-gap:12px;gap:12px;margin-top:16px}.mockItem{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:20px;padding:14px}.mockIcon{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:#eef2ff}.mockItem div:nth-child(2){flex:1 1}.mockItem b{font-size:14px}.mockItem span{display:block;color:#64748b;font-size:12px;margin-top:3px}.premiumSection{padding:52px 0}.sectionCenter{text-align:center;max-width:760px;margin:0 auto 26px}.sectionCenter h2{font-size:clamp(30px,4vw,48px);letter-spacing:-1.5px;margin:0 0 12px}.sectionCenter p{color:#64748b;font-size:17px;line-height:1.65}.premiumGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.premiumFeature{background:hsla(0,0%,100%,.8);border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 50px rgba(15,23,42,.06);border-radius:28px;padding:24px;transition:transform .2s,box-shadow .2s}.premiumFeature:hover{transform:translateY(-4px);box-shadow:0 26px 70px rgba(15,23,42,.1)}.premiumFeature .ico{font-size:26px;margin-bottom:16px}.premiumFeature h3{margin:0 0 9px;font-size:18px}.premiumFeature p{margin:0;color:#64748b;line-height:1.55}.premiumPricing{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.premiumPrice{border:1px solid rgba(15,23,42,.08);background:#fff;border-radius:30px;padding:26px;box-shadow:0 18px 50px rgba(15,23,42,.06)}.premiumPrice.hot{background:linear-gradient(180deg,#111827,#1e1b4b);color:#fff;transform:scale(1.025)}.priceValue{font-size:38px;font-weight:950;margin:16px 0}.premiumPrice ul{list-style:none;padding:0;margin:20px 0;display:grid;grid-gap:10px;gap:10px;color:#475569}.premiumPrice.hot ul{color:#c7d2fe}.premiumFooter{padding:34px 0;border-top:1px solid rgba(15,23,42,.08);color:#64748b}.premiumFooterInner{display:flex;justify-content:space-between;gap:20px;align-items:center}.missionPage{padding:24px;max-width:1520px;margin:0 auto}.missionHero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;background:linear-gradient(135deg,#121735,#332d8a);color:#fff;border-radius:34px;padding:34px;margin-bottom:18px;box-shadow:0 28px 80px rgba(15,23,42,.16)}.missionHero small{font-weight:900;letter-spacing:.12em;color:#c7d2fe}.missionHero h1{font-size:clamp(34px,4vw,54px);letter-spacing:-2px;margin:10px 0}.missionHero p{color:#c7d2fe;margin:0;max-width:720px}.rangeTabs{display:flex;gap:10px;flex-wrap:wrap}.rangeTabs button{border:0;border-radius:16px;padding:13px 18px;font-weight:900;background:#fff;color:#111827;cursor:pointer}.rangeTabs button.active{background:#6d5dfc;color:#fff}.metricGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:16px}.metricBox{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:26px;padding:22px;box-shadow:0 18px 50px rgba(15,23,42,.06)}.metricBox span{display:block;color:#64748b;font-size:13px;margin-bottom:8px}.metricBox strong{font-size:26px;letter-spacing:-.8px}.dashboardGrid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.7fr);grid-gap:16px;gap:16px}.dashPanel{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:28px;padding:22px;box-shadow:0 18px 50px rgba(15,23,42,.06);min-height:0}.chartBox{height:340px}.insightList{display:grid;grid-gap:12px;gap:12px}.insightItem{padding:16px;border-radius:20px;background:#f8fafc;border:1px solid rgba(15,23,42,.06);line-height:1.55}.miniDashboardGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-top:16px}.progressTrack{height:12px;border-radius:999px;background:#e2e8f0;overflow:hidden}.progressFill{height:100%;border-radius:999px;background:linear-gradient(90deg,#4f46e5,#7c3aed)}.badgeList{display:grid;grid-gap:10px;gap:10px}.badgeItem{display:flex;align-items:center;gap:10px;padding:13px;border-radius:18px;background:#f8fafc;border:1px solid rgba(15,23,42,.06);font-weight:800}.widgetPreview{background:#020617;color:#fff;border-radius:34px;padding:24px;min-height:180px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.08)}.adminPremiumPage{min-height:100vh;background:radial-gradient(900px 500px at 25% -10%,rgba(99,102,241,.24),transparent 55%),linear-gradient(135deg,#f8fafc,#eef2ff 55%,#fff);padding:34px 18px;color:#0f172a}.adminShell{width:min(1180px,100%);margin:0 auto}.adminHero{display:flex;justify-content:space-between;gap:18px;align-items:center;background:hsla(0,0%,100%,.78);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(15,23,42,.08);box-shadow:0 26px 90px rgba(15,23,42,.1);border-radius:34px;padding:30px;margin-bottom:18px}.adminHero h1{font-size:clamp(34px,5vw,54px);letter-spacing:-2px;line-height:.98;margin:8px 0}.adminKicker{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#4f46e5;font-weight:950}.adminStatus{display:flex;align-items:center;gap:10px;padding:13px 18px;border-radius:999px;background:#0f172a;color:#fff;font-weight:900;white-space:nowrap}.adminDot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 6px hsla(0,0%,100%,.1)}.adminLoginCard{max-width:520px;margin:8vh auto;background:hsla(0,0%,100%,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(15,23,42,.08);box-shadow:0 32px 100px rgba(15,23,42,.12);border-radius:34px;padding:34px}.adminLoginCard h1{font-size:42px;letter-spacing:-1.7px;margin:10px 0}.adminInput{width:100%;border:1px solid rgba(15,23,42,.12);border-radius:18px;padding:16px 18px;font-size:15px;outline:none;background:#fff;margin:20px 0 12px}.adminButton{border:0;border-radius:18px;padding:15px 18px;font-weight:950;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;cursor:pointer;box-shadow:0 18px 45px rgba(79,70,229,.28)}.adminButton.full{width:100%}.adminButton.ghost{background:#fff;color:#0f172a;border:1px solid rgba(15,23,42,.1);box-shadow:none}.adminGrid{display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-gap:18px;gap:18px}.adminPanel{background:hsla(0,0%,100%,.82);border:1px solid rgba(15,23,42,.08);box-shadow:0 22px 70px rgba(15,23,42,.08);border-radius:30px;padding:24px}.adminActions{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.adminAction{min-height:150px;text-align:left;border:1px solid rgba(15,23,42,.08);border-radius:24px;padding:18px;background:linear-gradient(180deg,#fff,#f8fafc);cursor:pointer;transition:transform .18s,box-shadow .18s}.adminAction:hover{transform:translateY(-3px);box-shadow:0 22px 55px rgba(15,23,42,.1)}.adminAction.danger{background:linear-gradient(180deg,#fff,#fff1f2);border-color:rgba(239,68,68,.22)}.adminAction.success{background:linear-gradient(180deg,#fff,#f0fdf4);border-color:rgba(34,197,94,.22)}.adminMetrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-top:16px}.adminMetric{background:#0f172a;color:#fff;border-radius:24px;padding:18px;box-shadow:0 18px 50px rgba(15,23,42,.18)}.adminMetric span{display:block;color:#94a3b8;font-size:13px;margin-bottom:7px}.adminMetric strong{font-size:22px}.adminLog{margin-top:16px;background:#020617;color:#cbd5e1;border-radius:24px;padding:18px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;line-height:1.8}.adminQr{background:#111827;color:#fff;border-radius:30px;padding:22px;box-shadow:0 28px 90px rgba(15,23,42,.2)}.adminQrBox{min-height:360px;display:flex;align-items:center;justify-content:center;border:1px dashed hsla(0,0%,100%,.18);border-radius:28px;background:radial-gradient(circle at center,rgba(99,102,241,.22),rgba(2,6,23,.65));padding:20px;margin:16px 0}.adminQrImg{width:100%;max-width:310px;border-radius:20px;background:#fff;padding:12px}.adminEmpty{text-align:center;color:#cbd5e1;display:grid;grid-gap:8px;gap:8px}.adminEmptyIcon{width:76px;height:76px;border-radius:24px;background:hsla(0,0%,100%,.08);display:grid;place-items:center;margin:0 auto;font-size:34px}.adminAlert{padding:16px 18px;border-radius:20px;margin-bottom:18px}.adminAlert.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.adminAlert.ok{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}@media(max-width:980px){.adminGrid,.dashboardGrid,.premiumHeroGrid{grid-template-columns:1fr}.premiumGrid{grid-template-columns:repeat(2,1fr)}.adminActions,.adminMetrics,.metricGrid,.miniDashboardGrid,.premiumPricing{grid-template-columns:1fr 1fr}.phoneMock{margin:0 auto}.premiumLinks{display:none}}@media(max-width:640px){.premiumWrap{width:min(100% - 24px,1180px)}.premiumNav{height:auto;padding:14px 0}.premiumActions .premiumBtn.secondary{display:none}.premiumHero{padding:42px 0 36px}.adminActions,.adminMetrics,.metricGrid,.miniDashboardGrid,.premiumGrid,.premiumPricing,.premiumStats{grid-template-columns:1fr}.missionPage{padding:14px}.adminHero,.missionHero{align-items:flex-start;flex-direction:column;padding:24px;border-radius:28px}.adminHero h1,.missionHero h1{font-size:38px}.chartBox{height:260px}.adminPremiumPage{padding:18px 12px}.adminQrBox{min-height:300px}.phoneScreen{min-height:440px}.premiumFooterInner{flex-direction:column;align-items:flex-start}}.goalsPage{min-height:100vh;padding:24px;color:#0f172a;background:radial-gradient(circle at 20% 0,rgba(98,87,255,.12),transparent 30%),#f8fafc}.goalsHero{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:28px;gap:28px;align-items:center;overflow:hidden;border-radius:32px;padding:34px;background:linear-gradient(135deg,#0f172a,#242064 55%,#5b42f3);color:#fff;box-shadow:0 28px 90px rgba(15,23,42,.18)}.goalsKicker{display:inline-flex;color:#c7d2fe;font-size:13px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}.goalsKicker.dark{color:#5b42f3}.goalsHero h1{max-width:680px;margin:14px 0 12px;font-size:clamp(36px,6vw,64px);line-height:.96;letter-spacing:-2.2px}.goalsHero p{max-width:560px;margin:0;color:hsla(0,0%,100%,.78);font-size:16px;line-height:1.7}.primaryGoalBtn{margin-top:24px;border:0;border-radius:18px;padding:14px 18px;display:inline-flex;align-items:center;gap:8px;color:#fff;background:linear-gradient(135deg,#5b42f3,#7c3aed);font-weight:900;box-shadow:0 18px 35px rgba(91,66,243,.28);cursor:pointer}.goalPhone{width:100%;max-width:330px;justify-self:end;border-radius:42px;padding:12px;background:#0b1020;box-shadow:0 28px 80px rgba(2,6,23,.32)}.goalPhoneScreen{min-height:480px;overflow:hidden;border-radius:32px;background:linear-gradient(180deg,#f8fafc,#eef2ff);color:#0f172a;padding:18px}.goalPhoneTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.goalPhoneTop span{border-radius:999px;padding:7px 10px;background:#dcfce7;color:#15803d;font-size:12px;font-weight:900}.goalPhoneMain{border-radius:24px;padding:18px;color:#fff;background:linear-gradient(135deg,#312e81,#6246ea)}.phoneMainLine{display:flex;gap:8px;align-items:center;opacity:.9;font-size:13px}.goalPhoneMain strong{display:block;margin-top:8px;font-size:22px;line-height:1.1}.goalPhoneMain p{margin:10px 0 12px;color:hsla(0,0%,100%,.85)}.goalProgress,.phoneProgress{height:10px;border-radius:999px;background:hsla(0,0%,100%,.28);overflow:hidden}.goalProgress i,.phoneProgress i{display:block;height:100%;border-radius:999px;background:#fff}.phoneGoalList{display:grid;grid-gap:10px;gap:10px;margin-top:14px}.phoneGoalItem{display:flex;align-items:center;gap:12px;border-radius:18px;padding:12px;background:hsla(0,0%,100%,.9);box-shadow:0 10px 30px rgba(15,23,42,.06)}.phoneGoalItem>span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;color:#5b42f3;background:#eef2ff;flex:0 0 auto}.phoneGoalItem b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.phoneGoalItem small{color:#64748b}.goalStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin:18px 0}.createGoalCard,.goalCard,.goalMetric{background:hsla(0,0%,100%,.86);border:1px solid rgba(15,23,42,.08);border-radius:28px;box-shadow:0 20px 60px rgba(15,23,42,.06)}.goalMetric{padding:20px}.goalMetric small,.goalMetric span{color:#64748b}.goalMetric strong{display:block;margin:8px 0 4px;font-size:clamp(20px,4vw,30px);letter-spacing:-.8px}.createGoalCard{display:grid;grid-template-columns:1fr auto;grid-gap:22px;gap:22px;align-items:center;padding:26px}.createGoalIntro h2,.goalListHeader h2{margin:10px 0;font-size:clamp(30px,5vw,46px);line-height:1.05;letter-spacing:-1.4px}.createGoalIntro p,.goalListHeader p{color:#64748b;margin:0;line-height:1.65;max-width:520px}.iconPicker{display:grid;grid-template-columns:repeat(3,54px);grid-gap:10px;gap:10px;justify-content:end}.iconChoice{width:54px;height:54px;border-radius:18px;border:1px solid rgba(15,23,42,.16);background:#fff;color:#64748b;display:grid;place-items:center;cursor:pointer}.iconChoice.active{color:#5b42f3;border-color:rgba(91,66,243,.35);background:#eef2ff;box-shadow:0 18px 35px rgba(91,66,243,.16)}.goalForm{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 180px auto;grid-gap:12px;gap:12px}.goalForm input{min-width:0;border:1px solid rgba(15,23,42,.12);border-radius:18px;padding:15px 16px;background:#fff;font-weight:700;outline:none}.goalForm button{border:0;border-radius:18px;padding:15px 18px;color:#fff;background:#5b42f3;font-weight:900;display:inline-flex;justify-content:center;align-items:center;gap:8px;cursor:pointer}.goalListHeader{margin:28px 0 14px}.goalCardsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.goalCard{padding:22px}.goalCardTop{display:flex;justify-content:space-between;align-items:center}.goalCardIcon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#eef2ff;color:#5b42f3}.trashBtn{border:0;background:#fee2e2;color:#dc2626;width:38px;height:38px;border-radius:14px;display:grid;place-items:center;cursor:pointer}.goalCard h3{margin:18px 0 8px;font-size:23px;letter-spacing:-.5px}.goalCard p{color:#64748b;margin:0 0 14px}.goalProgress{background:#e2e8f0}.goalProgress i{background:linear-gradient(90deg,#5b42f3,#7c3aed)}.goalCardFoot{display:flex;justify-content:space-between;margin-top:12px;color:#64748b}.goalCardFoot strong{color:#0f172a}.quickAdds{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:14px}.quickAdds button{border:1px solid rgba(15,23,42,.1);background:#fff;border-radius:14px;padding:10px;font-weight:900;cursor:pointer}@media(max-width:900px){.goalsPage{padding:14px}.goalsHero{grid-template-columns:1fr;padding:24px;border-radius:28px}.goalPhone{justify-self:center;max-width:310px}.createGoalCard,.goalCardsGrid,.goalStats{grid-template-columns:1fr}.iconPicker{justify-content:start}.goalForm{grid-template-columns:1fr}}@media(max-width:480px){.goalsPage{padding:12px;overflow-x:hidden}.goalsHero{padding:22px 18px;gap:20px}.goalsHero h1{font-size:42px}.goalsHero p{font-size:15px}.primaryGoalBtn{width:100%;justify-content:center}.goalPhone{max-width:100%;padding:10px;border-radius:34px}.goalPhoneScreen{min-height:auto;padding:14px;border-radius:26px}.phoneGoalItem b{max-width:180px}.goalStats{grid-template-columns:1fr}.goalMetric{padding:18px}.createGoalCard{padding:20px;border-radius:24px}.createGoalIntro h2,.goalListHeader h2{font-size:32px}.iconPicker{grid-template-columns:repeat(3,1fr);width:100%}.goalForm button,.goalForm input,.iconChoice{width:100%}.goalCard{padding:20px;border-radius:24px}}.premiumKickerLine{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;color:#c7d2fe}.achievementsProPage{min-height:100vh;padding:24px;display:grid;grid-gap:18px;gap:18px;background:radial-gradient(900px 520px at 10% -10%,rgba(99,102,241,.14),transparent 55%),#f8fafc;color:#0f172a}.achievementsProHero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:34px;border-radius:34px;color:#fff;background:radial-gradient(760px 320px at 92% 0,rgba(124,58,237,.72),transparent 58%),linear-gradient(135deg,#0f172a,#1e1b4b 58%,#4f46e5);box-shadow:0 28px 90px rgba(15,23,42,.18);overflow:hidden}.achievementsHeroText h1{font-size:clamp(34px,5vw,58px);line-height:1;letter-spacing:-2px;margin:14px 0 12px}.achievementsHeroText p{margin:0;max-width:660px;color:#e0e7ff;line-height:1.65}.achievementsProgressCard{min-width:245px;display:flex;align-items:center;gap:18px;padding:18px;border-radius:28px;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.16);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.achievementsProgressCard>div:last-child strong{display:block;font-size:30px;letter-spacing:-.8px}.achievementsProgressCard>div:last-child span{display:block;color:#ddd6fe;font-weight:800}.progressRing{--value:0%;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(#fff var(--value),hsla(0,0%,100%,.16) 0);position:relative}.progressRing:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#312e81}.progressRing small,.progressRing strong{position:relative;z-index:1}.progressRing strong{font-size:22px}.progressRing small{font-size:11px;color:#c7d2fe;font-weight:900}.achievementsSummaryGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.summaryCard{display:flex;align-items:center;gap:14px;padding:18px;border-radius:24px;background:hsla(0,0%,100%,.86);border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 50px rgba(15,23,42,.06)}.summaryCard svg{color:#4f46e5}.summaryCard span{display:block;color:#64748b;font-size:13px}.summaryCard strong{display:block;font-size:18px;letter-spacing:-.3px}.achievementsProGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.achievementProCard{min-height:245px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:24px;border-radius:30px;background:hsla(0,0%,100%,.88);border:1px solid rgba(15,23,42,.08);box-shadow:0 20px 60px rgba(15,23,42,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.achievementProCard:hover{transform:translateY(-4px);box-shadow:0 28px 80px rgba(15,23,42,.1)}.achievementProCard.isLocked{opacity:.72;filter:saturate(.8)}.achievementTopRow{display:flex;align-items:center;justify-content:space-between;gap:12px}.achievementIconBubble{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:#eef2ff;color:#4f46e5;border:1px solid rgba(79,70,229,.14)}.achievementStatePill{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;background:#f8fafc;border:1px solid rgba(15,23,42,.07);font-size:12px;font-weight:900;color:#64748b}.achievementProCard.isUnlocked .achievementStatePill{background:#dcfce7;color:#166534;border-color:#bbf7d0}.achievementProCard.isUnlocked .achievementIconBubble{background:linear-gradient(135deg,#dcfce7,#f0fdf4);color:#16a34a;border-color:rgba(22,163,74,.2)}.achievementProCard h2{margin:0;font-size:25px;line-height:1.1;letter-spacing:-.8px}.achievementProCard p{margin:0;color:#64748b;line-height:1.55}.achievementFooterLine{padding-top:14px;border-top:1px solid rgba(15,23,42,.07);color:#64748b;font-size:13px;font-weight:800}.accent-violet .achievementIconBubble{background:#f3e8ff;color:#7c3aed}.accent-indigo .achievementIconBubble{background:#eef2ff;color:#4f46e5}.accent-amber .achievementIconBubble{background:#fef3c7;color:#d97706}.accent-cyan .achievementIconBubble{background:#ecfeff;color:#0891b2}.accent-green .achievementIconBubble{background:#dcfce7;color:#16a34a}.accent-blue .achievementIconBubble{background:#dbeafe;color:#2563eb}@media(max-width:1050px){.achievementsProGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.achievementsProHero{align-items:flex-start;flex-direction:column}.achievementsProgressCard{width:100%}.achievementsSummaryGrid{grid-template-columns:1fr}}@media(max-width:640px){.achievementsProPage{padding:14px}.achievementsProHero{padding:24px;border-radius:28px}.achievementsHeroText h1{font-size:40px}.achievementsProgressCard{flex-direction:row}.achievementsProGrid{grid-template-columns:1fr}.achievementProCard{min-height:210px;padding:20px;border-radius:26px}.achievementProCard h2{font-size:22px}.progressRing{width:82px;height:82px}.summaryCard{border-radius:20px}}.integrationsProPage{min-height:100vh;padding:24px;display:grid;grid-gap:18px;gap:18px;background:radial-gradient(900px 520px at 12% -10%,rgba(99,102,241,.13),transparent 55%),#f8fafc;color:#0f172a}.integrationsProHero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:34px;border-radius:34px;color:#fff;background:radial-gradient(760px 320px at 92% 0,rgba(37,99,235,.72),transparent 58%),linear-gradient(135deg,#020617,#1e1b4b 56%,#2563eb);box-shadow:0 28px 90px rgba(15,23,42,.18)}.integrationsProHero h1{font-size:clamp(34px,5vw,56px);line-height:1;letter-spacing:-2px;margin:14px 0 12px;max-width:760px}.integrationsProHero p{margin:0;color:#dbeafe;line-height:1.65;max-width:720px}.heroStatusChip,.statePill{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:10px 13px;border-radius:999px;font-size:13px;font-weight:950;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.14)}.heroStatusChip span,.statePill span{width:9px;height:9px;border-radius:999px;background:#94a3b8}.heroStatusChip.online span,.statePill.online span{background:#22c55e}.heroStatusChip.pending span,.statePill.pending span{background:#f59e0b}.heroStatusChip.offline span,.statePill.offline span{background:#ef4444}.integrationStatusGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.integrationMiniCard{display:flex;align-items:center;gap:14px;padding:18px;border-radius:24px;background:hsla(0,0%,100%,.88);border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 50px rgba(15,23,42,.06)}.integrationMiniCard span{display:block;color:#64748b;font-size:13px}.integrationMiniCard strong{display:block;font-size:18px;letter-spacing:-.3px}.proIconBubble{width:44px;height:44px;display:grid;place-items:center;border-radius:16px;color:#4f46e5;background:#eef2ff;border:1px solid rgba(79,70,229,.14);flex:0 0 auto}.proIconBubble.large{width:56px;height:56px;border-radius:20px}.integrationMainGrid{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:16px;gap:16px}.integrationPanel{background:hsla(0,0%,100%,.9);border:1px solid rgba(15,23,42,.08);border-radius:30px;box-shadow:0 20px 60px rgba(15,23,42,.06);padding:24px}.panelTitleRow{display:flex;align-items:center;gap:14px;margin-bottom:18px}.howPanel h2,.panelTitleRow h2{margin:0;font-size:24px;letter-spacing:-.8px}.panelTitleRow p{margin:4px 0 0;color:#64748b}.panelTitleRow .statePill{margin-left:auto;background:#f8fafc;border-color:rgba(15,23,42,.08);color:#64748b}.emptyIntegrationBox{padding:20px;border-radius:22px;background:#f8fafc;color:#64748b;border:1px dashed rgba(15,23,42,.14)}.connectPanel,.connectedBox,.verifyPanel{display:grid;grid-gap:16px;gap:16px}.linkedNumberBox{display:flex;align-items:center;gap:14px;padding:18px;border-radius:24px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(15,23,42,.08)}.linkedNumberBox small,.linkedNumberBox span{display:block;color:#64748b}.linkedNumberBox strong{display:block;font-size:20px;margin:3px 0}.verifiedIcon{margin-left:auto;color:#16a34a}.commandsPanel{padding:18px;border-radius:24px;background:#f8fafc;border:1px solid rgba(15,23,42,.08)}.commandsPanel h3{margin:0 0 14px;font-size:16px;color:#334155}.commandGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.commandItem{display:flex;align-items:flex-start;gap:10px;padding:13px;border-radius:18px;background:#fff;border:1px solid rgba(15,23,42,.06)}.commandItem svg{color:#4f46e5;flex:0 0 auto;margin-top:2px}.commandItem strong{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.commandItem span{display:block;color:#64748b;font-size:12px;margin-top:3px}.dangerActionBtn,.primaryActionBtn{border:0;border-radius:18px;padding:14px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:950;cursor:pointer}.primaryActionBtn{color:#fff;background:linear-gradient(135deg,#4f46e5,#6d5dfc);box-shadow:0 16px 36px rgba(79,70,229,.22)}.dangerActionBtn{justify-self:start;color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.dangerActionBtn:disabled,.primaryActionBtn:disabled{opacity:.55;cursor:not-allowed}.premiumInput{min-width:0;width:100%;border:1px solid rgba(15,23,42,.12);border-radius:18px;padding:15px 16px;background:#fff;font-weight:750;outline:none}.premiumInput:disabled{background:#f1f5f9;color:#94a3b8}.codeInput{max-width:160px;text-align:center;letter-spacing:5px;font-size:18px}.connectRow,.verifyRow{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px}.connectPanel label{font-size:13px;color:#64748b;font-weight:850}.infoCallout{display:flex;align-items:center;gap:9px;padding:13px 14px;border-radius:18px;font-size:14px;font-weight:750}.infoCallout.warning{background:#fef3c7;color:#92400e}.infoCallout.pending{background:#eef2ff;color:#3730a3}.formMessage{font-size:13px;font-weight:850}.formMessage.ok{color:#16a34a}.formMessage.err{color:#dc2626}.howPanel{align-self:start}.howPanel h2{margin:14px 0 12px}.howPanel ol{margin:0;padding-left:18px;color:#64748b;line-height:1.9}.howPanel li{padding-left:6px}.howPanel li::marker{font-weight:950;color:#4f46e5}@media(max-width:1000px){.integrationMainGrid,.integrationStatusGrid{grid-template-columns:1fr}.integrationsProHero{align-items:flex-start;flex-direction:column}.heroStatusChip{align-self:flex-start}}@media(max-width:640px){.integrationsProPage{padding:14px}.integrationsProHero{padding:24px;border-radius:28px}.integrationsProHero h1{font-size:38px}.integrationPanel{padding:20px;border-radius:26px}.panelTitleRow{align-items:flex-start;flex-wrap:wrap}.panelTitleRow .statePill{margin-left:0}.commandGrid,.connectRow,.verifyRow{grid-template-columns:1fr}.codeInput{max-width:100%}.dangerActionBtn,.primaryActionBtn{width:100%}.linkedNumberBox{align-items:flex-start}.integrationMiniCard{border-radius:20px}}