@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--bg-page:#f8fafc;--bg-white:#fff;--bg-surface:#fff;--bg-surface-2:#f1f5f9;--bg-input:#f8fafc;--bg-sidebar:#fff;--border:#e2e8f0;--border-light:#f1f5f9;--border-active:#059669;--accent:#00a884;--accent-dark:#047857;--accent-light:#d1fae5;--accent-glow:#05966914;--bg-dark-green:#064e3b;--indigo:#6366f1;--amber:#f59e0b;--blue:#3b82f6;--purple:#8b5cf6;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-green:#059669;--text-red:#ef4444;--green:#059669;--red:#ef4444;--sidebar-w:240px;--navbar-h:68px;--radius:12px;--radius-sm:8px;--radius-lg:16px;--shadow-sm:0 1px 2px #0000000a;--shadow:0 2px 8px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001a}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg-page);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#0003}.app-layout{min-height:100vh;display:flex}.nav-sidebar{width:var(--sidebar-w);background:var(--bg-white);border-right:1px solid var(--border);z-index:50;flex-direction:column;flex-shrink:0;display:flex;position:fixed;top:0;bottom:0;left:0}.nav-sidebar-brand{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:18px 20px;display:flex}.nav-sidebar-brand-dot{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.nav-sidebar-brand-name{color:var(--text-primary);letter-spacing:-.02em;font-size:17px;font-weight:800}.nav-sidebar-brand-name span{color:var(--accent)}.nav-sidebar-links{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s;display:flex}.nav-link:hover{background:var(--bg-surface-2);color:var(--text-primary)}.nav-link--active{background:var(--accent-light);color:var(--accent);font-weight:600}.nav-link-icon{justify-content:center;align-items:center;width:20px;height:20px;font-size:16px;display:flex}.nav-sidebar-footer{border-top:1px solid var(--border);padding:14px 16px}.nav-sidebar-footer-text{color:var(--text-muted);margin:0;font-size:11px;line-height:1.5}.main-content{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-height:100vh;display:flex}.top-navbar{height:var(--navbar-h);background:var(--bg-white);border-bottom:1px solid var(--border);z-index:40;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.top-navbar-left{align-items:center;gap:24px;display:flex}.top-navbar-links{gap:4px;display:flex}.top-navbar-link{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:6px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s}.top-navbar-link:hover{color:var(--text-primary);background:var(--bg-surface-2)}.top-navbar-link--active{color:var(--accent);font-weight:600}.top-navbar-right{align-items:center;gap:12px;display:flex}.top-navbar-search{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:text;align-items:center;gap:8px;width:260px;padding:8px 14px;transition:border-color .15s;display:flex}.top-navbar-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.top-navbar-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}.top-navbar-search input::placeholder{color:var(--text-muted)}.top-navbar-search-icon{color:var(--text-muted);flex-shrink:0;font-size:14px}.top-navbar-icon-btn{border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex}.top-navbar-icon-btn:hover{background:var(--bg-surface-2);color:var(--text-primary)}.page-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:32px}.home-hero{margin-bottom:32px}.home-hero h1{color:var(--text-primary);letter-spacing:-.03em;margin:0 0 8px;font-size:32px;font-weight:800}.home-hero p{color:var(--text-secondary);max-width:520px;margin:0;font-size:15px;line-height:1.7}.filter-pills{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}.filter-pill{cursor:pointer;border:1px solid var(--border);background:var(--bg-white);color:var(--text-secondary);border-radius:20px;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s}.filter-pill:hover{border-color:var(--accent);color:var(--accent)}.filter-pill--active{background:var(--accent);color:#fff;border-color:var(--accent)}.category-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin:24px 0;display:grid}.category-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;gap:12px;padding:24px;transition:all .2s;display:flex}.category-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.category-card-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.category-card-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.category-card-desc{color:var(--text-secondary);flex:1;margin:0;font-size:13px;line-height:1.6}.category-card-footer{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.category-card-count{color:var(--text-secondary);font-size:13px}.category-card-count strong{color:var(--text-primary);font-size:18px;font-weight:700}.category-card-link{color:var(--accent);align-items:center;gap:4px;font-size:13px;font-weight:600;transition:gap .15s;display:flex}.category-card:hover .category-card-link{gap:8px}.promo-section{grid-template-columns:1.4fr 1fr;gap:20px;margin:40px 0;display:grid}.promo-banner{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);border-radius:var(--radius-lg);color:#fff;flex-direction:column;gap:12px;padding:36px;display:flex;position:relative;overflow:hidden}.promo-banner h2{margin:0;font-size:24px;font-weight:800}.promo-banner p{opacity:.9;max-width:320px;margin:0;font-size:14px;line-height:1.6}.promo-banner-btn{color:var(--accent);border-radius:var(--radius-sm);cursor:pointer;background:#fff;border:none;align-items:center;gap:8px;width:fit-content;margin-top:8px;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.promo-banner-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.promo-banner-sparkle{opacity:.3;font-size:64px;position:absolute;bottom:20px;right:30px}.promo-tiles{flex-direction:column;gap:16px;display:flex}.promo-tile{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:12px;padding:20px;transition:all .15s;display:flex}.promo-tile:hover{border-color:var(--accent);box-shadow:var(--shadow)}.promo-tile-icon{font-size:20px}.promo-tile h3{margin:0;font-size:16px;font-weight:700}.promo-tile p{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:2px 0 0;font-size:12px}.fund-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;margin:20px 0;display:grid}.fund-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;gap:16px;padding:24px;transition:all .2s;display:flex}.fund-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.fund-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.fund-card-info{flex:1;min-width:0}.fund-card-name{color:var(--text-primary);margin:0;font-size:15px;font-weight:700;line-height:1.4}.fund-card-category{color:var(--text-secondary);margin:4px 0 0;font-size:12px}.fund-card-return{text-align:right;flex-shrink:0}.fund-card-return-value{margin:0;font-size:22px;font-weight:800}.fund-card-return-value.positive{color:var(--green)}.fund-card-return-value.negative{color:var(--red)}.fund-card-return-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.fund-card-metrics{gap:8px;display:flex}.fund-card-metric{background:var(--bg-surface-2);border-radius:var(--radius-sm);flex:1;padding:10px 12px}.fund-card-metric-label{color:var(--text-muted);margin:0;font-size:11px}.fund-card-metric-value{color:var(--text-primary);margin:2px 0 0;font-size:14px;font-weight:600}.fund-card-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.fund-card-rating{align-items:center;gap:4px;display:flex}.fund-card-rating-badge{border-radius:4px;align-items:center;gap:3px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.fund-card-invest-btn{border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;border:none;padding:8px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.fund-card-invest-btn:hover{background:var(--accent-dark);box-shadow:0 2px 8px #00b3864d}.category-header{margin-bottom:24px}.category-header h1{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 6px;font-size:28px;font-weight:800}.category-header p{color:var(--text-secondary);max-width:600px;margin:0;font-size:15px;line-height:1.7}.category-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:20px 0;display:flex}.category-count{color:var(--text-secondary);font-size:14px}.category-count strong{color:var(--text-primary);font-weight:600}.sort-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-white);color:var(--text-primary);cursor:pointer;padding:8px 12px;font-family:inherit;font-size:13px}.disclaimer-bar{color:#92400e;background:#fef3c7;border-bottom:1px solid #fde68a;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:12px;display:flex}.disclaimer-bar strong{color:#78350f}.chat-fab{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#fff;cursor:pointer;z-index:1000;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;transition:all .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #00b38659}.chat-fab:hover{transform:scale(1.08);box-shadow:0 6px 28px #00b38673}.chat-panel{background:var(--bg-white);border-left:1px solid var(--border);z-index:1001;flex-direction:column;width:380px;height:100vh;animation:.25s slideIn;display:flex;position:fixed;top:0;right:0;box-shadow:-4px 0 24px #00000014}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.chat-panel-header{background:linear-gradient(135deg, var(--accent), var(--accent));color:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chat-panel-header-info{align-items:center;gap:10px;display:flex}.chat-panel-header-dot{background:var(--accent-dark);border:2px solid #ffffff80;border-radius:50%;width:10px;height:10px}.chat-panel-header h3{margin:0;font-size:15px;font-weight:700}.chat-panel-header p{opacity:.85;margin:0;font-size:11px}.chat-panel-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;transition:background .15s;display:flex}.chat-panel-close:hover{background:#ffffff4d}.chat-panel-messages{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-panel-disclaimer{border-radius:var(--radius-sm);color:#92400e;background:#fef3c7;border:1px solid #fde68a;margin:8px 0 4px;padding:8px 12px;font-size:11px}.chat-panel-disclaimer strong{color:#78350f}.chat-msg-row{max-width:100%;display:flex}.chat-msg-row--user{justify-content:flex-end}.chat-msg-row--assistant{justify-content:flex-start;gap:8px}.chat-msg-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;font-size:12px;display:flex}.chat-bubble{border-radius:var(--radius);max-width:85%;padding:10px 14px;font-size:13px;line-height:1.6}.chat-bubble--user{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.chat-bubble--assistant{background:var(--bg-surface-2);color:var(--text-primary);border:1px solid var(--border);border-bottom-left-radius:4px}.chat-bubble p{white-space:pre-wrap;word-break:break-word;margin:0}.chat-send-bar{border-top:1px solid var(--border);align-items:center;gap:8px;padding:12px 16px;display:flex}.chat-send-bar input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:13px;transition:border-color .15s}.chat-send-bar input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.chat-send-bar input::placeholder{color:var(--text-muted)}.chat-send-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .15s;display:flex}.chat-send-btn:hover{background:var(--accent-dark)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-input-field{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);color:var(--text-primary);outline:none;min-height:44px;max-height:180px;padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.5;transition:all .2s}.chat-input-field:focus{border-color:var(--accent);box-shadow:0 4px 12px var(--accent-glow);background:#fff}.chat-send-btn-inset{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;bottom:6px;right:6px}.chat-send-btn-inset:hover{background:var(--accent-dark);transform:translateY(-1px)}.chat-send-btn-inset:disabled{background:var(--text-muted);opacity:.5;cursor:not-allowed;transform:none}.loading-dots.mini span{background:#fff;width:3px;height:3px}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{border-radius:var(--radius-lg);height:220px}.loading-dots{align-items:center;gap:5px;display:flex}.loading-dots span{background:var(--accent);opacity:.5;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite dot-pulse;display:block}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,80%,to{opacity:.35;transform:scale(.7)}40%{opacity:1;transform:scale(1.1)}}.site-footer{border-top:1px solid var(--border);background:var(--bg-white);text-align:center;padding:24px 32px}.site-footer-brand{color:var(--text-primary);margin-bottom:8px;font-size:15px;font-weight:700}.site-footer-links{justify-content:center;gap:20px;margin-bottom:8px;display:flex}.site-footer-links a{color:var(--text-secondary);font-size:12px;transition:color .15s}.site-footer-links a:hover{color:var(--accent)}.site-footer-copy{color:var(--text-muted);margin:0;font-size:11px}@media (max-width:768px){:root{--sidebar-w:0px}.nav-sidebar{display:none}.main-content{margin-left:0}.page-content{padding:20px 16px}.category-grid,.fund-grid,.promo-section{grid-template-columns:1fr}.top-navbar-search{display:none}.chat-panel{width:100vw}.home-hero h1{font-size:24px}}