#app{width:100%;max-width:none;margin:0;padding:0;font-weight:400}@media (min-width: 1024px){body{display:block}#app{display:block;padding:0}}.notification-container[data-v-b7567102]{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:9999;pointer-events:none}.notification-toast[data-v-b7567102]{display:flex;align-items:flex-start;gap:var(--spacing-sm);max-width:420px;min-width:320px;margin-bottom:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);cursor:pointer;pointer-events:auto;transition:all var(--transition-normal)}.notification-toast[data-v-b7567102]:hover{transform:translate(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.toast-content[data-v-b7567102]{display:flex;align-items:flex-start;gap:var(--spacing-sm);flex:1;min-width:0}.toast-icon[data-v-b7567102]{flex-shrink:0;width:20px;height:20px;margin-top:2px}.toast-icon svg[data-v-b7567102]{width:100%;height:100%;stroke-width:2}.toast-text[data-v-b7567102]{flex:1;min-width:0}.toast-title[data-v-b7567102]{font-size:var(--font-size-base);font-weight:600;line-height:1.4;margin:0;word-wrap:break-word}.toast-message[data-v-b7567102]{font-size:var(--font-size-sm);line-height:1.4;margin-top:var(--spacing-xs);font-weight:600;word-wrap:break-word}.toast-close[data-v-b7567102]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);color:inherit;opacity:.6}.toast-close[data-v-b7567102]:hover{opacity:1;background:#0000001a}.toast-close svg[data-v-b7567102]{width:16px;height:16px}.toast-error[data-v-b7567102]{border-left:4px solid #ef4444;background:linear-gradient(135deg,#ef444426,#ef444414);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast-error .toast-icon[data-v-b7567102]{color:#ef4444}.toast-error .toast-title[data-v-b7567102]{color:#dc2626;font-weight:700}.toast-error .toast-message[data-v-b7567102]{color:#dc2626}.toast-success[data-v-b7567102]{border-left:4px solid #10b981;background:linear-gradient(135deg,#10b98126,#10b98114);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast-success .toast-icon[data-v-b7567102]{color:#10b981}.toast-success .toast-title[data-v-b7567102]{color:#059669;font-weight:700}.toast-success .toast-message[data-v-b7567102]{color:#059669}.toast-warning[data-v-b7567102]{border-left:4px solid #f59e0b;background:linear-gradient(135deg,#f59e0b26,#f59e0b14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast-warning .toast-icon[data-v-b7567102]{color:#f59e0b}.toast-warning .toast-title[data-v-b7567102]{color:#d97706;font-weight:700}.toast-warning .toast-message[data-v-b7567102]{color:#d97706}.toast-info[data-v-b7567102]{border-left:4px solid var(--primary-color);background:linear-gradient(135deg,#2563eb26,#2563eb14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast-info .toast-icon[data-v-b7567102]{color:var(--primary-color)}.toast-info .toast-title[data-v-b7567102]{color:var(--primary-dark);font-weight:700}.toast-info .toast-message[data-v-b7567102]{color:var(--primary-color)}.toast-enter-active[data-v-b7567102]{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.toast-leave-active[data-v-b7567102]{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.toast-enter-from[data-v-b7567102],.toast-leave-to[data-v-b7567102]{opacity:0;transform:translate(100%) scale(.95)}.toast-move[data-v-b7567102]{transition:transform .3s ease}@media (max-width: 768px){.notification-container[data-v-b7567102]{top:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md)}.notification-toast[data-v-b7567102]{min-width:unset;max-width:unset}}.footer[data-v-7f5d2b53]{background:linear-gradient(135deg,var(--footer-bg-secondary) 0%,var(--footer-bg-tertiary) 100%);margin-top:calc(var(--spacing-2xl) * 2)}.footer-content[data-v-7f5d2b53]{max-width:1200px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg);display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:var(--spacing-xl);align-items:start}.footer-section[data-v-7f5d2b53]{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-brand[data-v-7f5d2b53]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.brand-title[data-v-7f5d2b53]{font-size:var(--font-size-xl);font-weight:700;margin:0;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-description[data-v-7f5d2b53]{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin:0;max-width:280px}.section-title[data-v-7f5d2b53]{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.footer-nav[data-v-7f5d2b53]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.footer-link[data-v-7f5d2b53]{color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:600;transition:var(--transition-fast);padding:var(--spacing-xs) 0}.footer-link[data-v-7f5d2b53]:hover{color:var(--primary-color)}.footer-link.router-link-active[data-v-7f5d2b53]{color:var(--primary-color);font-weight:600}.disclaimer-text[data-v-7f5d2b53]{color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.5;margin:0}.copyright[data-v-7f5d2b53]{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.copyright p[data-v-7f5d2b53]{color:var(--text-muted);font-size:var(--font-size-xs);margin:0}@media (max-width: 768px){.footer-content[data-v-7f5d2b53]{grid-template-columns:1fr;gap:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-md)}.footer-section[data-v-7f5d2b53]{text-align:left}.brand-description[data-v-7f5d2b53]{max-width:none}.footer-nav[data-v-7f5d2b53]{align-items:flex-start}}@media (max-width: 1024px) and (min-width: 769px){.footer-content[data-v-7f5d2b53]{grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.footer-section[data-v-7f5d2b53]:last-child{grid-column:1 / -1;text-align:left}}.theme-toggle[data-v-6d03ff34]{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:.5rem;background:transparent;border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, .5rem);color:var(--text-secondary, #64748b);cursor:pointer;transition:all var(--transition-fast, .15s ease-in-out);position:relative;overflow:hidden}.theme-toggle[data-v-6d03ff34]:hover{background:var(--bg-secondary, #f8fafc);border-color:var(--border-focus, #2563eb);color:var(--text-primary, #1e293b);transform:translateY(-1px)}.theme-toggle[data-v-6d03ff34]:active{transform:translateY(0)}.theme-toggle[data-v-6d03ff34]:focus{outline:none;border-color:var(--border-focus, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.theme-icon[data-v-6d03ff34]{width:1.25rem;height:1.25rem;transition:all var(--transition-fast, .15s ease-in-out)}.theme-toggle:hover .theme-icon[data-v-6d03ff34]{transform:rotate(15deg) scale(1.1)}.dark{border-color:var(--border-color, #334155);color:var(--text-secondary, #cbd5e1)}.dark{background:var(--bg-secondary, #1e293b);border-color:var(--border-focus, #2563eb);color:var(--text-primary, #f1f5f9)}.dark{box-shadow:0 0 0 3px #2563eb33}@keyframes rotate-in-6d03ff34{0%{opacity:0;transform:rotate(-90deg) scale(.8)}to{opacity:1;transform:rotate(0) scale(1)}}.theme-icon[data-v-6d03ff34]{animation:rotate-in-6d03ff34 .3s ease-out}:root{--primary-color: #2563eb;--primary-light: #3b82f6;--primary-dark: #1d4ed8;--secondary-color: #64748b;--accent-color: #06b6d4;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--footer-bg-secondary: #eaeef4;--footer-bg-tertiary: #e2e8f0;--chart-label-text: #f1f5f9;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-focus: var(--primary-color);--chart-line: var(--primary-color);--chart-grid: var(--border-color);--chart-text: var(--text-secondary);--chart-axis-text: var(--text-secondary);--chart-tooltip-bg: var(--bg-secondary);--chart-tooltip-border: var(--border-color);--color-positive: #059669;--color-negative: #ef4444;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out}@media (prefers-color-scheme: dark){:root:not(.light){--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--footer-bg-secondary: #1e293b;--footer-bg-tertiary: #0f172a;--chart-label-text: #f1f5f9;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--border-color: #334155;--chart-grid: #334155}}.dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--footer-bg-secondary: #1e293b;--footer-bg-tertiary: #0f172a;--chart-label-text: #f1f5f9;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--border-color: #334155;--chart-grid: #334155}.light{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--footer-bg-secondary: #eaeef4;--footer-bg-tertiary: #e2e8f0;--chart-label-text: #f1f5f9;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--chart-grid: #e2e8f0}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root:not(.light){--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}.dark{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}.light{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1)}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{font-family:var(--font-family);margin:0;padding:0;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)!important;color:var(--text-primary);line-height:1.6;min-height:auto!important}#app{min-height:100vh}.app-layout{min-height:100vh;display:flex;flex-direction:column;position:relative}.main-content{flex:1}.theme-toggle-container{position:absolute;top:var(--spacing-lg, 1.5rem);right:var(--spacing-lg, 1.5rem);z-index:1000}@media (max-width: 768px){.theme-toggle-container{top:1rem;right:1rem}}.chart-container[data-v-e040001a]{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.chart-header[data-v-e040001a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.chart-title[data-v-e040001a]{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin:0}.chart-info[data-v-e040001a]{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs)}.current-value[data-v-e040001a]{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.total-return[data-v-e040001a]{font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.total-return.positive[data-v-e040001a]{color:var(--color-positive-text, #059669);background-color:var(--color-positive-bg, #d1fae5)}.total-return.negative[data-v-e040001a]{color:var(--color-negative-text, #b91c1c);background-color:var(--color-negative-bg, #fee2e2)}.chart-wrapper[data-v-e040001a]{position:relative;height:var(--98465016);width:100%}.stock-chart[data-v-e040001a]{width:100%!important;height:100%!important}.chart-placeholder[data-v-e040001a]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-md);border:2px dashed var(--border-color)}.placeholder-icon[data-v-e040001a]{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md)}.placeholder-text[data-v-e040001a]{font-size:var(--font-size-lg);font-weight:500;margin:0;text-align:center}@media (max-width: 768px){.chart-container[data-v-e040001a]{padding:var(--spacing-md)}.chart-header[data-v-e040001a]{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.chart-info[data-v-e040001a]{align-items:flex-start}.chart-title[data-v-e040001a]{font-size:var(--font-size-xl)}.current-value[data-v-e040001a]{font-size:var(--font-size-lg)}}.date-range-selector[data-v-e54264ef]{display:flex;justify-content:center;margin-top:var(--spacing-sm)}.date-range-buttons[data-v-e54264ef]{display:flex;gap:var(--spacing-xs);background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xs);box-shadow:var(--shadow-sm)}.date-range-button[data-v-e54264ef]{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);min-width:50px;text-align:center}.date-range-button[data-v-e54264ef]:hover:not(:disabled){background:var(--bg-primary);color:var(--text-primary)}.date-range-button.active[data-v-e54264ef]{background:var(--primary-color);color:#fff;box-shadow:var(--shadow-sm)}.date-range-button[data-v-e54264ef]:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.date-range-buttons[data-v-e54264ef]{gap:var(--spacing-xs);padding:var(--spacing-xs)}.date-range-button[data-v-e54264ef]{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);min-width:40px}}.unified-stock-manager[data-v-93d084ec]{display:flex;flex-direction:column}.date-range-section[data-v-93d084ec]{display:flex;justify-content:center;margin-bottom:var(--spacing-xl)}.stock-management[data-v-93d084ec]{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.chart-section[data-v-93d084ec]{order:1}.date-range-section[data-v-93d084ec]{order:2;display:flex;justify-content:center}.stock-management[data-v-93d084ec]{order:3;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.add-stock-section[data-v-93d084ec]{margin-bottom:var(--spacing-lg)}.search-container[data-v-93d084ec]{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.input-wrapper[data-v-93d084ec]{position:relative;flex:1;overflow-anchor:none}.stock-input[data-v-93d084ec]{flex:1;padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);transition:all var(--transition-normal);background:var(--bg-primary);color:var(--text-primary);width:100%;display:block}.stock-input[data-v-93d084ec]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.stock-input[data-v-93d084ec]:disabled{background:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed;opacity:.6}.add-button[data-v-93d084ec]{padding:var(--spacing-md) var(--spacing-lg);background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-sm);min-width:120px;justify-content:center}.add-button[data-v-93d084ec]:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.add-button[data-v-93d084ec]:disabled{opacity:.6;cursor:not-allowed;transform:none}.autocomplete-dropdown[data-v-93d084ec]{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:320px;overflow-y:auto;z-index:20;overflow-anchor:none}.autocomplete-item[data-v-93d084ec]{display:grid;grid-template-columns:auto 1fr auto;gap:var(--spacing-sm);align-items:center;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;color:var(--text-primary)}.autocomplete-item[data-v-93d084ec]:hover,.autocomplete-item.active[data-v-93d084ec]{background:var(--primary-color);color:#fff}.autocomplete-item .item-symbol[data-v-93d084ec]{font-weight:700;min-width:56px}.autocomplete-item .item-name[data-v-93d084ec]{font-size:var(--font-size-sm);color:var(--text-secondary)}.autocomplete-item .item-exchange[data-v-93d084ec]{font-size:var(--font-size-xs);color:var(--text-secondary);opacity:.85}.autocomplete-item:hover .item-name[data-v-93d084ec],.autocomplete-item.active .item-name[data-v-93d084ec]{color:#ffffffe6}.autocomplete-item:hover .item-exchange[data-v-93d084ec],.autocomplete-item.active .item-exchange[data-v-93d084ec]{color:#ffffffbf}.controls-row[data-v-93d084ec]{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.popular-stocks[data-v-93d084ec]{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.popular-label[data-v-93d084ec]{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.popular-button[data-v-93d084ec]{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.popular-button[data-v-93d084ec]:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.popular-button[data-v-93d084ec]:disabled{opacity:.5;cursor:not-allowed}.sp500-toggle[data-v-93d084ec]{display:flex;align-items:center}.toggle-label[data-v-93d084ec]{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-input[data-v-93d084ec]{display:none}.toggle-slider[data-v-93d084ec]{position:relative;width:44px;height:24px;background:var(--border-color);border-radius:12px;transition:all var(--transition-normal)}.toggle-slider[data-v-93d084ec]:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.toggle-input:checked+.toggle-slider[data-v-93d084ec]{background:var(--primary-color)}.toggle-input:checked+.toggle-slider[data-v-93d084ec]:before{transform:translate(20px)}.toggle-text[data-v-93d084ec]{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.stock-cards[data-v-93d084ec]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.stock-card[data-v-93d084ec]{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden;transition:all var(--transition-normal)}.stock-card[data-v-93d084ec]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stock-card.is-sp500[data-v-93d084ec]{border-color:#06b6d44d;background:linear-gradient(135deg,#06b6d426,#2563eb26);color:var(--text-primary);position:relative}.stock-card.is-sp500[data-v-93d084ec]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-color) 0%,var(--primary-color) 100%);opacity:.1;border-radius:var(--radius-md);z-index:-1}.stock-card.is-sp500 .card-header[data-v-93d084ec],.stock-card.is-sp500 .card-content[data-v-93d084ec]{color:var(--text-primary)}.stock-card.is-sp500 .metric-label[data-v-93d084ec]{color:var(--text-secondary)}.stock-card.is-sp500 .metric-value[data-v-93d084ec]{color:var(--text-primary)}.card-header[data-v-93d084ec]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border-color);background:#0000000d}.stock-info[data-v-93d084ec]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stock-symbol[data-v-93d084ec]{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}.stock-name[data-v-93d084ec]{font-size:var(--font-size-sm);color:var(--text-secondary)}.remove-button[data-v-93d084ec]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.remove-button[data-v-93d084ec]:hover:not(:disabled){background:#fee2e2;border-color:#fecaca;color:#dc2626}.remove-button[data-v-93d084ec]:disabled{opacity:.5;cursor:not-allowed}.remove-button svg[data-v-93d084ec]{width:16px;height:16px}.card-content[data-v-93d084ec]{padding:var(--spacing-md)}.metric-row[data-v-93d084ec]{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.metric-row[data-v-93d084ec]:last-child{border-bottom:none}.metric-label[data-v-93d084ec]{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.metric-value[data-v-93d084ec]{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);text-align:right;flex-shrink:0;min-width:0;word-wrap:break-word;white-space:normal}.metric-value.positive[data-v-93d084ec]{color:var(--color-positive)}.metric-value.negative[data-v-93d084ec]{color:var(--color-negative)}.loading-spinner[data-v-93d084ec]{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin-93d084ec 1s linear infinite}@keyframes spin-93d084ec{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.search-container[data-v-93d084ec]{flex-direction:column}.add-button[data-v-93d084ec]{width:100%}.stock-cards[data-v-93d084ec]{grid-template-columns:1fr}.controls-row[data-v-93d084ec]{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.popular-stocks[data-v-93d084ec]{justify-content:flex-start}.sp500-toggle[data-v-93d084ec]{align-self:flex-start}}@media (max-width: 500px){.autocomplete-item[data-v-93d084ec]{grid-template-columns:auto 1fr;row-gap:1px}.autocomplete-item .item-exchange[data-v-93d084ec]{grid-column:1 / -1;margin-top:1px;text-align:right}}.home-container[data-v-6c0e8bd4]{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);padding:var(--spacing-lg)}.header[data-v-6c0e8bd4]{text-align:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl) 0}.title-link[data-v-6c0e8bd4]{text-decoration:none;display:inline-block}.title-link[data-v-6c0e8bd4]:hover{text-decoration:none}.site-title[data-v-6c0e8bd4]{font-size:var(--font-size-4xl);font-weight:800;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.site-subtitle[data-v-6c0e8bd4]{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0;font-weight:400}.main-content[data-v-6c0e8bd4]{width:100%!important;max-width:none!important;margin:0 auto}.loading-spinner[data-v-6c0e8bd4]{width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin-6c0e8bd4 1s linear infinite}@keyframes spin-6c0e8bd4{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-6c0e8bd4]{background:#fee2e2;border:1px solid #fecaca;color:#dc2626;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);text-align:center}.disclaimer-box[data-v-6c0e8bd4]{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl);margin-top:var(--spacing-2xl)}.disclaimer-text[data-v-6c0e8bd4]{color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.5;max-width:900px;margin:0 auto;text-align:center}.chart-section[data-v-6c0e8bd4]{margin-bottom:var(--spacing-2xl)}@media (max-width: 768px){.home-container[data-v-6c0e8bd4]{padding:var(--spacing-md)}.site-title[data-v-6c0e8bd4]{font-size:var(--font-size-3xl);margin-top:var(--spacing-lg)}.site-subtitle[data-v-6c0e8bd4]{font-size:var(--font-size-base)}.search-container[data-v-6c0e8bd4]{padding:var(--spacing-lg)}.detail-grid[data-v-6c0e8bd4]{grid-template-columns:1fr}}.about-container[data-v-2ddc97ca]{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);padding:var(--spacing-lg)}.header[data-v-2ddc97ca]{text-align:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl) 0}.page-title[data-v-2ddc97ca]{font-size:var(--font-size-4xl);font-weight:800;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle[data-v-2ddc97ca]{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0;font-weight:400}.content[data-v-2ddc97ca]{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-xl)}.content-card[data-v-2ddc97ca]{background:var(--bg-primary);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.content-card h2[data-v-2ddc97ca]{color:var(--primary-color);font-size:var(--font-size-2xl);font-weight:700;margin:0 0 var(--spacing-md) 0}.content-card p[data-v-2ddc97ca]{color:var(--text-primary);font-size:var(--font-size-base);line-height:1.7;margin:0 0 var(--spacing-md) 0}.content-card p[data-v-2ddc97ca]:last-child{margin-bottom:0}.faq-section[data-v-2ddc97ca]{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.faq-item[data-v-2ddc97ca]{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.faq-item[data-v-2ddc97ca]:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.faq-item h4[data-v-2ddc97ca]{color:var(--primary-color);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-sm) 0}.faq-item p[data-v-2ddc97ca]{margin:0}.disclaimer[data-v-2ddc97ca]{border-left:4px solid var(--primary-color);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.disclaimer h2[data-v-2ddc97ca]{color:var(--primary-color)}.disclaimer p[data-v-2ddc97ca]{color:var(--text-primary)}@media (max-width: 768px){.about-container[data-v-2ddc97ca]{padding:var(--spacing-md)}.page-title[data-v-2ddc97ca]{font-size:var(--font-size-3xl)}.page-subtitle[data-v-2ddc97ca]{font-size:var(--font-size-base)}.content-card[data-v-2ddc97ca]{padding:var(--spacing-lg)}.content-card h2[data-v-2ddc97ca]{font-size:var(--font-size-xl)}}.contact-container[data-v-ee776c23]{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);padding:var(--spacing-lg)}.header[data-v-ee776c23]{text-align:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl) 0}.page-title[data-v-ee776c23]{font-size:var(--font-size-4xl);font-weight:800;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle[data-v-ee776c23]{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0;font-weight:400}.content[data-v-ee776c23]{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-xl)}.content-card[data-v-ee776c23]{background:var(--bg-primary);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.content-card h2[data-v-ee776c23]{color:var(--primary-color);font-size:var(--font-size-2xl);font-weight:700;margin:0 0 var(--spacing-md) 0}.content-card p[data-v-ee776c23]{color:var(--text-primary);font-size:var(--font-size-base);line-height:1.7;margin:0 0 var(--spacing-md) 0}.content-card p[data-v-ee776c23]:last-child{margin-bottom:0}.contact-grid[data-v-ee776c23]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.contact-method[data-v-ee776c23]{background:var(--bg-primary);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);text-align:center;transition:var(--transition-normal)}.contact-method[data-v-ee776c23]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.contact-icon[data-v-ee776c23]{font-size:3rem;margin-bottom:var(--spacing-md)}.contact-method h3[data-v-ee776c23]{color:var(--primary-color);font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--spacing-sm) 0}.contact-method p[data-v-ee776c23]{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-md) 0}.contact-link[data-v-ee776c23]{display:inline-block;color:var(--accent-color);text-decoration:none;font-weight:600;font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--accent-color);border-radius:var(--radius-md);transition:var(--transition-fast)}.contact-link[data-v-ee776c23]:hover{background-color:var(--accent-color);color:#fff;transform:translateY(-1px)}@media (max-width: 768px){.contact-container[data-v-ee776c23]{padding:var(--spacing-md)}.page-title[data-v-ee776c23]{font-size:var(--font-size-3xl)}.page-subtitle[data-v-ee776c23]{font-size:var(--font-size-base)}.contact-grid[data-v-ee776c23]{grid-template-columns:1fr}.content-card[data-v-ee776c23],.contact-method[data-v-ee776c23]{padding:var(--spacing-lg)}.content-card h2[data-v-ee776c23]{font-size:var(--font-size-xl)}}