.investments-layout{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:20px;padding:20px}@media (max-width: 1200px){.investments-layout{grid-template-columns:1fr}.investments-sidebar{display:none}}.investments-sidebar{background:#fff;border-radius:12px;padding:20px;height:fit-content;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:20px}.sidebar-summary{padding-bottom:20px;border-bottom:2px solid #e2e8f0}.summary-item{margin-bottom:16px;text-align:left}.summary-item:last-child{margin-bottom:0}.summary-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:4px;text-align:left}.summary-value{font-size:24px;font-weight:700;color:#2d3748;text-align:left}.summary-value.highlight{color:#10b981}.summary-subtitle{font-size:12px;color:#94a3b8;margin-top:2px;text-align:left}.filter-group.horizontal{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.filter-group.horizontal .filter-option{display:flex;align-items:center;gap:6px}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.stat-box{text-align:left}.stat-box .summary-value{font-size:20px}.filter-section{margin-bottom:20px}.filter-section:last-child{margin-bottom:0}.filter-section h3{font-size:11px;color:#64748b;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-option{display:flex;align-items:center;gap:8px;cursor:pointer}.filter-option input[type=checkbox]{width:15px;height:15px;cursor:pointer}.filter-option label{font-size:13px;color:#2d3748;cursor:pointer;-webkit-user-select:none;user-select:none}.investments-main{display:flex;flex-direction:column;gap:20px}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 900px){.charts-row{grid-template-columns:1fr}}.chart-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000001a}.chart-card h3{font-size:16px;color:#2d3748;margin:0 0 4px;font-weight:600}.chart-header{margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid #e2e8f0}.chart-header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.chart-header h2,.chart-header h3{margin:0 0 4px}.chart-subtitle{font-size:13px;color:#718096;margin:0}.dividend-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.period-toggle{display:flex;background:#f1f5f9;border-radius:8px;padding:4px;gap:2px}.period-btn{padding:8px 14px;font-size:13px;font-weight:500;color:#64748b;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.period-btn:hover{color:#334155;background:#ffffff80}.period-btn.active{color:#1e293b;background:#fff;box-shadow:0 1px 3px #0000001a}.year-select{padding:8px 32px 8px 12px;font-size:13px;font-weight:500;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.year-select:hover{border-color:#cbd5e1}.year-select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}@media (max-width: 768px){.chart-header-top{flex-direction:column}.dividend-controls{width:100%}.period-toggle{width:100%;justify-content:space-between}.period-btn{flex:1;padding:8px;font-size:12px;text-align:center}}.chart-container{position:relative;height:280px}.dividend-summary{margin-top:24px;padding-top:20px;border-top:1px solid #e2e8f0}.dividend-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.dividend-stat{background:#f8fafc;padding:12px 16px;border-radius:8px;text-align:center}.dividend-stat .stat-label{display:block;font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.dividend-stat .stat-value{display:block;font-size:18px;font-weight:600;color:#1e293b}.dividend-table{width:100%;border-collapse:collapse;font-size:14px}.dividend-table th{background:#f1f5f9;padding:10px 12px;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0}.dividend-table th:nth-child(2),.dividend-table th:nth-child(3){text-align:right}.dividend-table td{padding:10px 12px;border-bottom:1px solid #e2e8f0;color:#334155}.dividend-table td.amount,.dividend-table td.percent{text-align:right;font-variant-numeric:tabular-nums}.dividend-table tr.zero-value{color:#94a3b8}.dividend-table tr.zero-value td.amount{color:#cbd5e1}.dividend-table tfoot .total-row{background:#f8fafc}.dividend-table tfoot .total-row td{border-top:2px solid #e2e8f0;border-bottom:none;color:#1e293b}@media (max-width: 768px){.dividend-stats{grid-template-columns:repeat(2,1fr)}}.accounts-table-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 4px #0000001a}.accounts-table-card h3{font-size:18px;color:#2d3748;margin:0 0 20px;font-weight:600;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.account-table{width:100%;border-collapse:collapse}.account-table thead{background:#f7fafc}.account-table th{text-align:left;padding:12px;font-size:12px;color:#718096;text-transform:uppercase;letter-spacing:.5px;font-weight:600;border-bottom:2px solid #e2e8f0}.account-table td{padding:16px 12px;border-bottom:1px solid #e2e8f0;font-size:14px;color:#2d3748}.account-table tbody tr:hover{background:#f7fafc}.account-table tbody tr:last-child td{border-bottom:none}.account-name-cell{font-weight:600;color:#2d3748}.account-number{font-size:12px;color:#718096;display:block;margin-top:2px}.balance-cell{font-weight:700;color:#10b981;font-size:15px}.change-positive{color:#10b981;font-weight:600}.change-negative{color:#ef4444;font-weight:600}.empty-state{text-align:center;padding:48px 24px;color:#94a3b8}.empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state p{font-size:16px;margin:0 0 8px;color:#64748b;font-weight:500}.empty-state small{font-size:14px;color:#94a3b8}.investments-compact-layout{max-width:1600px;margin:0 auto;padding:8px 20px}.compact-card{background:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 2px 4px #0000001a;display:grid;grid-template-columns:120px 380px 1fr;gap:24px;align-items:start}.filters-column{display:flex;flex-direction:column;gap:10px;padding-right:12px;border-right:1px solid #e2e8f0}.filter-section{display:flex;flex-direction:column;gap:6px}.filter-label{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:700;margin-bottom:2px}.filter-list{display:flex;flex-direction:column;gap:4px}.filter-option{display:flex;align-items:center;gap:6px}.filter-option input[type=checkbox]{width:14px;height:14px;cursor:pointer}.filter-option label{font-size:12px;color:#2d3748;cursor:pointer;-webkit-user-select:none;user-select:none}.allocation-column{padding-right:20px;border-right:1px solid #e2e8f0}.allocation-column h3{font-size:13px;color:#2d3748;margin:0 0 8px;font-weight:600}.allocation-compact{display:flex;gap:12px;align-items:center}.allocation-pie{width:200px;height:200px;flex-shrink:0}.allocation-pie canvas{max-height:200px}.allocation-legend-compact{display:flex;flex-direction:column;gap:4px;flex:1}.legend-item{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background:#f8fafc;border-radius:4px;border-left:3px solid;cursor:pointer;transition:all .15s ease;gap:8px}.legend-item:hover{background:#f1f5f9;transform:translate(2px)}.legend-item.selected{background:#e0f2fe;box-shadow:0 1px 4px #3b82f633}.legend-left{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.legend-color{width:10px;height:10px;border-radius:2px;flex-shrink:0}.legend-name{font-weight:500;color:#1e293b;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.legend-right{display:flex;align-items:center;gap:4px;flex-shrink:0}.legend-percent{font-size:12px;font-weight:600;color:#0f172a}.legend-amount{font-size:9px;color:#94a3b8;font-weight:500}.accounts-column{min-width:0}.accounts-column h3{font-size:12px;color:#2d3748;margin:0 0 4px;font-weight:600}.accounts-table-wrapper{max-height:300px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:6px}.accounts-column .account-table{width:100%;border-collapse:collapse;font-size:12px}.accounts-column .account-table thead{background:#f7fafc;position:sticky;top:0;z-index:1}.accounts-column .account-table th{text-align:left;padding:8px 6px;font-size:10px;color:#718096;text-transform:uppercase;letter-spacing:.5px;font-weight:600;border-bottom:2px solid #e2e8f0}.accounts-column .account-table th:nth-child(1),.accounts-column .account-table td:nth-child(1){width:140px;max-width:140px}.accounts-column .account-table th:nth-child(2),.accounts-column .account-table td:nth-child(2){width:120px}.accounts-column .account-table th:nth-child(3),.accounts-column .account-table td:nth-child(3){width:90px}.accounts-column .account-table th:nth-child(4),.accounts-column .account-table td:nth-child(4){width:110px}.accounts-column .account-table th:nth-child(5),.accounts-column .account-table td:nth-child(5){width:80px}.accounts-column .account-table th:nth-child(6),.accounts-column .account-table td:nth-child(6){width:100px}.accounts-column .account-table th:first-child{padding-left:10px}.accounts-column .account-table td{padding:10px 6px;border-bottom:1px solid #f1f5f9;font-size:12px;color:#2d3748}.accounts-column .account-table td:first-child{padding-left:10px}.accounts-column .account-table tbody tr{border-left:3px solid transparent;transition:all .15s ease}.accounts-column .account-table tbody tr:hover{background:#f7fafc}.accounts-column .account-table tbody tr.type-401k{border-left-color:#93c5fd}.accounts-column .account-table tbody tr.type-ira{border-left-color:#86efac}.accounts-column .account-table tbody tr.type-brokerage{border-left-color:#fbbf24}.accounts-column .account-table tbody tr.type-other{border-left-color:#cbd5e1}.planning-transfer-section{margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.planning-transfer-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.planning-transfer-icon{font-size:18px}.planning-transfer-title{font-size:11px;font-weight:700;color:#64748b;letter-spacing:.5px}.planning-transfer-content{display:flex;flex-direction:column;gap:12px}.planning-selection-info{background:linear-gradient(135deg,#ecfdf5,#d1fae5);padding:12px;border-radius:8px;border:1px solid #a7f3d0}.selection-label{font-size:10px;color:#064e3b;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:4px}.selection-value{font-size:20px;font-weight:700;color:#065f46;margin-bottom:2px}.selection-accounts{font-size:11px;color:#047857;font-weight:500}.planning-btn{width:100%;padding:10px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.planning-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.planning-btn:active{transform:translateY(0)}.planning-btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.planning-btn-primary:hover{background:linear-gradient(135deg,#059669,#047857)}.planning-btn-secondary{background:#fff;color:#059669;border:1px solid #a7f3d0}.planning-btn-secondary:hover{background:#ecfdf5;border-color:#6ee7b7}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column}.modal-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:18px;color:#1e293b;font-weight:600}.modal-close{background:none;border:none;font-size:24px;color:#64748b;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.modal-close:hover{background:#f1f5f9;color:#1e293b}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-instructions{margin:0 0 16px;color:#64748b;font-size:14px}.account-selection-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.account-type-group{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.account-type-header{background:#f8fafc;padding:8px 12px;font-size:12px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px}.account-selection-item{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;transition:background .15s ease;border-bottom:1px solid #f1f5f9}.account-selection-item:last-child{border-bottom:none}.account-selection-item:hover{background:#f8fafc}.account-selection-checkbox{width:18px;height:18px;cursor:pointer;flex-shrink:0}.account-item-info{flex:1;min-width:0}.account-item-name{font-size:14px;font-weight:500;color:#1e293b;margin-bottom:2px}.account-item-institution{font-size:12px;color:#64748b}.account-item-balance{font-size:14px;font-weight:600;color:#059669;flex-shrink:0}.modal-summary{padding:12px 16px;background:#ecfdf5;border-radius:6px;border:1px solid #a7f3d0;font-size:14px;color:#065f46;display:flex;justify-content:space-between;align-items:center}.modal-summary strong{font-weight:600}.modal-footer{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end}.modal-footer .planning-btn{width:auto;padding:10px 24px}@media (max-width: 1400px){.compact-card{grid-template-columns:1fr;gap:20px}.filters-column,.allocation-column{border-right:none;border-bottom:1px solid #e2e8f0;padding-bottom:16px}.allocation-compact{justify-content:center}}