.investments-content-row{display:grid;grid-template-columns:360px 1fr;gap:16px;margin-bottom:20px}@media (max-width: 1000px){.investments-content-row{grid-template-columns:1fr}}.investments-allocation-card,.investments-table-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #00000014}.investments-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.investments-card-title{font-size:15px;font-weight:600;color:#0f172a}.investments-card-hint{font-size:11px;color:#94a3b8;font-style:italic}.investments-chart-wrapper{display:flex;justify-content:center;margin-bottom:16px}.investments-chart-wrapper canvas{max-width:200px;max-height:200px}.investments-allocation-legend{display:flex;flex-direction:column;gap:8px}.investments-legend-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .15s ease;border:2px solid transparent;background:#f8fafc}.investments-legend-item:hover{background:#f1f5f9;transform:translate(2px)}.investments-legend-item.active{background:#fff;border-color:#3b82f6;box-shadow:0 2px 4px #3b82f626}.investments-legend-item.dimmed{opacity:.5}.investments-legend-color{width:14px;height:14px;border-radius:4px;flex-shrink:0}.investments-legend-info{flex:1;min-width:0}.investments-legend-label{font-size:13px;font-weight:600;color:#0f172a}.investments-legend-count{font-size:11px;color:#64748b}.investments-legend-value{text-align:right}.investments-legend-amount{font-size:14px;font-weight:700;color:#0f172a}.investments-legend-percent{font-size:11px;color:#64748b}.investments-table-wrapper{overflow-y:auto;max-height:380px}.investments-table-wrapper::-webkit-scrollbar{width:6px}.investments-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.investments-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.investments-table-count{font-size:12px;color:#64748b}.investments-table-count strong{color:#3b82f6;font-weight:600}.investments-table{width:100%;border-collapse:collapse}.investments-table th{text-align:left;padding:6px 8px;font-size:9px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.3px;border-bottom:2px solid #e2e8f0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s;position:sticky;top:0;background:#fff;z-index:1;white-space:nowrap}.investments-table th:hover,.investments-table th.sorted{color:#3b82f6}.investments-table th .sort-indicator{margin-left:4px;opacity:.5}.investments-table th.sorted .sort-indicator{opacity:1}.investments-table th.text-right,.investments-table td.text-right{text-align:right}.investments-table td{padding:8px;font-size:12px;color:#374151;border-bottom:1px solid #f1f5f9}.investments-table tbody tr{transition:background .2s}.investments-table tbody tr:hover{background:#f8fafc}.investments-account-name{font-weight:500;color:#0f172a;font-size:12px}.investments-account-number{font-size:10px;color:#94a3b8;font-family:monospace}.investments-type-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600}.investments-type-badge.type-401k{background:#dcfce7;color:#166534}.investments-type-badge.type-ira{background:#dbeafe;color:#1e40af}.investments-type-badge.type-brokerage{background:#fef3c7;color:#92400e}.investments-type-badge.type-other{background:#f1f5f9;color:#475569}.investments-balance{font-weight:600;font-size:12px;color:#10b981}.investments-updated{font-size:10px;color:#94a3b8;white-space:nowrap}.investments-empty-state{text-align:center;padding:48px 24px;color:#64748b}.investments-empty-state svg{width:64px;height:64px;color:#cbd5e1;margin-bottom:16px}.investments-empty-state h3{font-size:16px;font-weight:600;color:#475569;margin-bottom:8px}.investments-empty-state p{font-size:14px;max-width:300px;margin:0 auto}.investments-ai-insights{display:flex;flex-direction:column;gap:12px}.investments-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;color:#64748b}.investments-loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:investments-spin 1s linear infinite;margin-bottom:16px}@keyframes investments-spin{to{transform:rotate(360deg)}}.investments-loading-text{font-size:14px}.investments-trend-section{margin-bottom:20px}.investments-trend-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #00000014}.investments-trend-subtitle{font-size:12px;color:#64748b;margin-bottom:12px}.investments-trend-summary{display:flex;align-items:center;gap:12px;font-size:12px}.investments-trend-summary .trend-range{color:#64748b;font-weight:500}.investments-trend-summary .trend-accounts{color:#94a3b8;font-size:11px}.investments-trend-chart-wrapper{height:220px;margin:16px 0}.investments-trend-hint{text-align:center;font-size:11px;color:#94a3b8;font-style:italic;margin-top:12px}.investments-trend-table-wrapper{margin-top:16px;overflow-x:auto}.trend-table{width:100%;border-collapse:collapse;font-size:11px}.trend-table th{padding:8px 6px;text-align:right;font-weight:600;color:#64748b;border-bottom:2px solid #e2e8f0;white-space:nowrap}.trend-table th.account-header{text-align:left;min-width:180px}.trend-table th.change-header{min-width:70px}.trend-table td{padding:8px 6px;text-align:right;border-bottom:1px solid #f1f5f9;white-space:nowrap}.trend-table td.no-data{color:#cbd5e1}.trend-table td.account-cell{text-align:left}.trend-table td.change-cell{font-weight:600}.trend-table td.change-cell.positive{color:#10b981}.trend-table td.change-cell.negative{color:#ef4444}.trend-table tbody tr{transition:background .15s}.trend-table tbody tr:hover{background:#f8fafc}.trend-table tbody tr.hidden-account{opacity:.5}.trend-account-toggle{display:flex;align-items:center;gap:8px;cursor:pointer}.trend-account-toggle input[type=checkbox]{width:14px;height:14px;cursor:pointer}.trend-account-toggle .color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.trend-account-toggle .account-name{font-size:11px;color:#374151;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.investments-trend-chart-wrapper{height:180px}.investments-trend-summary{flex-direction:column;align-items:flex-start;gap:4px}.trend-table{font-size:10px}.trend-table th.account-header{min-width:140px}}.investments-toggle-section.toggle-section{background:#fff;border-radius:12px;border:1px solid #dee2e6;overflow:hidden;box-shadow:0 2px 8px #00000014;margin-bottom:20px}.investments-toggle-section .toggle-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:16px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease;border-bottom:2px solid transparent}.investments-toggle-section .toggle-header:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-bottom-color:#173a58}.investments-toggle-section .toggle-header-content{flex:1}.investments-toggle-section .toggle-title{font-size:16px;font-weight:700;color:#173a58;margin-bottom:4px}.investments-toggle-section .toggle-subtitle{font-size:12px;color:#6c757d;font-weight:500}.investments-toggle-section .toggle-icon{font-size:18px;color:#173a58;transition:transform .3s ease}.investments-toggle-section .toggle-content{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 20px}.investments-toggle-section .toggle-content.expanded{max-height:none;padding:20px;overflow:visible}.investments-deep-dive-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.investments-deep-dive-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.investments-deep-dive-header .deep-dive-icon{font-size:16px}.investments-deep-dive-header .deep-dive-title{font-size:14px;font-weight:600;color:#0f172a}.investments-top-accounts-chart-wrapper{height:280px}.investments-deep-dive-hint{text-align:center;font-size:11px;color:#94a3b8;font-style:italic;margin-top:12px}.investments-deep-dive-filter-bar{display:flex;align-items:center;justify-content:flex-start;padding:10px 14px;margin-bottom:12px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:10px}.investments-deep-dive-filter-left{display:flex;align-items:center;gap:10px}.investments-deep-dive-filter-label{font-size:12px;font-weight:600;color:#475569}.investments-deep-dive-year-select{padding:6px 12px;font-size:12px;font-weight:500;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#1e293b;cursor:pointer;min-width:120px;transition:border-color .2s ease,box-shadow .2s ease}.investments-deep-dive-year-select:hover{border-color:#3b82f6}.investments-deep-dive-year-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.investments-deep-dive-filter-hint{font-size:11px;color:#64748b;font-style:italic}@media (max-width: 768px){.investments-toggle-section .toggle-header{padding:12px 16px}.investments-toggle-section .toggle-title{font-size:14px}.investments-toggle-section .toggle-subtitle{display:none}.investments-top-accounts-chart-wrapper{height:220px}.investments-toggle-section .toggle-content.expanded{padding:16px}}
