@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.portfolio .portfolio-container{border:1px solid var(--border-color);border-radius:var(--spacing-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.portfolio .portfolio-container .portfolio-title{margin-bottom:var(--spacing-xxl)}.portfolio .portfolio-container .portfolio-title h2{color:var(--text-color);font-weight:500;font-size:22px}.portfolio .portfolio-container .loading,.portfolio .portfolio-container .not-logged-in{text-align:center;padding:40px 20px;color:var(--text-secondary)}.portfolio .portfolio-container .summary-and-content{display:flex;justify-content:space-between;gap:var(--spacing-lg);height:500px}.portfolio .portfolio-container .summary-and-content .portfolio-summary{flex:1 1;display:flex;flex-direction:column;gap:var(--spacing-lg)}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value{padding:var(--spacing-xxl);border-radius:var(--border-radius-large);background:var(--bg-grey)}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .summary-header h3{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;margin:0;text-transform:uppercase;letter-spacing:.5px}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .summary-header .summary-actions{display:flex;align-items:center;gap:var(--spacing-md);gap:8px}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .summary-header .summary-actions .last-update{color:var(--text-secondary);font-size:12px;font-weight:400}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .summary-header .summary-actions button{background:var(--bg-white);border:1px solid var(--border-color);border-radius:24px;padding:7px 12px;font-size:var(--font-size-sm)}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .summary-header .summary-actions .refresh-btn{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:6px;border-radius:var(--border-radius-small);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .summary-header .summary-actions .refresh-btn:hover:not(:disabled){background:var(--bg-light);color:var(--primary-color);border-color:var(--primary-color)}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .summary-header .summary-actions .refresh-btn:disabled{opacity:.5;cursor:not-allowed}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .summary-header .summary-actions .refresh-btn.loading{color:var(--primary-color)}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .summary-header .summary-actions .refresh-btn svg{width:14px;height:14px}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .summary-header .summary-actions .refresh-btn svg.spinning{animation:spin 1s linear infinite}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .summary-header .summary-actions .period-button{background:var(--bg-white);border:1px solid var(--border-color);border-radius:24px;padding:7px 12px;font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .summary-header .summary-actions .period-button.active{background-color:var(--primary-color);color:#fff}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .summary-header .summary-actions .period-button.disabled{opacity:.5;cursor:not-allowed;color:var(--text-secondary)}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .summary-header .summary-actions .period-button:hover:not(.disabled):not(.active){border-color:var(--primary-color);color:var(--primary-color)}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .value-display{display:flex;flex-direction:column}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .value-display .value .value-content{display:flex;align-items:center;gap:var(--spacing-sm)}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .value-display .value .price-text{color:var(--text-color);font-size:30px;font-weight:700}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .value-display .value .arrow-icon{display:flex;align-items:center}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .value-display .value .arrow-icon.positive{color:var(--success-color)}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .value-display .value .arrow-icon.negative{color:var(--error-color)}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .value-display .value .arrow-icon svg{width:20px;height:20px}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .value-display .value p{font-weight:500;font-size:var(--font-size)}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .value-display .value .separator-underline{height:1px;width:100%;background:var(--border-color);margin:var(--spacing-xl) 0}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .value-display .metrics-container{display:flex;justify-content:flex-start;gap:20px;margin-top:var(--spacing-md)}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .value-display .metrics-container .daily-impact p,.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .value-display .metrics-container .value-changed p{color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .value-display .metrics-container .daily-impact span{font-size:var(--font-size-sm);font-weight:500}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .value-display .metrics-container .value-changed .change,.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .value-display .metrics-container .value-changed .total-gain{display:flex;border-radius:var(--border-radius-small);font-size:var(--font-size-sm);font-weight:500;margin-top:4px}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .value-display .metrics-container .value-changed .change.positive,.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .value-display .metrics-container .value-changed .total-gain.positive{color:var(--success-color)}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .value-display .metrics-container .value-changed .change.negative,.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .value-display .metrics-container .value-changed .total-gain.negative{color:var(--error-color)}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .value-display .cost-basis{display:flex;justify-content:space-between;align-items:center;padding:6px var(--spacing-md);background:rgba(166,145,108,.05);border-radius:var(--border-radius-small);font-size:var(--font-size-sm)}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .value-display .cost-basis .cost-label{color:var(--text-secondary);font-weight:500}.portfolio .portfolio-container .summary-and-content .portfolio-summary .portfolio-value .value-display .cost-basis .cost-value{color:var(--text-color);font-weight:600}.portfolio .portfolio-container .summary-and-content .daily-summary-block{padding:var(--spacing-xxl);border-radius:var(--border-radius-large);background:var(--bg-grey);height:100%}.portfolio .portfolio-container .summary-and-content .daily-summary-block .summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.portfolio .portfolio-container .summary-and-content .daily-summary-block .summary-header h3{color:var(--text-color);font-size:var(--font-size);font-weight:500;margin:0}.portfolio .portfolio-container .summary-and-content .daily-summary-block .summary-content p{color:var(--text-secondary);font-size:var(--font-size);font-weight:500}.portfolio .portfolio-container .summary-and-content .portfolio-content{flex:2 1;padding:var(--spacing-xxl);border-radius:var(--border-radius-large);background:var(--bg-grey);height:100%;overflow:hidden;display:flex;flex-direction:column}.portfolio .portfolio-container .summary-and-content .portfolio-content .empty-portfolio{text-align:center;padding:60px 20px}.portfolio .portfolio-container .summary-and-content .portfolio-content .empty-portfolio .empty-icon{font-size:48px;margin-bottom:var(--spacing-lg)}.portfolio .portfolio-container .summary-and-content .portfolio-content .empty-portfolio h3{color:var(--text-color);font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--spacing-sm) 0}.portfolio .portfolio-container .summary-and-content .portfolio-content .empty-portfolio p{color:var(--text-secondary);font-size:var(--font-size);margin:0 0 var(--spacing-xxl) 0;max-width:400px;margin-left:auto;margin-right:auto}.portfolio .portfolio-container .summary-and-content .portfolio-content .empty-portfolio .empty-portfolio-actions{display:flex;gap:var(--spacing-md);justify-content:center;align-items:center}.portfolio .portfolio-container .summary-and-content .portfolio-content .empty-portfolio .add-stock-btn.primary{background:var(--primary-color);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-xxl);border-radius:var(--border-radius-large);font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-sm);transition:all .2s ease}.portfolio .portfolio-container .summary-and-content .portfolio-content .empty-portfolio .add-stock-btn.primary:hover{background:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 12px rgba(166,145,108,.3)}.portfolio .portfolio-container .summary-and-content .portfolio-content .empty-portfolio .add-stock-btn.primary svg{width:16px;height:16px}.portfolio .portfolio-container .summary-and-content .portfolio-content .empty-portfolio .add-brokerage-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-xxl);border-radius:var(--border-radius-large);font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-sm);transition:all .2s ease}.portfolio .portfolio-container .summary-and-content .portfolio-content .empty-portfolio .add-brokerage-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.portfolio .portfolio-container .summary-and-content .portfolio-content .empty-portfolio .add-brokerage-btn:disabled{opacity:.7;cursor:not-allowed}.portfolio .portfolio-container .summary-and-content .portfolio-content .empty-portfolio .add-brokerage-btn.connecting{background:linear-gradient(135deg,#1b51cc,#8b5cf6)}.portfolio .portfolio-container .summary-and-content .portfolio-content .empty-portfolio .add-brokerage-btn.connecting .connecting-spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,0);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.portfolio .portfolio-container .summary-and-content .portfolio-content .empty-portfolio .add-brokerage-btn svg{width:16px;height:16px}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-shrink:0}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-header h4{color:var(--text-color);font-size:var(--font-size-lg);font-weight:600;margin:0}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-header .portfolio-header-actions{display:flex;gap:var(--spacing-sm);align-items:center}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-header .add-stock-btn{background:var(--primary-color);color:var(--text-light);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-small);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-header .add-stock-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-medium)}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-header .add-stock-btn svg{width:14px;height:14px}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-header .add-brokerage-btn{background:var(--primary-color);color:var(--text-light);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-small);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-header .add-brokerage-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-medium)}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-header .add-brokerage-btn:disabled{opacity:.7;cursor:not-allowed}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-header .add-brokerage-btn.connecting{background:linear-gradient(135deg,#1b51cc,#8b5cf6)}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-header .add-brokerage-btn.connecting .connecting-spinner{width:14px;height:14px;border:2px solid rgba(0,0,0,0);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-header .add-brokerage-btn svg{width:14px;height:14px}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-container{flex:1 1;overflow-y:auto;padding-right:10px}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-container::-webkit-scrollbar{width:6px}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-container::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper{overflow-y:auto;padding:0 10px 0 0}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper::-webkit-scrollbar{width:6px}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings{display:flex;flex-direction:column;gap:var(--spacing-md)}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item{display:flex;flex-direction:column;padding:0;border:1px solid var(--border-color);border-radius:var(--border-radius-large);background:var(--bg-grey);transition:all .2s ease;overflow:hidden}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-header{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s ease}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-header.expandable{cursor:pointer}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-info{display:flex;align-items:center;gap:var(--spacing-md);flex:1 1}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-info .stock-logo{width:38px;height:38px;border-radius:10px;object-fit:contain}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-info .stock-details .stock-name{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:4px}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-info .stock-details .stock-name .symbol{font-weight:600;color:var(--text-color);font-size:var(--font-size)}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-info .stock-details .stock-name .name{color:var(--text-secondary);font-size:var(--font-size-sm)}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-info .stock-details .shares-info{display:flex;align-items:center;gap:var(--spacing-sm)}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-info .stock-details .shares-info .shares{color:var(--text-secondary);font-size:var(--font-size-xs)}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-info .stock-details .shares-info .purchase-count{color:var(--text-secondary);font-size:var(--font-size-xs);font-style:italic}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-performance{display:flex;flex:2 1;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--spacing-lg);margin-right:var(--spacing-lg)}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-performance .price-info{display:flex;align-items:center;gap:var(--spacing-sm)}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-performance .price-info .current-price{font-weight:500;color:var(--text-color);font-size:var(--font-size-sm)}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-performance .price-info .price-change{display:flex;gap:4px;font-size:var(--font-size-xs);font-weight:500;padding:6px 8px;border-radius:var(--border-radius-small)}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-performance .price-info .price-change.positive{background:var(--light-green);color:var(--success-color)}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-performance .price-info .price-change.negative{background:var(--light-red);color:var(--error-color)}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-performance .price-info .icon-container{display:flex;align-items:center;justify-content:center}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-performance .price-info .icon-container svg{border-radius:50px}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-performance .gains-info{display:flex;gap:var(--spacing-md)}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-performance .gains-info .day-gain,.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-performance .gains-info .total-gain{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-performance .gains-info .day-gain .gain-amount,.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-performance .gains-info .total-gain .gain-amount{font-size:var(--font-size-xs);font-weight:500}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-performance .gains-info .day-gain .gain-amount.positive,.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-performance .gains-info .total-gain .gain-amount.positive{color:var(--success-color)}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-performance .gains-info .day-gain .gain-amount.negative,.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-performance .gains-info .total-gain .gain-amount.negative{color:var(--error-color)}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-performance .gains-info .day-gain .gain-label,.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-performance .gains-info .total-gain .gain-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-performance .holding-value{display:flex;flex-direction:row}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-performance .holding-value .shares{display:flex;align-items:center;margin-right:12px;color:var(--text-secondary);font-size:var(--font-size-xs)}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-performance .holding-value .value{color:var(--text-color);font-size:var(--font-size);font-weight:700}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-actions{display:flex;gap:var(--spacing-sm)}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-actions .action-btn{background:var(--bg-white);border:1px solid var(--border-color);color:var(--text-secondary);padding:var(--spacing-sm);border-radius:var(--border-radius-small);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-actions .action-btn svg{transform:rotate(0deg);transition:transform .2s ease;width:16px;height:16px}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-actions .action-btn svg.open{transform:rotate(180deg)}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-actions .action-btn:disabled{opacity:.5;cursor:not-allowed}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-actions .action-btn.edit:hover{border-color:var(--primary-color);color:var(--primary-color)}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .holding-item .stock-actions .action-btn.delete:hover{border-color:var(--error-color);color:var(--error-color)}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .purchases-details .purchases-list{max-height:240px;overflow-y:auto}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .purchases-details .purchases-list::-webkit-scrollbar{width:6px}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .purchases-details .purchases-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .purchases-details .purchases-list .purchase-item{display:flex;align-items:center;padding:var(--spacing-md);background:var(--bg-white);transition:all .2s ease;border-bottom:1px solid var(--border-color)}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .purchases-details .purchases-list .purchase-item:last-child{border-bottom:none}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .purchases-details .purchases-list .purchase-item .purchase-stock-name{flex:2 1;margin-right:var(--spacing-md)}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .purchases-details .purchases-list .purchase-item .purchase-stock-name .symbol{font-weight:600;color:var(--text-color);font-size:var(--font-size-sm);margin-right:var(--spacing-sm)}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .purchases-details .purchases-list .purchase-item .purchase-stock-name .name{color:var(--text-secondary);font-size:var(--font-size-xs)}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .purchases-details .purchases-list .purchase-item .price{flex:1 1;color:var(--text-color);font-size:14px;font-weight:600;white-space:nowrap}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .purchases-details .purchases-list .purchase-item .cost-container{flex:1 1;display:flex;align-items:center;gap:12px}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .purchases-details .purchases-list .purchase-item .cost-container .shares-amount{color:var(--text-secondary);font-size:12px;white-space:nowrap}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .purchases-details .purchases-list .purchase-item .cost-container .total-cost{color:var(--text-color);font-size:16px;font-weight:700;white-space:nowrap;text-align:right}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .purchases-details .purchases-list .purchase-item .remove-purchase-btn{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:6px;border-radius:var(--border-radius-small);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .purchases-details .purchases-list .purchase-item .remove-purchase-btn:hover{border-color:var(--error-color);color:var(--error-color)}.portfolio .portfolio-container .summary-and-content .portfolio-content .portfolio-holdings-wrapper .portfolio-holdings .purchases-details .purchases-list .purchase-item .remove-purchase-btn svg{width:12px;height:12px}.portfolio .portfolio-container .summary-and-content .portfolio-container .portfolio-row{display:flex;flex-wrap:wrap;gap:20px}.portfolio .portfolio-container .summary-and-content .portfolio-container .portfolio-row .portfolio-item{background:rgba(166,145,108,.08);color:var(--primary-color);border-radius:var(--spacing-lg);padding:15px}.portfolio .portfolio-container .summary-and-content .portfolio-container .portfolio-row .portfolio-impact{font-weight:500;font-size:var(--font-size-sm);line-height:100%;letter-spacing:0;vertical-align:bottom;align-content:space-between;display:flex;flex-direction:column;flex:1 1}.portfolio .portfolio-container .summary-and-content .portfolio-container .portfolio-row .portfolio-impact-text{color:var(--error-color);font-weight:700;font-size:var(--font-size-xxxl);margin:auto 0;line-height:100%;letter-spacing:0;text-align:center}.portfolio .portfolio-container .summary-and-content .portfolio-container .portfolio-row .portfolio-impact-description{font-size:var(--font-size-sm);font-weight:500}.portfolio .portfolio-container .summary-and-content .portfolio-container .portfolio-row .portfolio-stocks{display:flex;flex-direction:column;flex:6 1}.portfolio .portfolio-container .summary-and-content .portfolio-container .portfolio-row .portfolio-stocks .stocks-container{display:flex}.portfolio .portfolio-container .summary-and-content .portfolio-container .portfolio-row .portfolio-stocks .stocks-container .stock-item{background:rgba(166,145,108,.08);color:var(--primary-color);border-radius:var(--spacing-lg);padding:15px;margin-right:20px;margin-bottom:15px;cursor:pointer}.portfolio .portfolio-container .summary-and-content .portfolio-container .portfolio-row .portfolio-stocks .stocks-container .stock-item .stock-info{display:flex;justify-content:space-between;align-items:center}.portfolio .portfolio-container .summary-and-content .portfolio-container .portfolio-row .portfolio-stocks .stocks-container .stock-item .stock-info .stock-details .stock-symbol{font-weight:600;margin-bottom:5px}.portfolio .portfolio-container .summary-and-content .portfolio-container .portfolio-row .portfolio-stocks .stocks-container .stock-item .stock-info .stock-details .stock-shares{font-size:var(--font-size-sm);color:var(--text-secondary)}.portfolio .portfolio-container .summary-and-content .portfolio-container .portfolio-row .portfolio-stocks .stocks-container .stock-item .stock-info .stock-performance{text-align:right}.portfolio .portfolio-container .summary-and-content .portfolio-container .portfolio-row .portfolio-stocks .stocks-container .stock-item .stock-info .stock-performance .current-price{font-weight:600;margin-bottom:5px}.portfolio .portfolio-container .summary-and-content .portfolio-container .portfolio-row .portfolio-stocks .stocks-container .stock-item .stock-info .stock-performance .price-change{font-size:var(--font-size-sm)}.portfolio .portfolio-container .summary-and-content .portfolio-container .portfolio-row .portfolio-stocks .stocks-container .stock-item .stock-info .stock-performance .price-change.positive{color:var(--success-color)}.portfolio .portfolio-container .summary-and-content .portfolio-container .portfolio-row .portfolio-stocks .stocks-container .stock-item .stock-info .stock-performance .price-change.negative{color:var(--error-color)}.portfolio .portfolio-container .summary-and-content .manual-holdings-section{margin-bottom:var(--spacing-xl)}.portfolio .portfolio-container .summary-and-content .manual-holdings-section .portfolio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);flex-shrink:0}.portfolio .portfolio-container .summary-and-content .manual-holdings-section .portfolio-header h4{color:var(--text-color);font-weight:600;font-size:18px;margin:0}.portfolio .portfolio-container .summary-and-content .manual-holdings-section .portfolio-header .holdings-note{color:var(--text-secondary);font-size:14px;font-style:italic}.portfolio .portfolio-container .summary-and-content .manual-holdings-section .portfolio-header .add-stock-btn{background:var(--primary-color);color:var(--text-light);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-small);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.portfolio .portfolio-container .summary-and-content .manual-holdings-section .portfolio-header .add-stock-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-medium)}.portfolio .portfolio-container .summary-and-content .manual-holdings-section .portfolio-header .add-stock-btn svg{width:14px;height:14px}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section{margin-bottom:var(--spacing-xl)}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .portfolio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);flex-shrink:0}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .portfolio-header h4{color:var(--text-color);font-weight:600;font-size:18px;margin:0}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .portfolio-header .holdings-note{color:var(--text-secondary);font-size:14px;font-style:italic}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .portfolio-header .add-stock-btn{background:var(--primary-color);color:var(--text-light);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-small);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .portfolio-header .add-stock-btn:hover{background:color-mix(in srgb,var(--primary-color),black 10%);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .portfolio-header .add-stock-btn svg{width:14px;height:14px}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-container{margin-bottom:var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--border-radius-large);overflow:hidden;background:rgba(59,130,246,.02)}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-container .brokerage-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(99,102,241,.08));border-bottom:1px solid var(--border-color)}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-container .brokerage-header .brokerage-info{display:flex;align-items:center;gap:var(--spacing-md)}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-container .brokerage-header .brokerage-info .brokerage-logo .broker-icon{font-size:24px;background:var(--primary-color);color:#fff;padding:var(--spacing-sm);border-radius:50%;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-container .brokerage-header .brokerage-info .brokerage-logo .broker-logo-img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-container .brokerage-header .brokerage-info .brokerage-details .brokerage-name{color:var(--text-color);font-weight:600;font-size:16px;margin:0 0 4px}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-container .brokerage-header .brokerage-info .brokerage-details .account-name{color:var(--text-secondary);font-size:14px}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-container .brokerage-header .holdings-count{color:var(--text-secondary);font-size:14px;font-weight:500;background:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);border:1px solid var(--border-color)}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-container .portfolio-holdings-wrapper{padding:var(--spacing-md);background:#fff;max-height:300px;overflow-y:auto}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-container .portfolio-holdings-wrapper::-webkit-scrollbar{width:6px}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-container .portfolio-holdings-wrapper::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-container .portfolio-holdings-wrapper::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-container .holdings-type-container{margin-bottom:var(--spacing-lg);border:1px solid rgba(var(--border-color),.5);border-radius:var(--border-radius-large);background:hsla(0,0%,100%,.8);overflow:hidden}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-container .holdings-type-container .holdings-type-header{padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(99,102,241,.05));border-bottom:1px solid rgba(var(--border-color),.3);display:flex;justify-content:space-between;align-items:center}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-container .holdings-type-container .holdings-type-header .holdings-type-title{color:var(--text-color);font-weight:600;font-size:14px;margin:0}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-container .holdings-type-container .holdings-type-header .holdings-type-description{color:var(--text-secondary);font-size:12px;font-style:italic}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-container .holdings-type-container .portfolio-holdings-wrapper{padding:var(--spacing-sm);background:#fff;max-height:250px;overflow-y:auto}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-item .stock-header{background:#fff;border:1px solid var(--border-color);border-left:3px solid var(--primary-color)}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-item .stock-header .stock-details .description{color:var(--text-secondary);font-size:12px;margin-left:var(--spacing-sm);font-style:italic}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-item .stock-header .stock-details .option-details,.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-item .stock-header .stock-details .order-details{display:flex;gap:var(--spacing-xs);margin-top:4px;flex-wrap:wrap}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-item .stock-header .stock-details .option-details .expiration,.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-item .stock-header .stock-details .option-details .option-type,.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-item .stock-header .stock-details .option-details .order-action,.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-item .stock-header .stock-details .option-details .order-status,.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-item .stock-header .stock-details .option-details .order-type,.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-item .stock-header .stock-details .option-details .strike-price,.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-item .stock-header .stock-details .order-details .expiration,.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-item .stock-header .stock-details .order-details .option-type,.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-item .stock-header .stock-details .order-details .order-action,.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-item .stock-header .stock-details .order-details .order-status,.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-item .stock-header .stock-details .order-details .order-type,.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-item .stock-header .stock-details .order-details .strike-price{background:rgba(var(--primary-color),.1);color:var(--primary-color);padding:2px 6px;border-radius:var(--border-radius-small);font-size:10px;font-weight:500}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-item .stock-header .stock-actions .holding-type-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-size:12px;font-weight:500;text-align:center;min-width:80px}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-item .stock-header .stock-actions .holding-type-badge.position{background:linear-gradient(135deg,#10B981,#059669);color:#fff}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-item .stock-header .stock-actions .holding-type-badge.option{background:linear-gradient(135deg,#F59E0B,#D97706);color:#fff}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-item .stock-header .stock-actions .holding-type-badge.order{background:linear-gradient(135deg,#6366F1,#4F46E5);color:#fff}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-item .stock-header .stock-actions .brokerage-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-size:12px;font-weight:500;text-align:center;min-width:100px}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-item.position-item .stock-header{border-left-color:#10b981}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-item.option-item .stock-header{border-left-color:#f59e0b}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-item.order-item .stock-header{border-left-color:#6366f1}.portfolio .portfolio-container .summary-and-content .brokerage-holdings-section .brokerage-item:hover .stock-header{background:rgba(59,130,246,.02)}@media(max-width:var(--breakpoint-sm )){.portfolio .portfolio-container .summary-and-content{flex-direction:column;gap:var(--spacing-md);height:auto}.portfolio .portfolio-container .portfolio-content{width:100%;padding:var(--spacing-md);height:auto;max-height:70vh}.portfolio .portfolio-container .portfolio-content .portfolio-holdings-container{max-height:50vh}}@media(min-width:1201px){.portfolio .portfolio-container{max-width:1400px;margin:0 auto var(--spacing-xl) auto}.portfolio .portfolio-container .summary-and-content{height:600px;gap:var(--spacing-xl)}}@media(max-width:1200px)and (min-width:1025px){.portfolio .portfolio-container .summary-and-content{height:550px}}@media(max-width:1200px)and (min-width:1025px)and (max-width:1024px)and (min-width:769px){.portfolio .portfolio-container{padding:var(--spacing-lg)}.portfolio .portfolio-container .summary-and-content{height:auto;min-height:400px;gap:var(--spacing-md)}}@keyframes shimmer{to{transform:translateX(100%)}}.portfolio-skeleton{border:1px solid var(--border-color);border-radius:var(--spacing-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);position:relative}.portfolio-skeleton .summary-and-content-skeleton{display:flex;justify-content:space-between;gap:var(--spacing-lg)}.portfolio-skeleton .summary-and-content-skeleton .portfolio-summary-skeleton{flex:1 1;display:flex;flex-direction:column;gap:var(--spacing-lg)}.portfolio-skeleton .summary-and-content-skeleton .portfolio-summary-skeleton .portfolio-value-skeleton{height:260px;background-color:var(--bg-grey);border-radius:var(--border-radius-large);padding:var(--spacing-xxl);position:relative;overflow:hidden}.portfolio-skeleton .summary-and-content-skeleton .portfolio-summary-skeleton .portfolio-value-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,rgba(var(--primary-color),0) 0,rgba(var(--primary-color),.1) 20%,rgba(var(--primary-color),.2) 60%,rgba(var(--primary-color),0) 100%);animation:shimmer 2s infinite}.portfolio-skeleton .summary-and-content-skeleton .portfolio-summary-skeleton .daily-summary-block-skeleton{flex-grow:1;min-height:150px;background-color:var(--bg-grey);border-radius:var(--border-radius-large);padding:var(--spacing-xxl);position:relative;overflow:hidden}.portfolio-skeleton .summary-and-content-skeleton .portfolio-summary-skeleton .daily-summary-block-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,rgba(var(--primary-color),0) 0,rgba(var(--primary-color),.1) 20%,rgba(var(--primary-color),.2) 60%,rgba(var(--primary-color),0) 100%);animation:shimmer 2s infinite}.portfolio-skeleton .summary-and-content-skeleton .portfolio-content-skeleton{flex:2 1;min-height:450px;background-color:var(--bg-grey);border-radius:var(--border-radius-large);padding:var(--spacing-xxl);position:relative;overflow:hidden}.portfolio-skeleton .summary-and-content-skeleton .portfolio-content-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,rgba(var(--primary-color),0) 0,rgba(var(--primary-color),.1) 20%,rgba(var(--primary-color),.2) 60%,rgba(var(--primary-color),0) 100%);animation:shimmer 2s infinite}@media(max-width:var(--breakpoint-sm )){.portfolio-skeleton{padding:var(--spacing-lg)}.portfolio-skeleton .summary-and-content-skeleton{flex-direction:column;gap:var(--spacing-md)}.portfolio-skeleton .summary-and-content-skeleton .portfolio-summary-skeleton{width:100%}.portfolio-skeleton .summary-and-content-skeleton .portfolio-summary-skeleton .daily-summary-block-skeleton,.portfolio-skeleton .summary-and-content-skeleton .portfolio-summary-skeleton .portfolio-value-skeleton{padding:var(--spacing-lg);height:auto;min-height:180px}.portfolio-skeleton .summary-and-content-skeleton .portfolio-content-skeleton{width:100%;padding:var(--spacing-lg);min-height:300px}}.my-stock-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.my-stock-modal-container{display:flex;flex-direction:column;background:var(--bg-white);border-radius:var(--border-radius-large);width:90%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-large);border:1px solid var(--border-color)}.my-stock-modal-container .modal-header{padding:var(--spacing-xxl) var(--spacing-xxl) 0 var(--spacing-xxl);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-xxl)}.my-stock-modal-container .modal-header h2{color:var(--text-color);font-size:var(--font-size-xl);font-weight:600;margin:0}.my-stock-modal-container .modal-header .close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-small);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.my-stock-modal-container .modal-header .close-btn:hover{background:var(--bg-light);color:var(--text-color)}.my-stock-modal-container .modal-header .close-btn svg{width:20px;height:20px}.my-stock-modal-container .modal-content{padding:0 var(--spacing-xxl);max-height:calc(90vh - 140px);overflow-y:auto}.my-stock-modal-container .modal-content .search-section{margin-bottom:var(--spacing-xxl)}.my-stock-modal-container .modal-content .search-section .search-input-container{position:relative}.my-stock-modal-container .modal-content .search-section .search-input-container .search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-secondary);width:18px;height:18px}.my-stock-modal-container .modal-content .search-section .search-input-container .search-input{width:100%;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-md) 44px;border:1px solid var(--border-color);border-radius:var(--border-radius-large);background:var(--bg-light);color:var(--text-color);font-size:var(--font-size);transition:all .2s ease}.my-stock-modal-container .modal-content .search-section .search-input-container .search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(166,145,108,.1)}.my-stock-modal-container .modal-content .search-section .search-input-container .search-input::placeholder{color:var(--text-secondary)}.my-stock-modal-container .modal-content .search-section .search-loading{text-align:center;padding:var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-size-sm)}.my-stock-modal-container .modal-content .search-section .search-results{margin-top:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-large);background:var(--bg-light);max-height:200px;overflow-y:auto}.my-stock-modal-container .modal-content .search-section .search-results .search-result-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:background .2s ease;border-bottom:1px solid var(--border-color)}.my-stock-modal-container .modal-content .search-section .search-results .search-result-item:last-child{border-bottom:none}.my-stock-modal-container .modal-content .search-section .search-results .search-result-item:hover{background:rgba(166,145,108,.1)}.my-stock-modal-container .modal-content .search-section .search-results .search-result-item .stock-info{display:flex;align-items:center;gap:var(--spacing-md);flex:1 1}.my-stock-modal-container .modal-content .search-section .search-results .search-result-item .stock-info .stock-logo{width:40px;height:40px;border-radius:var(--spacing-sm);object-fit:contain}.my-stock-modal-container .modal-content .search-section .search-results .search-result-item .stock-info .stock-details{display:flex;flex-direction:column;gap:2px}.my-stock-modal-container .modal-content .search-section .search-results .search-result-item .stock-info .stock-details .stock-symbol{font-weight:600;color:var(--text-color);font-size:var(--font-size)}.my-stock-modal-container .modal-content .search-section .search-results .search-result-item .stock-info .stock-details .stock-name{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.my-stock-modal-container .modal-content .search-section .search-results .search-result-item .stock-price{text-align:right}.my-stock-modal-container .modal-content .search-section .search-results .search-result-item .stock-price .price{display:block;font-weight:600;color:var(--text-color);font-size:var(--font-size)}.my-stock-modal-container .modal-content .search-section .search-results .search-result-item .stock-price .change{font-size:var(--font-size-sm);font-weight:500}.my-stock-modal-container .modal-content .search-section .search-results .search-result-item .stock-price .change.positive{color:var(--success-color)}.my-stock-modal-container .modal-content .search-section .search-results .search-result-item .stock-price .change.negative{color:var(--error-color)}.my-stock-modal-container .modal-content .selected-stock-section .selected-stock{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);border:1px solid var(--border-color);border-radius:var(--border-radius-large);background:var(--bg-light);margin-bottom:var(--spacing-xxl)}.my-stock-modal-container .modal-content .selected-stock-section .selected-stock .selected-stock-logo{width:56px;height:56px;border-radius:var(--border-radius-large);object-fit:contain}.my-stock-modal-container .modal-content .selected-stock-section .selected-stock .selected-stock-info h3{color:var(--text-color);font-size:var(--font-size-lg);font-weight:600;margin:0 0 4px}.my-stock-modal-container .modal-content .selected-stock-section .selected-stock .selected-stock-info p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-sm) 0}.my-stock-modal-container .modal-content .selected-stock-section .selected-stock .selected-stock-info .current-price{color:var(--text-color);font-size:var(--font-size-lg);font-weight:600}.my-stock-modal-container .modal-content .selected-stock-section .purchases-section{margin-bottom:var(--spacing-xxl)}.my-stock-modal-container .modal-content .selected-stock-section .purchases-section h4{color:var(--text-color);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-lg) 0}.my-stock-modal-container .modal-content .selected-stock-section .purchases-section .purchase-item{border:1px solid var(--border-color);border-radius:var(--border-radius-large);background:var(--bg-light);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.my-stock-modal-container .modal-content .selected-stock-section .purchases-section .purchase-item .purchase-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.my-stock-modal-container .modal-content .selected-stock-section .purchases-section .purchase-item .purchase-header .purchase-label{color:var(--text-color);font-weight:600;font-size:var(--font-size-sm)}.my-stock-modal-container .modal-content .selected-stock-section .purchases-section .purchase-item .purchase-header .remove-purchase-btn{background:none;border:none;color:var(--error-color);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-small);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.my-stock-modal-container .modal-content .selected-stock-section .purchases-section .purchase-item .purchase-header .remove-purchase-btn:hover{background:rgba(239,68,68,.1)}.my-stock-modal-container .modal-content .selected-stock-section .purchases-section .purchase-item .purchase-header .remove-purchase-btn svg{width:16px;height:16px}.my-stock-modal-container .modal-content .selected-stock-section .purchases-section .purchase-item .purchase-inputs{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.my-stock-modal-container .modal-content .selected-stock-section .purchases-section .purchase-item .purchase-inputs .input-group label{display:block;color:var(--text-color);font-weight:500;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm)}.my-stock-modal-container .modal-content .selected-stock-section .purchases-section .purchase-item .purchase-inputs .input-group .date-input,.my-stock-modal-container .modal-content .selected-stock-section .purchases-section .purchase-item .purchase-inputs .input-group .shares-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--border-radius-large);background:var(--bg-white);color:var(--text-color);font-size:var(--font-size);font-weight:500;transition:all .2s ease}.my-stock-modal-container .modal-content .selected-stock-section .purchases-section .purchase-item .purchase-inputs .input-group .date-input:focus,.my-stock-modal-container .modal-content .selected-stock-section .purchases-section .purchase-item .purchase-inputs .input-group .shares-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(166,145,108,.1)}.my-stock-modal-container .modal-content .selected-stock-section .purchases-section .purchase-item .purchase-inputs .input-group .date-input::placeholder,.my-stock-modal-container .modal-content .selected-stock-section .purchases-section .purchase-item .purchase-inputs .input-group .shares-input::placeholder{color:var(--text-secondary)}.my-stock-modal-container .modal-content .selected-stock-section .purchases-section .purchase-item .purchase-summary .loading-price{color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic}.my-stock-modal-container .modal-content .selected-stock-section .purchases-section .purchase-item .purchase-summary .price-info{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.my-stock-modal-container .modal-content .selected-stock-section .purchases-section .purchase-item .purchase-summary .price-info span:first-child{color:var(--text-secondary)}.my-stock-modal-container .modal-content .selected-stock-section .purchases-section .purchase-item .purchase-summary .price-info .purchase-value{color:var(--text-color);font-weight:600}.my-stock-modal-container .modal-content .selected-stock-section .purchases-section .purchase-item .purchase-summary .price-input{text-align:center;width:3.8rem;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-white);color:var(--text-color);font-weight:500;transition:all .2s ease}.my-stock-modal-container .modal-content .selected-stock-section .purchases-section .purchase-item .purchase-summary .price-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(166,145,108,.1)}.my-stock-modal-container .modal-content .selected-stock-section .purchases-section .purchase-item .purchase-summary .price-input::placeholder{color:var(--text-secondary)}.my-stock-modal-container .modal-content .selected-stock-section .purchases-section .purchase-item .purchase-summary .price-input::-webkit-inner-spin-button,.my-stock-modal-container .modal-content .selected-stock-section .purchases-section .purchase-item .purchase-summary .price-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.my-stock-modal-container .modal-content .selected-stock-section .purchases-section .purchase-item .purchase-summary .price-error{color:var(--error-color);font-size:var(--font-size-sm)}.my-stock-modal-container .modal-content .selected-stock-section .purchases-section .add-purchase-btn{width:100%;background:rgba(0,0,0,0);border:2px dashed var(--border-color);color:var(--primary-color);padding:var(--spacing-lg);border-radius:var(--border-radius-large);font-weight:500;font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.my-stock-modal-container .modal-content .selected-stock-section .purchases-section .add-purchase-btn:hover{border-color:var(--primary-color);background:rgba(166,145,108,.05)}.my-stock-modal-container .modal-content .selected-stock-section .purchases-section .add-purchase-btn svg{width:16px;height:16px}.my-stock-modal-container .modal-content .selected-stock-section .transaction-summary{padding:var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--border-radius-large);background:rgba(166,145,108,.05);margin-bottom:var(--spacing-xxl)}.my-stock-modal-container .modal-content .selected-stock-section .transaction-summary .summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.my-stock-modal-container .modal-content .selected-stock-section .transaction-summary .summary-row:last-child{margin-bottom:0}.my-stock-modal-container .modal-content .selected-stock-section .transaction-summary .summary-row.total{border-top:1px solid var(--border-color);padding-top:var(--spacing-sm);margin-top:var(--spacing-sm)}.my-stock-modal-container .modal-content .selected-stock-section .transaction-summary .summary-row.total span{font-weight:600;color:var(--text-color)}.my-stock-modal-container .modal-content .selected-stock-section .transaction-summary .summary-row span{font-size:var(--font-size-sm)}.my-stock-modal-container .modal-content .selected-stock-section .transaction-summary .summary-row span:first-child{color:var(--text-secondary)}.my-stock-modal-container .modal-content .selected-stock-section .transaction-summary .summary-row span:last-child{color:var(--text-color);font-weight:500}.my-stock-modal-container .modal-footer{padding:var(--spacing-xxl);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-md);justify-content:flex-end}.my-stock-modal-container .modal-footer .add-btn,.my-stock-modal-container .modal-footer .cancel-btn{padding:var(--spacing-md) var(--spacing-xxl);border-radius:var(--border-radius-large);font-weight:500;font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--spacing-sm)}.my-stock-modal-container .modal-footer .add-btn:disabled,.my-stock-modal-container .modal-footer .cancel-btn:disabled{opacity:.5;cursor:not-allowed}.my-stock-modal-container .modal-footer .cancel-btn{background:rgba(0,0,0,0);border:1px solid var(--border-color);color:var(--text-secondary)}.my-stock-modal-container .modal-footer .cancel-btn:hover:not(:disabled){background:var(--bg-light);color:var(--text-color)}.my-stock-modal-container .modal-footer .add-btn{background:var(--primary-color);border:1px solid var(--primary-color);color:var(--bg-white)}.my-stock-modal-container .modal-footer .add-btn:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color)}.my-stock-modal-container .modal-footer .add-btn svg{width:16px;height:16px}@media(max-width:var(--breakpoint-sm )){.my-stock-modal-container{display:flex;flex-direction:column;width:95%;max-width:none}.my-stock-modal-container .modal-content .selected-stock-section .purchases-section .purchase-item .purchase-inputs{grid-template-columns:1fr}.my-stock-modal-container .modal-footer{flex-direction:column}.my-stock-modal-container .modal-footer .add-btn,.my-stock-modal-container .modal-footer .cancel-btn{width:100%;justify-content:center}}