:root{--color-primary:#1e3a5f;--color-primary-light:#2d4a6f;--color-primary-dark:#152a45;--color-accent:#3b82f6;--color-accent-light:#60a5fa;--color-accent-hover:#2563eb;--color-success:#10b981;--color-success-light:#34d399;--color-danger:#ef4444;--color-danger-light:#f87171;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-bg:#f8fafc;--color-bg-secondary:#fff;--color-bg-tertiary:#f1f5f9;--color-surface:#fff;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-text:#1e293b;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--color-text-inverse:#fff;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--radius-sm:4px;--radius:8px;--radius-lg:12px;--radius-xl:16px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--transition-fast:.15s ease;--transition:.2s ease;--transition-slow:.3s ease;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px}[data-theme=dark]{--color-primary:#3b82f6;--color-primary-light:#60a5fa;--color-primary-dark:#1e3a5f;--color-accent:#60a5fa;--color-accent-hover:#93c5fd;--color-bg:#0f172a;--color-bg-secondary:#1e293b;--color-bg-tertiary:#334155;--color-surface:#1e293b;--color-border:#334155;--color-border-light:#475569;--color-text:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-text-inverse:#0f172a}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}#root{min-height:100vh}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast);border:none;font-size:.875rem;font-weight:500;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-accent);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover)}.btn-success{background-color:var(--color-success);color:var(--color-text-inverse)}.btn-success:hover:not(:disabled){background-color:var(--color-success-light)}.btn-danger{background-color:var(--color-danger);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-light)}.btn-secondary{background-color:var(--color-bg-tertiary);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-border)}.btn-ghost{color:var(--color-text-secondary);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-tertiary)}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--color-border-light)}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);font-size:.875rem}.input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #3b82f61a}.input::placeholder{color:var(--color-text-muted)}.table{border-collapse:collapse;width:100%;font-size:.875rem}.table th{text-align:left;padding:var(--spacing-md);color:var(--color-text-secondary);background-color:var(--color-bg-tertiary);border-bottom:2px solid var(--color-border);font-weight:600}.table td{padding:var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.table tbody tr:hover{background-color:var(--color-bg-tertiary)}.table tbody tr:nth-child(2n){background-color:var(--color-bg-secondary)}.table tbody tr:nth-child(2n):hover{background-color:var(--color-bg-tertiary)}.badge{border-radius:9999px;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.badge-success{color:var(--color-success);background-color:#10b9811a}.badge-danger{color:var(--color-danger);background-color:#ef44441a}.badge-warning{color:var(--color-warning);background-color:#f59e0b1a}.badge-info{color:var(--color-accent);background-color:#3b82f61a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition) ease-out}.animate-slide-up{animation:slideUp var(--transition) ease-out}.animate-spin{animation:1s linear infinite spin}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.input-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.input-label{color:var(--color-text);font-size:.875rem;font-weight:500}.input-error{border-color:var(--color-danger)}.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.input-error-text{color:var(--color-danger);font-size:.75rem}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:1rem}[data-theme=dark] .badge-success{background-color:#10b98133}[data-theme=dark] .badge-danger{background-color:#ef444433}[data-theme=dark] .badge-warning{background-color:#f59e0b33}[data-theme=dark] .badge-info{background-color:#3b82f633}.page-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.page-title{color:var(--color-text);margin:0;font-size:1.5rem;font-weight:600}.page-actions{gap:var(--spacing-sm);display:flex}.empty-state{padding:var(--spacing-2xl);text-align:center;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{margin-bottom:var(--spacing-md);opacity:.5;font-size:3rem}.empty-state-text{font-size:.875rem}.loading-state{padding:var(--spacing-2xl);color:var(--color-text-muted);justify-content:center;align-items:center;gap:var(--spacing-sm);display:flex}.form-grid{gap:var(--spacing-md);display:grid}.form-row{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.form-row>*{flex:1;min-width:200px}.card-modern{overflow:hidden}.card-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.card-title{color:var(--color-text);margin:0;font-size:1rem;font-weight:600}.card-actions{gap:var(--spacing-sm);display:flex}.card-body{padding:var(--spacing-lg)}.stock-symbol,.fund-symbol{font-family:var(--font-mono);border-radius:var(--radius-sm);padding:2px 8px;font-weight:600}.stock-symbol{color:var(--color-accent);background-color:#3b82f61a}.fund-symbol{color:var(--color-success);background-color:#10b9811a}.portfolio-name{color:var(--color-text);font-weight:600}.value-cell{font-family:var(--font-mono);color:var(--color-accent);font-weight:500}.asset-cell{font-family:var(--font-mono);font-size:.875rem}.text-muted{color:var(--color-text-muted)}.charts-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.pie-chart{gap:var(--spacing-md);flex-direction:column;display:flex}.pie-chart-visual{width:200px;height:200px;margin:0 auto;position:relative}.pie-chart-svg{width:100%;height:100%}.pie-chart-slice{transition:all var(--transition-fast);cursor:pointer}.pie-chart-slice:hover{filter:brightness(1.1)}.pie-chart-center{text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pie-chart-total-label{color:var(--color-text-muted);font-size:.75rem;display:block}.pie-chart-total-value{color:var(--color-text);font-size:.875rem;font-weight:600;display:block}.pie-chart-legend{gap:var(--spacing-sm);flex-direction:column;display:flex}.pie-chart-legend-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius);transition:background-color var(--transition-fast);display:flex}.pie-chart-legend-item:hover{background-color:var(--color-bg-tertiary)}.pie-chart-legend-color{border-radius:2px;flex-shrink:0;width:12px;height:12px}.pie-chart-legend-name{color:var(--color-text);flex:1;font-size:.875rem}.pie-chart-legend-value{color:var(--color-text);font-size:.875rem;font-weight:500}.pie-chart-legend-percentage{color:var(--color-text-muted);text-align:right;min-width:40px;font-size:.75rem}.chart-empty{padding:var(--spacing-xl);color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.layout{flex-direction:column;min-height:100vh;display:flex}.header{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:var(--color-text-inverse);z-index:100;box-shadow:var(--shadow-md);position:sticky;top:0}.header-content{max-width:1400px;padding:var(--spacing-md) var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-lg);margin:0 auto;display:flex}.header-brand{align-items:center;gap:var(--spacing-md);display:flex}.header-logo{background:var(--color-accent);border-radius:var(--radius);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;font-weight:700;display:flex}.header-title{letter-spacing:-.5px;margin:0;font-size:1.25rem;font-weight:600}.header-nav{gap:var(--spacing-xs);display:flex}.nav-link{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:#fffc;border-radius:var(--radius);transition:all var(--transition-fast);font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{color:#fff;background:#ffffff1a}.nav-link-active{color:#fff;background:#fff3}.nav-icon{font-size:1rem}.header-actions{align-items:center;gap:var(--spacing-md);display:flex}.theme-toggle{border-radius:var(--radius);cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);background:#ffffff1a;border:none;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.theme-toggle:hover{background:#fff3;transform:scale(1.05)}.main{background-color:var(--color-bg);flex:1}.main-content{max-width:1400px;padding:var(--spacing-lg);margin:0 auto}.footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--spacing-lg)}.footer-content{text-align:center;max-width:1400px;margin:0 auto}.footer-text{color:var(--color-text-muted);font-size:.875rem}@media (width<=768px){.header-content{flex-wrap:wrap}.header-nav{width:100%;margin-top:var(--spacing-sm);order:3;justify-content:center}.nav-label{display:none}.main-content{padding:var(--spacing-md)}}