.portfolios-overview.svelte-bsu9na{padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:#fafbfc;min-height:100vh;font-size:13px;line-height:1.4}.loading-state.svelte-bsu9na,.error-state.svelte-bsu9na,.empty-state.svelte-bsu9na{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;background:#fff;border:1px solid #e1e5e9;margin:20px auto;max-width:400px}.spinner.svelte-bsu9na{width:20px;height:20px;border:2px solid #f0f0f0;border-top:2px solid #2c3e50;border-radius:50%;animation:svelte-bsu9na-spin 1s linear infinite;margin-bottom:12px}@keyframes svelte-bsu9na-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message.svelte-bsu9na{color:#dc3545;margin-bottom:16px;font-weight:500}.retry-button.svelte-bsu9na{padding:8px 16px;border:1px solid #2c3e50;background:#2c3e50;color:#fff;cursor:pointer;font-family:inherit;font-weight:500;font-size:12px;transition:all .15s ease}.retry-button.svelte-bsu9na:hover{background:#34495e;border-color:#34495e}.portfolios-grid.svelte-bsu9na{display:grid;grid-template-columns:repeat(auto-fit,minmax(850px,1fr));gap:16px}.portfolio-card.svelte-bsu9na{background:#fff;border:1px solid #e1e5e9;transition:border-color .15s ease}.portfolio-card.svelte-bsu9na:hover{border-color:#cbd2d9}.portfolio-header.svelte-bsu9na{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e1e5e9;cursor:pointer;transition:background-color .15s ease}.portfolio-header.svelte-bsu9na:hover{background:#f0f2f5}.header-left.svelte-bsu9na{flex:1}.header-main-row.svelte-bsu9na{display:flex;align-items:center;justify-content:space-between;width:100%}.portfolio-id.svelte-bsu9na{font-weight:600;font-size:14px;color:#2c3e50;font-family:SF Mono,Monaco,Cascadia Code,monospace;flex-shrink:0}.header-metrics.svelte-bsu9na{display:flex;gap:20px;align-items:center}.header-metric.svelte-bsu9na{display:flex;align-items:center;gap:4px;font-size:11px;padding:2px 6px;border-radius:3px;background:#6c757d1a}.header-metric.svelte-bsu9na .metric-label:where(.svelte-bsu9na){color:#6c757d;font-weight:500}.header-metric.svelte-bsu9na .metric-value:where(.svelte-bsu9na){font-family:SF Mono,Monaco,Cascadia Code,monospace;font-weight:600}.header-metric.svelte-bsu9na:has(.util-low:where(.svelte-bsu9na)){background:#28a7451a;border:1px solid rgba(40,167,69,.2)}.header-metric.svelte-bsu9na:has(.util-medium:where(.svelte-bsu9na)){background:#ffc1071a;border:1px solid rgba(255,193,7,.3)}.header-metric.svelte-bsu9na:has(.util-high:where(.svelte-bsu9na)){background:#dc35451a;border:1px solid rgba(220,53,69,.2)}.header-metric.svelte-bsu9na:has(.pnl-positive:where(.svelte-bsu9na)){background:#28a7451a;border:1px solid rgba(40,167,69,.2)}.header-metric.svelte-bsu9na:has(.pnl-negative:where(.svelte-bsu9na)){background:#dc35451a;border:1px solid rgba(220,53,69,.2)}.util-low.svelte-bsu9na{color:#28a745;font-weight:700}.util-medium.svelte-bsu9na{color:#f57c00;font-weight:700}.util-high.svelte-bsu9na{color:#dc3545;font-weight:700}.pnl-positive.svelte-bsu9na{color:#28a745;font-weight:700}.pnl-negative.svelte-bsu9na{color:#dc3545;font-weight:700}.metric-value.svelte-bsu9na{color:#2c3e50}.no-data-header.svelte-bsu9na{color:#6c757d;font-style:italic;padding:2px 8px;background:#6c757d1a;border-radius:3px}.header-controls.svelte-bsu9na{display:flex;align-items:center;margin-left:24px}.view-button.svelte-bsu9na{padding:4px 12px;border:1px solid #6c757d;background:#fff;color:#6c757d;cursor:pointer;font-family:inherit;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;transition:all .15s ease}.view-button.svelte-bsu9na:hover{background:#6c757d;color:#fff}.portfolio-content.svelte-bsu9na{padding:16px}.top-row.svelte-bsu9na{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.portfolio-info-section.svelte-bsu9na,.inventory-section.svelte-bsu9na,.pnl-section.svelte-bsu9na{border:1px solid #e1e5e9;padding:12px;background:#fff}.portfolio-info-section.svelte-bsu9na{background:#f8f9fa}.inventory-section.svelte-bsu9na{background:#f8fffe;border-color:#d4edda}.pnl-section.svelte-bsu9na{background:#fff9f5;border-color:#ffeaa7}.info-row.svelte-bsu9na{display:flex;margin-bottom:6px;align-items:flex-start}.label.svelte-bsu9na{font-weight:500;min-width:70px;margin-right:8px;color:#6c757d;font-size:11px;text-transform:uppercase;letter-spacing:.3px;line-height:1.2}.value.svelte-bsu9na{flex:1;color:#2c3e50;font-weight:500;font-size:12px}.inventory-section.svelte-bsu9na h4:where(.svelte-bsu9na),.pnl-section.svelte-bsu9na h4:where(.svelte-bsu9na){font-weight:600;margin:0 0 8px;font-size:11px;color:#495057;text-transform:uppercase;letter-spacing:.5px;padding-bottom:4px;border-bottom:1px solid #e9ecef}.inventory-section.svelte-bsu9na h4:where(.svelte-bsu9na){color:#28a745}.pnl-section.svelte-bsu9na h4:where(.svelte-bsu9na){color:#fd7e14}.metric-row.svelte-bsu9na{display:flex;justify-content:space-between;margin-bottom:4px;align-items:center}.metric-label.svelte-bsu9na{font-weight:500;color:#6c757d;font-size:11px;text-transform:uppercase;letter-spacing:.3px}.metric-value.svelte-bsu9na{font-weight:600;text-align:right;color:#2c3e50;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:11px}.no-data.svelte-bsu9na{color:#adb5bd;font-style:italic;text-align:center;padding:16px 0;font-weight:400;font-size:11px}.metric-value.svelte-bsu9na:hover{background:#2c3e500d;padding:2px 4px;margin:-2px -4px}.portfolio-info-section.svelte-bsu9na:before,.inventory-section.svelte-bsu9na:before,.pnl-section.svelte-bsu9na:before{content:"";display:block;width:100%;height:2px;margin-bottom:8px}.portfolio-info-section.svelte-bsu9na:before{background:linear-gradient(90deg,#6c757d,transparent)}.inventory-section.svelte-bsu9na:before{background:linear-gradient(90deg,#28a745,transparent)}.pnl-section.svelte-bsu9na:before{background:linear-gradient(90deg,#fd7e14,transparent)}@media (max-width: 1024px){.portfolios-grid.svelte-bsu9na{grid-template-columns:1fr}}@media (max-width: 768px){.portfolios-overview.svelte-bsu9na{padding:16px}.top-row.svelte-bsu9na{grid-template-columns:1fr;gap:8px}.portfolio-content.svelte-bsu9na{padding:12px}.portfolio-header.svelte-bsu9na{padding:10px 12px}}@media print{.portfolios-overview.svelte-bsu9na{background:#fff}.portfolio-card.svelte-bsu9na{border:2px solid #000;margin-bottom:20px;break-inside:avoid}.view-button.svelte-bsu9na{display:none}}