@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary:#0f766e;--primary-light:#14b8a6;--primary-bg:#f0fdfa;--danger:#dc2626;--danger-bg:#fef2f2;--success:#059669;--success-bg:#ecfdf5;--warning:#d97706;--warning-bg:#fffbeb;--bg:#f3f4f6;--card:#fff;--text:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--border:#e5e7eb;--nav-height:68px;--radius:16px;--shadow:0 1px 3px #0000000a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #0000000a, 0 2px 4px #0000000f;--shadow-lg:0 20px 25px #00000014, 0 8px 10px #0000000a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;padding-top:env(safe-area-inset-top);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{min-height:100vh}.bottom-nav{height:var(--nav-height);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:0 8px;padding-bottom:env(safe-area-inset-bottom);z-index:1000;background:#ffffffeb;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-muted);border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:60px;padding:6px 12px;font-size:11px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item .nav-icon{font-size:22px;line-height:1;transition:transform .2s}.nav-item.active{color:var(--primary)}.nav-item.active .nav-icon{transform:scale(1.1)}.page{max-width:680px;padding:20px 16px;padding-bottom:calc(var(--nav-height) + 32px);margin:0 auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-title{color:var(--text);letter-spacing:-.5px;font-size:26px;font-weight:800}.page-subtitle{color:var(--text-secondary);margin-top:2px;font-size:13px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);margin-bottom:16px;padding:20px}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{color:var(--text);font-size:15px;font-weight:700}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 16px}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:500}.stat-value{color:var(--text);letter-spacing:-.5px;font-size:26px;font-weight:800}.stat-value.green{color:var(--success)}.stat-value.red{color:var(--danger)}.stat-value.primary{color:var(--primary)}.stat-change{margin-top:2px;font-size:12px;font-weight:600}.stat-change.up{color:var(--danger)}.stat-change.down{color:var(--success)}.stock-item{border-bottom:1px solid var(--border);cursor:pointer;color:inherit;align-items:center;gap:14px;padding:16px 0;text-decoration:none;transition:background .15s;display:flex}.stock-item:last-child{border-bottom:none}.stock-item:hover{background:#f9fafb;border-radius:8px;margin:0 -20px;padding:16px 20px}.stock-avatar{background:var(--primary-bg);width:44px;height:44px;color:var(--primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:flex}.stock-info{flex:1;min-width:0}.stock-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.stock-meta{color:var(--text-muted);align-items:center;gap:8px;margin-top:2px;font-size:12px;display:flex}.stock-right{text-align:right;flex-shrink:0}.stock-price{color:var(--text);font-size:17px;font-weight:700}.stock-change{font-size:12px;font-weight:600}.stock-change.up{color:var(--danger)}.stock-change.down{color:var(--success)}.stock-yield{margin-top:1px;font-size:12px;font-weight:600}.badge{text-transform:uppercase;letter-spacing:.3px;border-radius:6px;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.badge-hk{color:#1d4ed8;background:#dbeafe}.badge-cn{color:#dc2626;background:#fee2e2}.badge-us{color:#059669;background:#d1fae5}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 1px 3px #0f766e4d}.btn-primary:hover{background:#0d6962;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-outline{color:var(--primary);border:1.5px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary-bg)}.btn-sm{border-radius:10px;padding:6px 14px;font-size:13px}.btn-danger{background:var(--danger-bg);color:var(--danger)}.btn-danger:hover{background:#fee2e2}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-block{width:100%}.empty-state{text-align:center;padding:48px 24px}.empty-state .empty-icon{opacity:.6;margin-bottom:16px;font-size:56px}.empty-state .empty-text{color:var(--text-muted);margin-bottom:16px;font-size:15px}.auth-page{background:linear-gradient(135deg,#0f766e 0%,#14b8a6 50%,#0d9488 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:#fff;border-radius:24px;width:100%;max-width:380px;padding:36px 32px;box-shadow:0 25px 60px #00000026}.auth-logo{text-align:center;margin-bottom:8px;font-size:44px}.auth-title{text-align:center;margin-bottom:4px;font-size:22px;font-weight:800}.auth-subtitle{text-align:center;color:var(--text-muted);margin-bottom:28px;font-size:13px}.form-group{margin-bottom:18px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-input{border:1.5px solid var(--border);background:#f9fafb;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:all .2s}.form-input:focus{border-color:var(--primary-light);background:#fff;box-shadow:0 0 0 3px #14b8a61a}.form-error{color:var(--danger);align-items:center;gap:4px;margin-top:4px;font-size:12px;display:flex}.search-bar{background:var(--card);border:1px solid var(--border);border-radius:12px;align-items:center;margin-bottom:16px;padding:0 14px;transition:border-color .2s;display:flex}.search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #0f766e1a}.search-icon{opacity:.5;margin-right:8px;font-size:16px}.search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-family:inherit;font-size:14px}.search-input::placeholder{color:var(--text-muted)}.search-result-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.search-result-row:last-child{border-bottom:none}.filters-bar{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.filter-chip{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#fff;border-radius:20px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s}.filter-chip.active{background:var(--primary-bg);border-color:var(--primary);color:var(--primary);font-weight:600}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border);padding:10px 12px;font-size:11px;font-weight:700}.data-table td{border-bottom:1px solid var(--border);padding:14px 12px;font-size:14px}.calendar-grid{gap:10px;display:grid}.calendar-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.calendar-date{color:var(--primary);border-bottom:1px solid var(--border);align-items:center;gap:6px;margin-bottom:10px;padding-bottom:10px;font-size:14px;font-weight:700;display:flex}.calendar-stock{justify-content:space-between;align-items:center;padding:6px 0;font-size:14px;display:flex}.calendar-amount{color:var(--success);font-weight:700}.portfolio-card{border-bottom:1px solid var(--border);cursor:pointer;color:inherit;justify-content:space-between;align-items:center;padding:18px 0;text-decoration:none;display:flex}.portfolio-name{color:var(--text);font-size:16px;font-weight:700}.portfolio-desc{color:var(--text-muted);margin-top:2px;font-size:12px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--card);width:100%;max-width:400px;box-shadow:var(--shadow-lg);border-radius:20px;max-height:85vh;padding:24px;overflow-y:auto}.modal-title{margin-bottom:20px;font-size:18px;font-weight:700}.detail-header{background:linear-gradient(135deg, var(--primary) 0%, #0d9488 100%);border-radius:var(--radius);color:#fff;margin-bottom:20px;padding:24px}.detail-code{opacity:.75;margin-bottom:4px;font-size:13px}.detail-name{margin-bottom:16px;font-size:22px;font-weight:800}.detail-price-row{align-items:baseline;gap:12px;display:flex}.detail-price{letter-spacing:-1px;font-size:36px;font-weight:800}.detail-change{background:#fff3;border-radius:8px;padding:3px 10px;font-size:15px;font-weight:600}.detail-metrics{border-top:1px solid #fff3;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;padding-top:16px;display:grid}.detail-metric .dm-label{opacity:.7;font-size:11px}.detail-metric .dm-value{margin-top:2px;font-size:16px;font-weight:700}.flex-row{align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-sm{gap:8px}.gap-md{gap:16px}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.text-sm{font-size:13px}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.fw-bold{font-weight:700}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.position-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 0;display:flex}.position-row:last-child{border-bottom:none}.pos-pnl{font-size:12px;font-weight:600}.pos-pnl.positive{color:var(--danger)}.pos-pnl.negative{color:var(--success)}@media (width<=480px){.page{padding:16px 12px;padding-bottom:calc(var(--nav-height) + 24px)}.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-value{font-size:22px}}