:root {
  --ink: #0d1230;
  --ink-soft: #596078;
  --surface: #f7f8fc;
  --white: #fff;
  --line: #e8eaf2;
  --night: #090d25;
  --violet: #7257ff;
  --violet-soft: #ece9ff;
  --mint: #45d5ad;
  --mint-soft: #dcfaef;
  --gold: #f2bc5d;
  --gold-soft: #fff1d8;
  --pink: #ef6f9b;
  --red: #dc5b69;
  --shadow: 0 18px 48px rgba(22, 27, 62, .12);
  --radius-xl: 28px;
  --radius-lg: 22px;
  --radius-md: 16px;
  font-family: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: #11162f;
  font-synthesis: none;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 15% 0%, #303867 0, transparent 30%), #0b1028; }
button, input, textarea { font: inherit; }
button { color: inherit; }
button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid rgba(114, 87, 255, .3); outline-offset: 2px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }

.ambient { position: fixed; pointer-events: none; filter: blur(70px); opacity: .22; border-radius: 50%; }
.ambient-one { width: 300px; height: 300px; background: #6d55ff; top: 4%; left: 5%; }
.ambient-two { width: 220px; height: 220px; background: #2ed9aa; right: 4%; bottom: 10%; }

.phone-shell { width: 100%; min-height: 100vh; background: var(--surface); position: relative; overflow-x: hidden; padding-bottom: calc(96px + env(safe-area-inset-bottom)); }
.app-header { height: 82px; padding: calc(13px + env(safe-area-inset-top)) 20px 12px; display: flex; align-items: center; justify-content: space-between; background: rgba(247,248,252,.88); backdrop-filter: blur(18px); position: sticky; top: 0; z-index: 30; border-bottom: 1px solid rgba(232,234,242,.72); }
.brand { display: flex; align-items: center; gap: 10px; border: 0; background: transparent; padding: 0; text-align: left; cursor: pointer; }
.brand-mark { width: 38px; height: 38px; position: relative; display: grid; place-items: center; border-radius: 13px; background: var(--night); overflow: hidden; }
.brand-mark::after { content: ""; width: 26px; height: 10px; border: 1.5px solid var(--gold); border-radius: 50%; position: absolute; transform: rotate(-28deg); }
.brand-planet { width: 11px; height: 11px; border-radius: 50%; background: linear-gradient(135deg, var(--mint), #7c62ff); box-shadow: 0 0 13px rgba(69,213,173,.8); }
.brand strong { display: block; font: 800 16px/1.05 "Manrope", sans-serif; letter-spacing: -.3px; }
.eyebrow { display: block; color: #777e96; font-size: 10px; line-height: 1.5; font-weight: 800; letter-spacing: 1.45px; }
.header-actions { display: flex; align-items: center; gap: 9px; }
.icon-button, .avatar, .ghost-icon, .small-icon, .close-button, .circle-add { border: 0; cursor: pointer; display: grid; place-items: center; }
.icon-button { width: 39px; height: 39px; border-radius: 50%; background: var(--white); box-shadow: 0 4px 16px rgba(21,25,58,.08); }
.live-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 5px rgba(69,213,173,.15); display: inline-block; }
.avatar { width: 39px; height: 39px; border-radius: 50%; background: linear-gradient(135deg, #7861ff, #b196ff); color: white; font-size: 11px; font-weight: 800; }

.screen { display: none; padding: 16px 16px 12px; animation: screenIn .35s ease; }
.screen.is-active { display: block; }
@keyframes screenIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

.hero-card { position: relative; min-height: 430px; border-radius: 30px; overflow: hidden; color: white; box-shadow: 0 25px 46px rgba(14,18,48,.26); }
.hero-card > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 52% 58%; }
.hero-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(7,10,32,.08), rgba(7,10,32,.22) 42%, rgba(7,10,32,.94) 88%); }
.hero-content { position: relative; min-height: 430px; padding: 20px; display: flex; flex-direction: column; justify-content: flex-end; }
.hero-topline { position: absolute; inset: 18px 18px auto; display: flex; align-items: center; justify-content: space-between; }
.status-pill { display: inline-flex; align-items: center; gap: 7px; background: rgba(11,15,39,.6); border: 1px solid rgba(255,255,255,.16); padding: 7px 10px; border-radius: 99px; font-size: 10px; font-weight: 700; backdrop-filter: blur(10px); }
.status-pill span { width: 6px; height: 6px; background: var(--mint); border-radius: 50%; box-shadow: 0 0 9px var(--mint); }
.ghost-icon { width: 33px; height: 33px; border-radius: 50%; background: rgba(11,15,39,.52); border: 1px solid rgba(255,255,255,.15); }
.ghost-icon svg { width: 17px; stroke: #fff; fill: none; stroke-width: 1.8; }
.hero-content > p { margin: 0 0 3px; color: rgba(255,255,255,.73); font-size: 13px; }
.balance { margin: 0; font: 800 42px/1 "Manrope", sans-serif; letter-spacing: -2px; }
.hero-meta { display: flex; justify-content: space-between; gap: 12px; font-size: 10px; color: rgba(255,255,255,.62); margin: 10px 0 16px; }
.positive { color: #2fc69d !important; }
.negative { color: var(--red) !important; }
.primary-button { border: 0; border-radius: 15px; background: var(--mint); color: #071d22; font-weight: 800; padding: 14px 16px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; box-shadow: 0 10px 28px rgba(69,213,173,.22); }
.primary-button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; }
.primary-button:active { transform: translateY(1px); }

.section-heading { display: flex; align-items: flex-end; justify-content: space-between; margin: 32px 2px 14px; }
.section-heading.compact { margin-top: 26px; }
.section-heading h2 { margin: 1px 0 0; font: 800 22px/1.2 "Manrope", sans-serif; letter-spacing: -.6px; }
.text-button { border: 0; background: none; color: var(--violet); font-size: 12px; font-weight: 800; cursor: pointer; padding: 6px 0; }

.insight-card { border: 1px solid rgba(114,87,255,.12); background: linear-gradient(135deg, #fff, #f0efff); border-radius: var(--radius-lg); padding: 16px; width: 100%; display: grid; grid-template-columns: 42px 1fr 30px; gap: 12px; text-align: left; align-items: center; cursor: pointer; box-shadow: 0 9px 30px rgba(35,28,88,.08); }
.insight-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 14px; background: var(--violet); box-shadow: 0 8px 18px rgba(114,87,255,.28); }
.insight-icon svg { width: 20px; fill: none; stroke: white; stroke-width: 1.7; }
.chip { display: inline-flex; color: var(--violet); background: rgba(114,87,255,.09); border-radius: 99px; padding: 5px 8px; font-size: 9px; font-weight: 800; letter-spacing: 1.05px; }
.insight-copy strong { display: block; font: 800 13px/1.3 "Manrope", sans-serif; margin: 6px 0 3px; }
.insight-copy small { display: block; color: var(--ink-soft); font-size: 10px; line-height: 1.4; }
.round-arrow { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: white; color: var(--violet); font-weight: 800; }

.allocation-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 12px; }
.allocation-card { min-height: 158px; border-radius: var(--radius-lg); padding: 15px; position: relative; overflow: hidden; }
.allocation-card.violet { color: white; background: linear-gradient(145deg, #6650e8, #8c75ff); grid-row: span 2; min-height: 326px; display: flex; flex-direction: column; }
.allocation-card.mint { background: var(--mint-soft); }
.allocation-card.gold { background: var(--gold-soft); }
.allocation-top { display: flex; justify-content: space-between; font-size: 10px; font-weight: 700; opacity: .78; }
.allocation-card strong { display: block; font: 800 22px/1 "Manrope", sans-serif; margin: 12px 0; letter-spacing: -.8px; }
.allocation-card small { font-size: 9px; font-weight: 700; opacity: .7; margin-top: auto; }
.mini-bars { display: flex; align-items: flex-end; gap: 5px; height: 120px; margin: 18px 0; }
.mini-bars i { flex: 1; background: rgba(255,255,255,.4); border-radius: 5px 5px 2px 2px; }
.mini-bars i:nth-child(1){height:25%}.mini-bars i:nth-child(2){height:38%}.mini-bars i:nth-child(3){height:32%}.mini-bars i:nth-child(4){height:52%}.mini-bars i:nth-child(5){height:62%}.mini-bars i:nth-child(6){height:79%}.mini-bars i:nth-child(7){height:100%;background:var(--mint)}
.goal-ring { width: 52px; height: 52px; border: 6px solid rgba(18,91,74,.12); border-right-color: var(--mint); border-top-color: var(--mint); border-radius: 50%; display: grid; place-items: center; transform: rotate(-35deg); position: absolute; right: 15px; bottom: 18px; }
.goal-ring span { transform: rotate(35deg); font-size: 9px; font-weight: 800; }
.asset-dots { display: flex; margin: 11px 0 5px; }
.asset-dots i { width: 28px; height: 28px; border-radius: 50%; border: 2px solid var(--gold-soft); margin-left: -6px; background: var(--gold); }
.asset-dots i:first-child { margin-left: 0; background: #1b2d69; }.asset-dots i:nth-child(2){background:#efb856}.asset-dots i:nth-child(3){background:#8d6cf0}

.goal-card, .plan-health, .route-card, .permission-card { background: var(--white); border: 1px solid var(--line); box-shadow: 0 9px 30px rgba(24,29,65,.06); }
.goal-card { border-radius: var(--radius-lg); margin-top: 12px; padding: 17px; }
.goal-header { display: flex; align-items: center; gap: 11px; }
.goal-symbol { width: 40px; height: 40px; border-radius: 13px; background: #ffe9ef; display: grid; place-items: center; color: var(--pink); flex: 0 0 auto; }
.goal-symbol svg { width: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.goal-title { flex: 1; }.goal-title span { display:block;color:var(--ink-soft);font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:800}.goal-title strong{font:800 13px/1.3 "Manrope",sans-serif}
.small-icon { width: 31px; height: 31px; border-radius: 50%; background: var(--surface); color: var(--violet); }
.progress-copy, .goal-footer { display: flex; justify-content: space-between; font-size: 9px; color: var(--ink-soft); margin-top: 16px; }
.progress-track { height: 7px; border-radius: 99px; background: #f0f1f6; overflow: hidden; margin-top: 7px; }
.progress-track span { display: block; height: 100%; background: linear-gradient(90deg, var(--pink), #f9a6bf); border-radius: inherit; }
.goal-footer { margin-top: 9px; }.on-track{color:#1a9c78;font-weight:800}


.page-intro { padding: 14px 3px 8px; }
.page-intro h1, .assistant-hero h1, .profile-hero h1 { margin: 4px 0 7px; font: 800 31px/1.12 "Manrope", sans-serif; letter-spacing: -1.2px; }
.page-intro p, .assistant-hero p { color: var(--ink-soft); font-size: 12px; line-height: 1.6; margin: 0; }

.assistant-hero { text-align: center; padding: 18px 12px 22px; }
.assistant-orb { width: 82px; height: 82px; margin: 0 auto 17px; border-radius: 50%; display: grid; place-items: center; background: radial-gradient(circle at 35% 35%, #8f7cff, #362b85 62%, #171a44); box-shadow: 0 15px 35px rgba(79,61,184,.32), inset 0 0 18px rgba(255,255,255,.18); position: relative; }
.assistant-orb::before, .assistant-orb::after { content:""; position:absolute; border:1px solid rgba(114,87,255,.35); border-radius:50%; }
.assistant-orb::before { inset:-7px 8px; transform:rotate(45deg) }.assistant-orb::after{inset:10px -8px;transform:rotate(-30deg)}
.assistant-orb span { width: 15px; height: 15px; background: var(--mint); border-radius: 50%; box-shadow: 0 0 22px var(--mint); }
.assistant-orb i { position:absolute;width:6px;height:6px;border-radius:50%;background:var(--gold);right:2px;top:20px;box-shadow:0 0 10px var(--gold)}
.suggestion-row { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding: 0 1px 12px; }.suggestion-row::-webkit-scrollbar{display:none}
.prompt-chip { border: 1px solid var(--line); background: white; padding: 10px 12px; border-radius: 99px; white-space: nowrap; font-size: 10px; font-weight: 700; cursor:pointer; }
.chat { min-height: 330px; padding: 10px 0 135px; }
.message { display: flex; gap: 9px; align-items: flex-end; margin: 12px 0; animation: messageIn .3s ease; }
@keyframes messageIn { from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none} }
.message.user-message { justify-content: flex-end; }.message-avatar{width:29px;height:29px;border-radius:10px;background:var(--violet);color:white;display:grid;place-items:center;font-weight:800;font-size:10px;flex:0 0 auto}
.bubble { max-width: 82%; background: white; border: 1px solid var(--line); border-radius: 18px 18px 18px 5px; padding: 12px 13px; box-shadow: 0 8px 20px rgba(22,27,62,.05); }
.user-message .bubble { background: var(--night); color: white; border-color: var(--night); border-radius:18px 18px 5px 18px; }
.bubble strong{font:800 12px/1.3 "Manrope",sans-serif}.bubble p{font-size:11px;line-height:1.55;margin:5px 0 0;color:var(--ink-soft)}.user-message .bubble p{color:white;margin:0}
.answer-card { margin-top:10px;padding:11px;background:var(--surface);border-radius:12px }.answer-card span{display:flex;justify-content:space-between;font-size:9px;margin:5px 0}.answer-card b{font-weight:800}.answer-verdict{color:#158966!important;font-weight:800}
.chat-composer { position: fixed; z-index: 22; left: 12px; right: 12px; bottom: calc(77px + env(safe-area-inset-bottom)); max-width: 426px; margin: auto; background: rgba(255,255,255,.9); backdrop-filter: blur(18px); border:1px solid var(--line); box-shadow:var(--shadow); border-radius:20px; padding:7px 7px 7px 13px; display:none;align-items:flex-end;gap:8px}.screen[data-screen="ask"].is-active .chat-composer{display:flex}
.chat-composer textarea{flex:1;border:0;background:transparent;resize:none;min-height:40px;max-height:100px;padding:11px 0;font-size:12px;color:var(--ink)}.chat-composer textarea:focus{outline:none}.chat-composer button{width:40px;height:40px;border:0;border-radius:14px;background:var(--violet);display:grid;place-items:center;cursor:pointer}.chat-composer svg{width:19px;fill:none;stroke:white;stroke-width:1.8}
.trust-note{font-size:9px;color:var(--ink-soft);display:flex;gap:6px;align-items:center;justify-content:center;margin:0 0 10px}.trust-note svg{width:13px;fill:none;stroke:#2a9d7d;stroke-width:1.7}

.market-status { display:flex;align-items:center;justify-content:space-between;background:white;border:1px solid var(--line);border-radius:14px;padding:11px 13px;margin:10px 0 12px;font-size:9px;color:var(--ink-soft)}.market-status div{display:flex;align-items:center;gap:8px;color:var(--ink)}
.segmented-control { display:grid;grid-template-columns:repeat(3,1fr);background:#eceef5;border-radius:13px;padding:4px;gap:3px}.segmented-control button{border:0;background:transparent;border-radius:10px;padding:9px 4px;font-size:10px;font-weight:800;color:var(--ink-soft);cursor:pointer}.segmented-control button.is-selected{background:white;color:var(--ink);box-shadow:0 3px 10px rgba(22,27,62,.08)}
.market-brief { background:linear-gradient(145deg,#121735,#292f5b);color:white;border-radius:var(--radius-xl);padding:19px;margin-top:12px;box-shadow:0 18px 38px rgba(16,21,52,.18)}
.brief-heading{display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.5);font-size:9px}.market-brief .chip{color:var(--mint);background:rgba(69,213,173,.12)}.market-brief h2{font:800 20px/1.2 "Manrope",sans-serif;letter-spacing:-.5px;margin:20px 0 7px;max-width:280px}.market-brief p{font-size:10px;line-height:1.55;color:rgba(255,255,255,.62);margin:0}.brief-factors{border-top:1px solid rgba(255,255,255,.12);margin-top:16px;padding-top:12px;display:flex;justify-content:space-between;font-size:9px;color:var(--mint)}
.watchlist{background:white;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.ticker-row{display:grid;grid-template-columns:36px 1fr 70px 62px;gap:9px;align-items:center;padding:13px;border-bottom:1px solid var(--line)}.ticker-row:last-child{border-bottom:0}.ticker-row[hidden]{display:none}.ticker-badge{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:9px;font-weight:800}.ticker-badge.blue{background:#e6efff;color:#4771c9}.mint-bg{background:var(--mint-soft);color:#148b6d}.violet-bg{background:var(--violet-soft);color:var(--violet)}.gold-bg{background:var(--gold-soft);color:#a97518}.ticker-row div:nth-child(2) strong{font:800 11px/1.2 "Manrope",sans-serif;display:block}.ticker-row div:nth-child(2) span{font-size:9px;color:var(--ink-soft)}.sparkline{width:70px;height:30px;fill:none;stroke-width:2}.sparkline.up{stroke:#2eb58f}.sparkline.down{stroke:#df6b77}.ticker-price{text-align:right}.ticker-price strong{display:block;font-size:10px}.ticker-price span{font-size:9px;font-weight:800}.research-safety{border:1px dashed #cbd0e0;border-radius:16px;padding:15px;margin-top:12px}.research-safety strong{font:800 11px/1.2 "Manrope",sans-serif}.research-safety p{font-size:10px;line-height:1.5;color:var(--ink-soft);margin:5px 0 0}

.plan-health { border-radius:var(--radius-lg);padding:16px;margin:10px 0 12px;display:flex;align-items:center;gap:15px}.health-ring{width:70px;height:70px;border:7px solid var(--mint-soft);border-top-color:var(--mint);border-right-color:var(--mint);border-radius:50%;display:grid;place-items:center;position:relative;transform:rotate(-20deg);flex:0 0 auto}.health-ring span{font:800 20px "Manrope",sans-serif;transform:rotate(20deg)}.health-ring small{position:absolute;font-size:7px;bottom:15px;right:12px;transform:rotate(20deg);color:var(--ink-soft)}.plan-health h2{font:800 15px/1.2 "Manrope",sans-serif;margin:3px 0}.plan-health p{font-size:9px;color:var(--ink-soft);margin:0}
.scenario-banner{background:linear-gradient(135deg,#eeeaff,#f8f6ff);border:1px solid rgba(114,87,255,.12);border-radius:var(--radius-lg);padding:16px;display:flex;align-items:end;justify-content:space-between;gap:12px}.scenario-banner h3{font:800 13px/1.25 "Manrope",sans-serif;margin:8px 0 3px}.scenario-banner p{font-size:9px;color:var(--ink-soft);margin:0}.scenario-banner button{border:0;background:var(--violet);color:white;border-radius:11px;padding:10px;font-size:9px;font-weight:800;white-space:nowrap;cursor:pointer}.circle-add{width:31px;height:31px;border-radius:50%;background:var(--night);color:white;font-size:18px}
.goals-list{display:grid;gap:11px}.route-card{border-radius:var(--radius-lg);padding:16px;position:relative;overflow:hidden}.route-accent{position:absolute;left:0;top:0;bottom:0;width:4px}.route-accent.pink{background:var(--pink)}.mint-accent{background:var(--mint)}.violet-accent{background:var(--violet)}.route-top{display:flex;align-items:center;gap:10px}.route-top>div:nth-child(2){flex:1}.route-top span{font-size:8px;color:var(--ink-soft);letter-spacing:1px;font-weight:800}.route-top h3{font:800 13px/1.2 "Manrope",sans-serif;margin:2px 0}.route-top>strong{font:800 14px "Manrope",sans-serif}.route-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:13px}.route-stats span{font-size:9px;font-weight:800}.route-stats small{display:block;font-size:7px;color:var(--ink-soft);font-weight:600;margin-bottom:2px}.mint-progress span{background:var(--mint)}.violet-progress span{background:var(--violet)}

.profile-hero{display:flex;align-items:center;gap:14px;padding:17px 3px 21px}.large-avatar{width:66px;height:66px;border-radius:21px;background:linear-gradient(135deg,#6e56ef,#b49dfb);color:white;display:grid;place-items:center;font:800 17px "Manrope",sans-serif;box-shadow:0 12px 26px rgba(114,87,255,.24)}.profile-hero h1{font-size:24px}.profile-hero p{font-size:9px;color:var(--ink-soft);margin:0}.settings-group{background:white;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:13px}.settings-label{display:block;padding:13px 14px 8px;font-size:9px;color:var(--ink-soft);font-weight:800;letter-spacing:1.2px}.settings-row{width:100%;border:0;border-top:1px solid var(--line);background:white;padding:12px 13px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;text-align:left;cursor:pointer}.setting-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center}.setting-icon svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.setting-icon.bank{background:#e7efff;color:#4971c2}.setting-icon.mandate{background:var(--mint-soft);color:#188c6e}.setting-icon.broker{background:var(--gold-soft);color:#aa781b}.setting-icon.ai{background:var(--violet-soft);color:var(--violet)}.setting-icon.privacy{background:#ffecef;color:#ce6173}.settings-row strong{display:block;font:800 11px/1.25 "Manrope",sans-serif}.settings-row small{font-size:9px;color:var(--ink-soft)}.settings-row>i{font-style:normal;color:#9ca1b4;font-size:19px}.toggle{width:38px;height:22px;border-radius:99px;background:#cdd1dd;padding:3px}.toggle i{display:block;width:16px;height:16px;border-radius:50%;background:white;transition:.2s}.toggle.is-on{background:var(--violet)}.toggle.is-on i{transform:translateX(16px)}
.permission-card{border-radius:var(--radius-lg);padding:15px;display:flex;gap:11px;align-items:flex-start}.permission-icon{width:37px;height:37px;border-radius:12px;background:var(--night);display:grid;place-items:center;flex:0 0 auto}.permission-icon svg{width:18px;fill:none;stroke:var(--mint);stroke-width:1.7}.permission-card strong{font:800 11px/1.3 "Manrope",sans-serif}.permission-card p{font-size:9px;line-height:1.5;color:var(--ink-soft);margin:4px 0 0}

.autopilot-card { width:100%; margin-top:12px; border:1px solid rgba(114,87,255,.14); border-radius:var(--radius-lg); background:linear-gradient(135deg,#111735,#242a57); color:white; padding:14px; display:grid; grid-template-columns:42px 1fr auto; gap:11px; align-items:center; text-align:left; cursor:pointer; box-shadow:0 12px 30px rgba(14,19,52,.16); }
.autopilot-mark { width:42px; height:42px; border-radius:14px; background:rgba(69,213,173,.13); color:var(--mint); display:grid; place-items:center; }
.autopilot-mark svg { width:22px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.autopilot-copy strong { display:block; font:800 13px/1.3 "Manrope",sans-serif; margin:2px 0; }.autopilot-copy small{display:block;color:rgba(255,255,255,.58);font-size:9px;line-height:1.4}.autopilot-card .eyebrow{color:var(--mint)}
.master-state { display:grid; grid-template-columns:20px auto; align-items:center; gap:5px; color:#9da5c1; font-size:9px; font-weight:800; }.master-state i{display:block;width:20px;height:20px;border-radius:50%;background:#424966;border:6px solid #747b96}.master-state.is-on{color:var(--mint)}.master-state.is-on i{background:var(--mint);border-color:rgba(69,213,173,.28);box-shadow:0 0 14px rgba(69,213,173,.5)}
.corpus-card { width:100%; border:1px solid var(--line); border-radius:var(--radius-lg); background:white; margin-top:12px; padding:16px; display:grid; grid-template-columns:1fr 76px 28px; align-items:center; gap:10px; text-align:left; cursor:pointer; box-shadow:0 9px 30px rgba(24,29,65,.06); }.corpus-card strong{display:block;font:800 18px/1.2 "Manrope",sans-serif;margin:4px 0}.corpus-card small{display:block;color:var(--ink-soft);font-size:9px}.corpus-visual{height:42px;display:flex;align-items:flex-end;gap:5px}.corpus-visual i{flex:1;border-radius:5px 5px 2px 2px;background:var(--violet)}.corpus-visual i:first-child{height:42%;background:var(--gold)}.corpus-visual i:nth-child(2){height:72%;background:var(--mint)}.corpus-visual i:last-child{height:100%}

.opportunity-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.opportunity-card{min-height:184px;border:1px solid var(--line);border-radius:var(--radius-lg);background:white;padding:15px;text-align:left;position:relative;cursor:pointer}.opportunity-card.ipo{background:#fffaf1}.opportunity-type{font-size:8px;font-weight:800;letter-spacing:1px;color:var(--violet)}.confidence-ring{position:absolute;right:13px;top:12px;width:34px;height:34px;border-radius:50%;border:4px solid var(--mint-soft);border-top-color:var(--mint);display:grid;place-items:center;font-size:9px;font-weight:800}.confidence-ring.caution{border-color:#fff0d2;border-top-color:var(--gold)}.opportunity-card strong{display:block;font:800 13px/1.3 "Manrope",sans-serif;margin:44px 0 5px}.opportunity-card small{display:block;font-size:9px;line-height:1.5;color:var(--ink-soft)}.thesis-state{display:block;font-size:8px;font-weight:800;color:#198d70;margin-top:12px}
.property-teaser { width:100%; border:0; border-radius:var(--radius-lg); background:linear-gradient(135deg,#e8fff6,#eff0ff); padding:15px; margin-top:12px; display:grid; grid-template-columns:42px 1fr 28px; gap:11px; align-items:center; text-align:left; cursor:pointer}.property-pin{width:42px;height:42px;border-radius:14px;background:var(--night);color:var(--mint);display:grid;place-items:center}.property-pin svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.7}.property-teaser strong{display:block;font:800 12px/1.3 "Manrope",sans-serif;margin:3px 0}.property-teaser small{font-size:9px;line-height:1.4;color:var(--ink-soft)}

.page-intro-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.page-intro-row>div{flex:1}.corpus-hero{border-radius:var(--radius-xl);background:linear-gradient(145deg,#111735,#2c3262);color:white;padding:19px;box-shadow:0 18px 38px rgba(16,21,52,.2)}.corpus-top,.corpus-change{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:rgba(255,255,255,.62)}.sync-state{color:var(--mint)}.corpus-hero h2{font:800 32px/1 "Manrope",sans-serif;letter-spacing:-1.2px;margin:12px 0}.allocation-band{display:flex;height:9px;border-radius:99px;overflow:hidden;margin:19px 0 10px;background:rgba(255,255,255,.1)}.allocation-band i:first-child{background:var(--violet)}.allocation-band i:nth-child(2){background:var(--mint)}.allocation-band i:nth-child(3){background:var(--gold)}.allocation-band i:nth-child(4){background:#e8ecff}.allocation-legend{display:grid;grid-template-columns:1fr 1fr;gap:7px;font-size:8px;color:rgba(255,255,255,.65)}.allocation-legend span{display:flex;align-items:center;gap:5px}.allocation-legend i{width:7px;height:7px;border-radius:2px}.legend-equity{background:var(--violet)}.legend-debt{background:var(--mint)}.legend-gold{background:var(--gold)}.legend-cash{background:#e8ecff}.portfolio-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.portfolio-metrics article{background:white;border:1px solid var(--line);border-radius:17px;padding:14px}.portfolio-metrics span,.portfolio-metrics small{display:block;color:var(--ink-soft);font-size:9px}.portfolio-metrics strong{display:block;font:800 17px/1.2 "Manrope",sans-serif;margin:6px 0 2px}.fund-list{background:white;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.fund-row{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:13px;border-bottom:1px solid var(--line)}.fund-row:last-child{border-bottom:0}.fund-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:9px;font-weight:800}.fund-icon.equity{background:var(--violet-soft);color:var(--violet)}.fund-icon.global{background:#e8efff;color:#4b72c6}.fund-icon.debt{background:var(--mint-soft);color:#16886b}.fund-icon.gold{background:var(--gold-soft);color:#a97417}.fund-row span:nth-child(2) strong,.fund-row span:last-child strong{display:block;font:800 10px/1.3 "Manrope",sans-serif}.fund-row span:nth-child(2) small,.fund-row span:last-child small{font-size:8px;color:var(--ink-soft)}.fund-row span:last-child{text-align:right}

.property-search{display:flex;gap:8px;background:white;border:1px solid var(--line);border-radius:15px;padding:5px 5px 5px 12px;margin:10px 0}.property-search input{flex:1;min-width:0;border:0;background:transparent;font-size:12px}.property-search input:focus{outline:0}.property-search button{width:39px;height:39px;border:0;border-radius:12px;background:var(--violet);display:grid;place-items:center;cursor:pointer}.property-search svg{width:18px;fill:none;stroke:white;stroke-width:1.8}.property-tabs{margin-bottom:12px}.property-brief{background:linear-gradient(145deg,#111735,#2b315f);color:white;border-radius:var(--radius-xl);padding:18px}.property-brief .chip{color:var(--mint);background:rgba(69,213,173,.12)}.property-brief h2{font:800 20px/1.2 "Manrope",sans-serif;margin:20px 0 6px}.property-brief p{font-size:10px;line-height:1.5;color:rgba(255,255,255,.62)}.property-factors{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.property-factors span{font-size:8px;border:1px solid rgba(255,255,255,.15);border-radius:99px;padding:6px 8px;color:rgba(255,255,255,.7)}.location-list{display:grid;gap:9px}.location-card{border:1px solid var(--line);background:white;border-radius:17px;padding:13px;display:grid;grid-template-columns:31px 1fr auto;gap:10px;align-items:center;text-align:left;cursor:pointer}.location-rank{width:31px;height:31px;border-radius:10px;background:var(--violet-soft);color:var(--violet);display:grid;place-items:center;font-size:8px;font-weight:800}.location-card strong{display:block;font:800 11px/1.3 "Manrope",sans-serif}.location-card small{display:block;font-size:8px;color:var(--ink-soft)}.location-card>span:last-child{text-align:right}.location-card b{display:block;font:800 16px "Manrope",sans-serif}.property-warning{border:1px dashed #d5b878;background:#fffaf0;border-radius:16px;padding:14px;margin-top:12px}.property-warning strong{font:800 10px/1.3 "Manrope",sans-serif}.property-warning p{font-size:9px;line-height:1.5;color:var(--ink-soft);margin:4px 0 0}

.small-goals{display:grid;grid-template-columns:1fr 1fr;gap:10px}.small-goals article{background:white;border:1px solid var(--line);border-radius:17px;padding:13px;display:grid;grid-template-columns:35px 1fr auto;gap:8px;align-items:center}.small-goal-icon{width:35px;height:35px;border-radius:11px;background:#ffeaf0;color:var(--pink);display:grid;place-items:center;font-size:9px;font-weight:800}.small-goal-icon.ac{background:var(--mint-soft);color:#16886b}.small-goals strong{display:block;font:800 10px/1.2 "Manrope",sans-serif}.small-goals small{display:block;font-size:7px;color:var(--ink-soft);margin-top:2px}.small-goals b{font-size:8px;color:var(--ink-soft)}.small-goals .progress-track{height:5px;margin-top:6px}

.setting-icon.autopilot{background:#e7fff6;color:#188c6e}.setting-icon.mode{background:#eef0ff;color:#5c68cc}.setting-icon.alerts{background:#fff0d9;color:#a97518}
.setting-icon.modules{background:#e8efff;color:#4f6fc1}

[hidden]{display:none!important}.module-heading{margin-top:18px}.module-dashboard{display:grid;gap:9px}.module-block{width:100%;border:1px solid var(--line);border-radius:17px;background:white;padding:12px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;text-align:left;cursor:pointer;box-shadow:0 7px 22px rgba(24,29,65,.04)}.module-block .module-glyph{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font:800 10px "Manrope",sans-serif}.module-block small,.module-block strong,.module-block em{display:block}.module-block small{font-size:7px;letter-spacing:.8px;color:var(--ink-soft);font-weight:800}.module-block strong{font:800 11px/1.3 "Manrope",sans-serif;margin:2px 0}.module-block em{font-style:normal;font-size:8px;color:var(--ink-soft)}.module-block>b{font-size:8px;color:var(--violet)}.card-module .module-glyph{background:#e8efff;color:#4f6fc1}.cash-module .module-glyph{background:var(--mint-soft);color:#188c6e}.crypto-module .module-glyph{background:#fff1d7;color:#9a6811;font-size:16px}.property-module .module-glyph{background:#f0ecff;color:var(--violet);font-size:16px}

.best-card-hero{border-radius:var(--radius-xl);background:linear-gradient(145deg,#101630,#293260);color:white;padding:18px;box-shadow:0 18px 38px rgba(16,21,52,.2)}.best-card-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:rgba(255,255,255,.58)}.best-card-top .chip{background:rgba(69,213,173,.13);color:var(--mint)}.best-card-hero h2{font:800 19px/1.25 "Manrope",sans-serif;margin:18px 0 6px}.best-card-hero>p{font-size:9px;line-height:1.5;color:rgba(255,255,255,.63)}.card-reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0}.card-reason-grid span{background:rgba(255,255,255,.07);border-radius:10px;padding:9px}.card-reason-grid small,.card-reason-grid strong{display:block}.card-reason-grid small{font-size:7px;color:rgba(255,255,255,.52)}.card-reason-grid strong{font-size:9px;margin-top:3px}.card-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.card-hero-actions button{border:0;border-radius:11px;background:var(--mint);color:var(--night);padding:10px 8px;font-size:8px;font-weight:800;cursor:pointer}.card-hero-actions button:last-child{background:white;color:var(--violet)}.cycle-legend{font-size:8px;color:var(--ink-soft)}.card-cycle-planner{display:grid;gap:8px}.cycle-row{border:1px solid var(--line);background:white;border-radius:16px;padding:11px;display:grid;grid-template-columns:66px 1fr auto;gap:9px;align-items:center}.cycle-row.is-current{border-color:rgba(69,213,173,.55);background:linear-gradient(135deg,#f2fff9,#f7f8ff)}.cycle-row.is-blocked{background:#fff8f9}.cycle-date{width:66px;min-height:39px;border-radius:10px;background:var(--violet-soft);color:var(--violet);display:grid;place-items:center;align-content:center;text-align:center;padding:5px}.cycle-row.is-current .cycle-date{background:var(--mint-soft);color:#16886b}.cycle-row.is-blocked .cycle-date{background:#ffecef;color:#bb5366}.cycle-date b,.cycle-date small,.cycle-row>span:nth-child(2) strong,.cycle-row>span:nth-child(2) small{display:block}.cycle-date b{font:800 8px/1.2 "Manrope",sans-serif}.cycle-date small{font-size:6px;margin-top:2px}.cycle-row>span:nth-child(2) strong{font:800 10px/1.25 "Manrope",sans-serif}.cycle-row>span:nth-child(2) small{font-size:8px;line-height:1.4;color:var(--ink-soft);margin-top:2px}.cycle-row>em{font-size:7px;font-weight:800;font-style:normal;color:#16886b}.cycle-row.is-blocked>em{color:#bb5366}.cycle-note{font-size:8px;line-height:1.5;color:var(--ink-soft);border-left:3px solid var(--gold);padding:7px 0 7px 10px;margin-top:8px}.credit-card-list{display:grid;gap:9px}.credit-card-item{border:1px solid var(--line);border-radius:17px;background:white;padding:12px;display:grid;grid-template-columns:39px 1fr auto;gap:9px;align-items:center}.credit-card-item.recommended{border-color:rgba(69,213,173,.55);box-shadow:0 8px 22px rgba(69,213,173,.09)}.card-brand{width:39px;height:39px;border-radius:12px;color:white;display:grid;place-items:center;font-weight:800}.hdfc-card{background:#4a6fb9}.icici-card{background:#d9793c}.axis-card{background:#a33363}.new-card{background:var(--violet)}.credit-card-item span:nth-child(2) strong,.credit-card-item span:nth-child(2) small,.credit-card-item span:nth-child(2) i,.credit-card-item>span:last-child b,.credit-card-item>span:last-child small,.credit-card-item>span:last-child em{display:block}.credit-card-item span:nth-child(2) strong{font:800 10px/1.3 "Manrope",sans-serif}.credit-card-item span:nth-child(2) small,.credit-card-item span:nth-child(2) i{font-size:8px;color:var(--ink-soft);font-style:normal}.credit-card-item>span:last-child{text-align:right}.credit-card-item>span:last-child b{font-size:10px}.credit-card-item>span:last-child small{font-size:7px;color:var(--ink-soft)}.credit-card-item>span:last-child em{width:max-content;margin:5px 0 0 auto;border-radius:99px;background:var(--mint-soft);color:#16886b;padding:3px 6px;font-size:7px;font-weight:800;font-style:normal}.credit-card-item>span:last-child .pay-state{background:#fff0dc;color:#a36d14}.credit-card-item>span:last-child .avoid-state{background:#ffecef;color:#bb5366}

.cashflow-hero{background:linear-gradient(140deg,#e7fff6,#eef0ff);border:1px solid rgba(69,213,173,.24);border-radius:var(--radius-xl);padding:18px}.cashflow-hero>span{font-size:9px;color:var(--ink-soft)}.cashflow-hero h2{font:800 29px/1 "Manrope",sans-serif;margin:9px 0 17px}.cashflow-hero>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cashflow-hero>div>span{background:rgba(255,255,255,.68);border-radius:11px;padding:10px}.cashflow-hero small,.cashflow-hero strong{display:block}.cashflow-hero small{font-size:7px;color:var(--ink-soft)}.cashflow-hero strong{font-size:10px;margin-top:3px}.money-list,.receivable-list{background:white;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.money-list article{display:grid;grid-template-columns:37px 1fr auto;gap:9px;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.money-list article:last-child,.receivable-list article:last-child{border-bottom:0}.money-avatar{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;font-size:9px;font-weight:800}.money-avatar.salary{background:#e8efff;color:#4f6fc1}.money-avatar.freelance{background:#fff0dc;color:#a36d14}.money-avatar.support{background:var(--mint-soft);color:#16886b}.money-list strong,.money-list small{display:block}.money-list strong{font-size:10px}.money-list small{font-size:8px;color:var(--ink-soft)}.money-list>b{font-size:10px}.receivable-list article{display:grid;grid-template-columns:39px 1fr auto;gap:9px;align-items:center;padding:12px;border-bottom:1px solid var(--line);transition:.2s}.receivable-list article.is-settled{opacity:.5}.due-date{width:39px;height:43px;border-radius:11px;background:#fff0dc;color:#a36d14;display:grid;place-items:center;align-content:center}.due-date.personal{background:#ffecef;color:#bb5366}.due-date b,.due-date small{display:block}.due-date b{font:800 13px/1 "Manrope",sans-serif}.due-date small{font-size:6px;margin-top:3px}.receivable-list span:nth-child(2) strong,.receivable-list span:nth-child(2) small{display:block}.receivable-list span:nth-child(2) strong{font-size:10px}.receivable-list span:nth-child(2) small{font-size:8px;color:var(--ink-soft)}.receivable-list>article>span:last-child{text-align:right}.receivable-list>article>span:last-child>b{display:block;font-size:10px}.settle-button{border:0;background:transparent;color:var(--violet);padding:4px 0 0;font-size:7px;font-weight:800;cursor:pointer}

.crypto-hero{border-radius:var(--radius-xl);background:linear-gradient(145deg,#171528,#342946);color:white;padding:18px}.crypto-hero>span{font-size:9px;color:rgba(255,255,255,.58)}.crypto-hero h2{font:800 29px/1 "Manrope",sans-serif;margin:10px 0 15px}.crypto-hero>div{display:flex;justify-content:space-between;font-size:9px;color:rgba(255,255,255,.62)}.live-dot.demo{background:var(--gold);box-shadow:0 0 0 4px rgba(233,180,85,.13)}.crypto-market-list{margin-top:11px;background:white;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.crypto-market-list article{display:grid;grid-template-columns:39px 1fr auto;gap:9px;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.crypto-market-list article:last-child{border-bottom:0}.coin{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;font-weight:800}.coin.btc{background:#fff0dc;color:#d58b16;font-size:16px}.coin.eth{background:#eef0ff;color:#5c68cc;font-size:17px}.coin.sol{background:#e7fff6;color:#188c6e}.crypto-market-list strong,.crypto-market-list small{display:block}.crypto-market-list strong{font-size:10px}.crypto-market-list small{font-size:8px;color:var(--ink-soft)}.crypto-market-list>article>span:last-child{text-align:right}.crypto-holdings{display:grid;grid-template-columns:1fr 1fr;gap:9px}.crypto-holdings article{background:white;border:1px solid var(--line);border-radius:16px;padding:13px;display:flex;justify-content:space-between}.crypto-holdings span:last-child{text-align:right}.crypto-holdings strong,.crypto-holdings small,.crypto-holdings b{display:block}.crypto-holdings strong,.crypto-holdings b{font-size:10px}.crypto-holdings small{font-size:7px;color:var(--ink-soft);margin-top:3px}

.business-space-card{width:100%;border:0;border-radius:var(--radius-lg);background:linear-gradient(135deg,#101630,#293260);color:white;margin-top:12px;padding:15px;display:grid;grid-template-columns:44px 1fr 28px;gap:11px;align-items:center;text-align:left;cursor:pointer}.business-icon{width:44px;height:44px;border-radius:14px;background:rgba(69,213,173,.13);color:var(--mint);display:grid;place-items:center;font-size:8px;font-weight:800}.business-space-card .eyebrow{color:var(--mint)}.business-space-card strong,.business-space-card small{display:block}.business-space-card strong{font:800 11px/1.3 "Manrope",sans-serif;margin:3px 0}.business-space-card small{font-size:8px;color:rgba(255,255,255,.58);line-height:1.4}.business-space-card .round-arrow{color:white}.inline-checks{display:flex;gap:9px;margin:8px 0 14px}.inline-checks label{flex:1;border:1px solid var(--line);border-radius:11px;padding:10px}.inline-checks input,.module-toggle-list input{accent-color:var(--violet)}

.module-toggle-list{display:grid;gap:7px;margin:10px 0 14px}.module-toggle-list label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;background:var(--surface);border-radius:12px;padding:10px}.module-toggle-list strong,.module-toggle-list small{display:block}.module-toggle-list strong{font-size:10px;color:var(--ink)}.module-toggle-list small{font-size:8px;color:var(--ink-soft);margin-top:2px}.module-toggle-list input{width:18px;height:18px}.lock-screen{position:fixed;z-index:100;inset:0;background:radial-gradient(circle at 30% 10%,#2d3467 0,#10152f 34%,#070b1d 100%);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center}.app-locked .phone-shell{filter:blur(12px);pointer-events:none}.lock-orbit{width:78px;height:78px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;position:relative;margin-bottom:23px}.lock-orbit:before{content:"";position:absolute;width:54px;height:54px;border:1px solid rgba(69,213,173,.34);border-radius:50%;transform:rotate(35deg) scaleY(.52)}.lock-orbit span{width:27px;height:27px;border-radius:50%;background:linear-gradient(135deg,var(--mint),var(--violet));box-shadow:0 0 32px rgba(69,213,173,.42)}.lock-orbit i{position:absolute;top:10px;right:12px;width:7px;height:7px;border-radius:50%;background:var(--gold)}.lock-screen .eyebrow{color:var(--mint)}.lock-screen h2{font:800 27px/1.2 "Manrope",sans-serif;margin:7px 0}.lock-screen>p{font-size:10px;color:rgba(255,255,255,.57);margin:0 0 20px}.lock-screen form{width:min(100%,330px)}.lock-screen input{width:100%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:white;border-radius:14px;padding:14px;text-align:center;font:800 20px "Manrope",sans-serif;letter-spacing:8px;margin-bottom:9px}.biometric-button{border:0;background:transparent;color:var(--mint);font-size:9px;font-weight:800;padding:13px}.lock-screen>small{min-height:18px;color:#ff9cab;font-size:8px;max-width:300px}

.master-control{display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:15px;padding:13px;margin:14px 0}.master-control>input{position:absolute;opacity:0;pointer-events:none}.master-control strong,.master-control small{display:block}.master-control small{font-size:8px;color:var(--ink-soft);margin-top:2px}.toggle.large{width:48px;height:28px;padding:4px}.toggle.large i{width:20px;height:20px}.master-control input:checked + .toggle{background:var(--mint)}.master-control input:checked + .toggle i{transform:translateX(20px)}.guardrail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:11px 0}.guardrail-grid>label{font-size:9px;font-weight:800;color:var(--ink-soft)}.compact-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:11px;padding:0 9px;margin-top:5px;background:white}.compact-input input{width:100%;min-width:0;border:0;padding:10px 4px;font-weight:800;color:var(--ink)}.compact-input input:focus{outline:0}.rule-list{display:grid;gap:8px;margin:12px 0}.check-row{display:grid!important;grid-template-columns:17px 1fr;gap:9px;align-items:flex-start;background:var(--surface);border-radius:12px;padding:10px}.check-row input{accent-color:var(--violet);margin-top:2px}.check-row strong,.check-row small{display:block}.check-row strong{font-size:10px;color:var(--ink)}.check-row small{font-size:8px;color:var(--ink-soft);margin-top:2px;line-height:1.4}.danger-note{font-size:8px;line-height:1.5;color:#9a4c55;background:#fff0f2;border-radius:11px;padding:10px;margin-bottom:12px}.secondary-button{border:1px solid var(--line);background:white;border-radius:13px;padding:12px;color:var(--violet);font-weight:800;cursor:pointer}.full{width:100%}.bank-list{display:grid;gap:8px;margin:12px 0}.bank-list article{display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:10px}.bank-logo{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:white;font-weight:800}.bank-logo.sbi{background:#2569ba}.bank-logo.hdfc{background:#d1545a}.bank-logo.icici{background:#d9793c}.bank-list strong,.bank-list small{display:block}.bank-list strong{font-size:10px}.bank-list small{font-size:8px;color:var(--ink-soft);margin-top:2px}.connection-state{font-size:7px;font-weight:800;color:var(--violet);background:var(--violet-soft);border-radius:99px;padding:5px 7px}.connection-state.pay{color:#16886b;background:var(--mint-soft)}.form-input{width:100%;border:1px solid var(--line);border-radius:11px;background:white;color:var(--ink);padding:11px;margin:5px 0 11px;font-size:11px}.mode-options{display:grid;gap:8px;margin:12px 0 15px}.mode-options label{display:grid;grid-template-columns:18px 1fr;gap:9px;border:1px solid var(--line);border-radius:13px;padding:11px;cursor:pointer}.mode-options input{accent-color:var(--violet)}.mode-options strong,.mode-options small{display:block}.mode-options strong{font-size:10px;color:var(--ink)}.mode-options small{font-size:8px;color:var(--ink-soft);margin-top:2px}

.bottom-nav { position: fixed; z-index: 25; left: 0; right: 0; bottom: 0; height: calc(76px + env(safe-area-inset-bottom)); background: rgba(255,255,255,.92); backdrop-filter: blur(20px); border-top: 1px solid rgba(223,226,237,.9); display: grid; grid-template-columns: repeat(5,1fr); padding: 7px 6px env(safe-area-inset-bottom); }
.bottom-nav button { border: 0; background: transparent; color: #9196a9; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; font-size: 10px; font-weight: 800; cursor: pointer; }
.bottom-nav svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.bottom-nav button.is-active { color: var(--violet); }.bottom-nav button.is-active svg{filter:drop-shadow(0 3px 6px rgba(114,87,255,.25))}

.modal { width: calc(100% - 20px); max-width: 420px; border: 0; border-radius: 28px 28px 20px 20px; padding: 18px; margin: auto auto 10px; box-shadow: 0 -12px 50px rgba(10,14,38,.22); color: var(--ink); }
.modal::backdrop { background: rgba(4,7,23,.62); backdrop-filter: blur(4px); }
.modal[open] { animation: modalUp .28s ease; }
@keyframes modalUp { from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none} }
.modal-handle{width:36px;height:4px;border-radius:99px;background:#d9dce6;margin:-5px auto 15px}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start}.modal-heading h2{font:800 22px/1.2 "Manrope",sans-serif;letter-spacing:-.6px;margin:3px 0}.close-button{width:33px;height:33px;border-radius:50%;background:var(--surface);font-size:21px}.modal>p,.modal form>p{font-size:10px;line-height:1.5;color:var(--ink-soft);margin:5px 0 18px}.modal label{font-size:9px;font-weight:800;color:var(--ink-soft)}.money-input{display:flex;align-items:center;border:1.5px solid #dfe2ed;border-radius:15px;padding:0 14px;margin-top:6px}.money-input span{font:800 20px "Manrope",sans-serif;color:var(--violet)}.money-input input{border:0;width:100%;padding:13px 8px;font:800 24px "Manrope",sans-serif;color:var(--ink);background:transparent}.money-input input:focus{outline:0}.quick-amounts{display:flex;gap:7px;margin:9px 0 16px}.quick-amounts button{flex:1;border:1px solid var(--line);background:white;border-radius:10px;padding:8px 3px;font-size:9px;font-weight:700;cursor:pointer}.primary-button.full{width:100%;margin-top:5px}.detail-list{display:grid;gap:10px;margin-top:14px}.detail-item{display:flex;justify-content:space-between;gap:12px;background:var(--surface);border-radius:12px;padding:11px;font-size:10px}.detail-item span{color:var(--ink-soft)}.detail-callout{background:var(--mint-soft);border-radius:14px;padding:13px;font-size:10px;line-height:1.5;margin-top:12px;color:#176c58}
.toast{position:fixed;z-index:60;left:50%;bottom:100px;transform:translate(-50%,20px);background:var(--night);color:white;border-radius:14px;padding:11px 14px;display:flex;align-items:center;gap:9px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.25s;min-width:180px}.toast.is-visible{opacity:1;transform:translate(-50%,0)}.toast span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--night);font-weight:900}.toast p{font-size:10px;font-weight:800;margin:0}

@media (min-width: 480px) {
  body { padding: 24px 0; }
  .phone-shell { max-width: 450px; min-height: calc(100vh - 48px); margin: 0 auto; border-radius: 34px; box-shadow: 0 40px 100px rgba(0,0,0,.38); }
  .app-header { border-radius: 34px 34px 0 0; }
  .bottom-nav { max-width: 450px; margin: auto; bottom: 24px; border-radius: 0 0 34px 34px; }
  .chat-composer { bottom: 108px; }
}

@media (max-width: 360px) {
  .opportunity-grid, .small-goals, .portfolio-metrics, .guardrail-grid { grid-template-columns: 1fr; }
  .ticker-row { grid-template-columns: 36px 1fr 54px; }
  .ticker-row .sparkline { display:none; }
  .corpus-card { grid-template-columns:1fr 58px 28px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}