.app-page{--app-ink:#102639;--app-muted:#75877e;--app-line:#dfe7e1;--app-yellow:#ffbf19;background:#f7f8f4;color:var(--app-ink)}
.app-page *{box-sizing:border-box}.app-page [hidden]{display:none!important}.app-page svg{width:24px;height:24px;flex-shrink:0}.app-page a{color:inherit;text-decoration:none}
.app-page a:focus-visible,.app-page button:focus-visible,.app-page input:focus-visible,.app-page select:focus-visible{outline:3px solid #217864;outline-offset:4px}
.app-sidebar{position:fixed;inset:0 0 0 auto;width:238px;background:#fff;border-left:1px solid var(--app-line);padding:30px 20px 22px;display:flex;flex-direction:column;z-index:35}
.app-brand{display:flex;align-items:center;gap:10px;margin-bottom:42px}.app-brand strong{font-size:28px;font-weight:900;display:block;line-height:1.4}.app-brand small{font-size:10px;color:var(--app-muted);display:block}.app-brand img{border-radius:12px}.app-nav-label{font-size:11px;color:#8d9992;padding:0 12px;margin-bottom:12px}
.app-side-nav{display:grid;gap:7px}.app-side-nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;font-size:14px;font-weight:600;border-radius:13px;position:relative}.app-side-nav svg{width:21px;height:21px;color:#81928a}.app-side-nav a:hover{background:#f5f7f3}.app-side-nav a[aria-current]{background:#fff4cf;color:#765800}.app-side-nav a[aria-current] svg{color:#a57b00}.app-side-nav i{width:5px;height:5px;background:#b28b12;border-radius:50%;margin-right:auto}
.app-side-separator{border-top:1px solid var(--app-line);margin:26px 12px 18px}.app-side-secondary a{font-size:12px;font-weight:500}.app-side-exit{margin-top:auto;display:flex;gap:10px;align-items:center;font-size:11px;color:var(--app-muted)!important;padding:16px 12px 0}.app-side-exit svg{width:18px}
.app-main-wrap{margin-right:238px;min-width:0}.app-topbar{height:83px;border-bottom:1px solid var(--app-line);padding:0 38px;background:#ffffffbd;display:flex;align-items:center;justify-content:space-between;gap:16px}.app-topbar-title{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:650}.app-topbar-actions{display:flex;gap:12px;align-items:center}.app-website-link{display:flex;gap:7px;align-items:center;color:var(--app-muted)!important;font-size:11px;margin-left:8px}.app-website-link svg{width:15px;height:15px}.app-icon-button,.app-profile-button{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--app-line);border-radius:12px;background:#fff}.app-icon-button svg,.app-profile-button svg{width:19px;height:19px}.app-profile-button{background:#eaf4ed;border-color:#eaf4ed;color:#217864!important}.app-mobile-brand{display:none}
.app-page main.app-main{min-width:0;min-height:calc(100dvh - 83px);padding:30px 32px 50px;background:transparent}.app-bottom-nav{display:none}.app-dashboard{max-width:1100px;margin:auto}.app-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:4px 0 24px}.app-eyebrow{color:#71877b;font-size:12px;margin:0 0 6px!important}.app-page .app-welcome h1{font-size:clamp(25px,3vw,34px);letter-spacing:-.6px;line-height:1.7;margin:0 0 3px;font-weight:850}.app-welcome p:not(.app-eyebrow){font-size:13px;color:var(--app-muted);margin:0}.app-welcome-mark{display:grid;place-items:center;border-radius:20px;background:#e9f1e7;width:72px;height:72px;transform:rotate(-7deg);color:#67917a}.app-welcome-mark svg{width:34px;height:34px}
.app-search-card{padding:22px 24px 15px;background:#fff;border:1px solid var(--app-line);border-radius:20px;margin-bottom:30px;box-shadow:0 5px 22px #18362b03}.app-search-card label{font-size:14px;font-weight:700;display:block;margin-bottom:12px}.app-search-row{display:flex;gap:10px;align-items:stretch}.app-search-input{flex:1;display:flex;align-items:center;gap:11px;border:1px solid var(--app-line);border-radius:12px;padding:0 15px;min-width:0;background:#fafbf8}.app-search-input svg{color:#81928a;width:20px}.app-search-input input{border:0;background:transparent;min-width:0;width:100%;height:49px;font:14px Peyda,Tahoma,sans-serif;color:var(--app-ink)}.app-search-input input:focus{outline:0}.app-search-input:focus-within{outline:2px solid #217864;outline-offset:2px}.app-search-row select{border:1px solid var(--app-line);border-radius:12px;background:#fff;padding:0 12px;font:13px Peyda,Tahoma,sans-serif;color:var(--app-ink)}.app-search-row .button{font-size:13px;border:0;border-radius:12px;white-space:nowrap;padding:12px 22px;cursor:pointer}.app-search-card [role=status]{color:var(--app-muted);font-size:11px;margin:6px 0 0;min-height:14px}
.app-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.app-section-heading h2{display:flex;align-items:center;gap:8px;font-size:15px;margin:0}.app-section-heading h2 svg{width:18px;height:18px;color:#789087}.app-section-heading>span,.app-section-heading>a{font-size:10px;color:var(--app-muted)}.app-section-heading>a:hover{color:#217864}.app-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.app-quick-card{position:relative;padding:20px 18px 17px;background:#fff;border:1px solid var(--app-line);border-radius:17px;transition:transform .16s,box-shadow .16s}.app-quick-card:hover{transform:translateY(-3px);box-shadow:0 9px 24px #173f3510}.app-card-icon{display:grid;place-items:center;border-radius:12px;width:43px;height:43px;color:#278673;background:#eaf5ef}.app-quick-card strong{font-size:14px;display:block;margin-top:16px;font-weight:750}.app-quick-card p{font-size:11px;color:var(--app-muted);margin:4px 0 0;max-width:150px}.app-tone-blue .app-card-icon{color:#447ab3;background:#edf4fa}.app-tone-amber .app-card-icon{color:#ad8527;background:#fbf4e6}.app-tone-purple .app-card-icon{color:#8a65b6;background:#f3eef9}.app-card-arrow{position:absolute;left:18px;top:27px;color:#9aaa9f;font-size:17px}
.app-assistant-invite{display:flex;align-items:center;gap:20px;padding:25px 27px;margin:24px 0;background:#112a32;border:1px solid #112a32;border-radius:20px;color:#fff!important;overflow:hidden}.app-invite-icon{display:grid;place-items:center;width:57px;height:57px;flex-shrink:0;border:1px solid #ffffff17;border-radius:17px;background:#ffffff08;color:#ffce51}.app-invite-icon svg{width:29px;height:29px}.app-assistant-invite .app-eyebrow{color:#a1b8ac}.app-assistant-invite h2{font-size:20px;margin:0}.app-assistant-invite p:not(.app-eyebrow){font-size:11px;color:#b5c8bc;margin:4px 0 0}.app-invite-action{display:flex;gap:18px;align-items:center;white-space:nowrap;font-size:12px;background:#ffca35;color:#102639;padding:12px 17px;border-radius:11px;margin-right:auto;font-weight:700}
.app-personal-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.app-mini-panel{padding:20px;background:#fff;border:1px solid var(--app-line);border-radius:17px;min-width:0}.app-symbol-chips{display:flex;gap:8px;flex-wrap:wrap;min-height:42px;align-items:center}.app-symbol-chips>a{padding:6px 14px;font-size:12px;background:#f3f6f0;border:1px solid #e2e9df;border-radius:9px;max-width:100%;overflow-wrap:anywhere}.app-symbol-chips>a:hover{border-color:#b1c8b6}.app-muted{font-size:11px;color:var(--app-muted);line-height:1.9;margin:0}.app-extra-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:19px}.app-extra-links a{display:flex;align-items:center;gap:7px;font-size:11px;padding:10px 13px;color:#597365;background:#edf2e9;border-radius:10px}.app-extra-links svg{width:17px;height:17px}.app-start-preference{display:flex;gap:10px;align-items:center;cursor:pointer;font-size:11px;color:#667e6e;margin-top:24px;width:fit-content}.app-start-preference input{accent-color:#217864;width:16px;height:16px}.app-start-preference small{display:block;font-size:10px;color:#95a095;margin-top:4px}.app-preference-status{margin-top:8px;min-height:15px}
.app-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.app-menu-card{display:flex;align-items:center;gap:15px;padding:20px;border:1px solid var(--app-line);border-radius:17px;background:#fff}.app-menu-card:hover{border-color:#b1c8b6}.app-menu-card>span:nth-child(2){min-width:0}.app-menu-card strong{font-size:14px;display:block}.app-menu-card small{display:block;font-size:11px;color:var(--app-muted);margin-top:5px}.app-menu-arrow{margin-right:auto;color:#8a9d8c}.app-back-home{display:block;width:fit-content;margin-top:25px;font-size:12px;color:#597365!important}.app-chat-panel{max-width:1100px;margin:auto;height:calc(100dvh - 160px);min-height:440px;border:1px solid var(--app-line);border-radius:18px;background:#fff;overflow:hidden}.app-chat-panel iframe{width:100%;height:100%;border:0;display:block}
/* Existing feature pages keep their behavior inside the app's narrower canvas. */
.app-page .container{width:100%;max-width:1248px}.app-page .fund-breadcrumb,.app-page .workspace-breadcrumb,.app-page .personal-breadcrumb,.app-page .tech-breadcrumb{display:none}.app-page .workspace-intro,.app-page .personal-intro{padding-top:8px}.app-page .fund-search-intro{padding-top:10px;gap:20px}.app-page .fund-search-intro h1{font-size:36px}.app-page .fund-intro-art{transform:scale(.82);transform-origin:center}.app-page .personal-tabs{flex-wrap:wrap}.app-page .portfolio-workspace{min-width:0}.app-page .tech-title-row h1,.app-page .personal-intro h1,.app-page .workspace-intro h1{font-size:30px}
@media(min-width:1500px){.app-page main.app-main{padding-top:40px}}
@media(max-width:1200px){.app-sidebar{width:215px;padding-inline:15px}.app-main-wrap{margin-right:215px}.app-page main.app-main{padding:25px 24px 40px}.app-topbar{padding-inline:24px}.app-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-quick-card{padding:19px}.app-quick-card p{max-width:none}.app-personal-grid{grid-template-columns:1fr}.app-page .fund-search-intro{grid-template-columns:1fr}.app-page .fund-intro-art{display:none}}
@media(max-width:800px){.app-sidebar{display:none}.app-main-wrap{margin-right:0}.app-topbar{height:66px;padding:0 18px}.app-mobile-brand{display:block;height:34px}.app-topbar-title{font-size:12px}.app-topbar-actions{gap:8px}.app-website-link{margin:0;font-size:10px}.app-page main.app-main{padding:22px 18px calc(105px + env(safe-area-inset-bottom));min-height:calc(100dvh - 66px)}.app-welcome{margin-bottom:20px}.app-welcome-mark{width:54px;height:54px;border-radius:16px}.app-welcome-mark svg{width:27px;height:27px}.app-page .app-welcome h1{font-size:28px}.app-welcome p:not(.app-eyebrow){font-size:12px}.app-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;background:#ffffffef;backdrop-filter:blur(12px);border-top:1px solid #dfe7e1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.app-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:47px;color:#86958c;font-size:10px;font-weight:600;border-radius:12px}.app-bottom-nav svg{width:21px;height:21px}.app-bottom-nav a[aria-current]{color:#6f5700;background:#fff5d6}.app-bottom-nav a[aria-current] svg{color:#a77c00}.app-menu-grid{gap:12px}.app-chat-panel{height:calc(100dvh - 176px - env(safe-area-inset-bottom));min-height:340px}.app-page .tech-title-row h1,.app-page .personal-intro h1,.app-page .workspace-intro h1{font-size:26px}}
@media(max-width:500px){.app-page main.app-main{padding-inline:15px}.app-topbar{padding-inline:15px}.app-website-link svg{display:none}.app-topbar-actions>.app-icon-button{display:none}.app-topbar-title{font-size:11px}.app-search-card{padding:17px 15px 10px;border-radius:17px;margin-bottom:23px}.app-search-row{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:9px}.app-search-input{grid-column:1/-1;padding-inline:12px}.app-search-row select{min-width:0;height:44px}.app-search-row .button{padding:9px 10px;font-size:12px;justify-content:center;grid-column:1;grid-row:2}.app-search-row select{grid-column:2;grid-row:2}.app-search-input input{font-size:13px;height:48px}.app-welcome-mark{display:none}.app-page .app-welcome h1{font-size:27px}.app-welcome p:not(.app-eyebrow){font-size:11px}.app-section-heading h2{font-size:13px}.app-section-heading>span{display:none}.app-quick-grid{gap:10px}.app-quick-card{padding:15px 13px 13px;border-radius:15px}.app-card-icon{width:37px;height:37px;border-radius:11px}.app-card-icon svg{width:21px;height:21px}.app-quick-card strong{font-size:12px;margin-top:13px}.app-quick-card p{font-size:10px;line-height:1.9}.app-card-arrow{left:13px;top:20px;font-size:15px}.app-assistant-invite{padding:19px 16px;gap:12px;flex-wrap:wrap;margin-block:18px;border-radius:17px}.app-invite-icon{width:43px;height:43px;border-radius:13px}.app-invite-icon svg{width:24px;height:24px}.app-assistant-invite>div{flex:1;min-width:0}.app-assistant-invite h2{font-size:16px}.app-assistant-invite p:not(.app-eyebrow){font-size:10px}.app-invite-action{margin-right:55px;padding:9px 13px;font-size:11px}.app-personal-grid{gap:12px}.app-mini-panel{padding:17px 15px}.app-menu-grid{grid-template-columns:1fr}.app-menu-card{padding:17px}.app-menu-card strong{font-size:13px}.app-extra-links{gap:7px}.app-extra-links a{padding:9px;font-size:10px}.app-page .fund-search-intro h1{font-size:30px}.app-page .app-main .fund-search-panel{padding:18px}.app-page .app-main .fund-category-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.app-quick-card{transition:none}.app-quick-card:hover{transform:none}}
@media(max-width:500px){.app-assistant-invite{display:grid;grid-template-columns:43px minmax(0,1fr)}.app-invite-action{grid-column:2;margin:0;justify-self:start}}
.app-chat-expanded .app-chat-panel{position:fixed;inset:10px;z-index:80;height:auto;min-height:0;max-width:none;margin:0;box-shadow:0 0 0 20px #10263988}
