@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root,[data-theme=dark]{--bg-main: #061012;--bg-card: #0b1a1d;--bg-card-hover: #10262b;--bg-surface: #132e34;--border-color: rgba(20, 184, 166, .16);--border-focus: #14b8a6;--text-primary: #f0fdfa;--text-secondary: #94a3b8;--text-muted: #5d757a;--accent-primary: #14b8a6;--accent-primary-hover: #0f766e;--accent-primary-glow: #5eead4;--accent-primary-bg: rgba(20, 184, 166, .12);--accent-mint-light: #ccfbf1;--accent-deep-teal: #0f766e;--accent-success: #10b981;--accent-success-bg: rgba(16, 185, 129, .12);--accent-danger: #ef4444;--accent-danger-bg: rgba(239, 68, 68, .12);--accent-warning: #f59e0b;--accent-warning-bg: rgba(245, 158, 11, .12);--accent-purple: #8b5cf6;--accent-purple-bg: rgba(139, 92, 246, .14);--navbar-bg: rgba(11, 26, 29, .88);--input-bg: #050d0f;--table-th-bg: rgba(11, 26, 29, .85);--dropdown-bg: #0b1a1d;--modal-backdrop: rgba(0, 0, 0, .75);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .4), 0 0 1px rgba(20, 184, 166, .2);--shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, .5), 0 0 15px rgba(20, 184, 166, .1);--shadow-glow: 0 0 20px rgba(94, 234, 212, .25)}[data-theme=light]{--bg-main: #f0fdfa;--bg-card: #ffffff;--bg-card-hover: #f4fbf9;--bg-surface: #e6fbf7;--border-color: rgba(15, 118, 110, .16);--border-focus: #0f766e;--text-primary: #0b252a;--text-secondary: #245259;--text-muted: #5d757a;--accent-primary: #0f766e;--accent-primary-hover: #14b8a6;--accent-primary-glow: #14b8a6;--accent-primary-bg: rgba(20, 184, 166, .14);--accent-mint-light: #0f766e;--accent-deep-teal: #0f766e;--accent-success: #059669;--accent-success-bg: rgba(16, 185, 129, .14);--accent-danger: #dc2626;--accent-danger-bg: rgba(239, 68, 68, .14);--accent-warning: #d97706;--accent-warning-bg: rgba(245, 158, 11, .14);--accent-purple: #7c3aed;--accent-purple-bg: rgba(139, 92, 246, .14);--navbar-bg: rgba(240, 253, 250, .92);--input-bg: #ffffff;--table-th-bg: #e6fbf7;--dropdown-bg: #ffffff;--modal-backdrop: rgba(11, 37, 42, .5);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(15, 118, 110, .06);--shadow-md: 0 4px 12px -2px rgba(15, 118, 110, .1), 0 0 1px rgba(15, 118, 110, .12);--shadow-lg: 0 10px 25px -3px rgba(15, 118, 110, .15), 0 0 15px rgba(20, 184, 166, .08);--shadow-glow: 0 0 20px rgba(20, 184, 166, .2)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;max-width:1280px;width:100%;margin:0 auto;padding:1.5rem 1rem 3rem}.navbar{background-color:var(--navbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:40}.navbar-inner{max-width:1280px;margin:0 auto;padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between}.brand-logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--text-primary);font-weight:700;font-size:1.15rem;letter-spacing:-.02em}.brand-badge{font-size:.7rem;font-weight:700;color:#0f766e;background:#ccfbf1;padding:.15rem .5rem;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.04em}.nav-links{display:flex;align-items:center;gap:.35rem}.nav-item{display:flex;align-items:center;gap:.45rem;padding:.5rem .85rem;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease}.nav-item:hover{color:var(--text-primary);background-color:var(--bg-surface)}.nav-item.active{color:var(--text-primary);background-color:var(--bg-surface);border:1px solid rgba(20,184,166,.25);font-weight:600}.nav-dropdown-wrapper{position:relative}.nav-dropdown-trigger{background:transparent;border:1px solid transparent;cursor:pointer}.nav-dropdown-trigger:hover,.nav-dropdown-trigger[aria-expanded=true]{color:var(--text-primary);background-color:var(--bg-surface)}.nav-dropdown-trigger.active{color:var(--accent-primary-glow);background-color:var(--accent-primary-bg);border-color:#14b8a64d;font-weight:600}.dropdown-chevron{transition:transform .2s ease;color:var(--text-muted)}.dropdown-chevron.open{transform:rotate(180deg);color:var(--text-primary)}.dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:255px;background-color:var(--dropdown-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:.4rem;box-shadow:var(--shadow-lg);z-index:50;display:flex;flex-direction:column;gap:.2rem;animation:dropdownFade .18s cubic-bezier(.16,1,.3,1)}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:flex-start;gap:.65rem;padding:.6rem .75rem;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);text-align:left;cursor:pointer;width:100%;transition:all .15s ease}.dropdown-item:hover{background-color:var(--bg-surface);color:var(--text-primary)}.dropdown-item.active{background-color:var(--accent-primary-bg);color:var(--accent-primary-glow);font-weight:600}.dropdown-item.active .dropdown-item-title{color:var(--accent-primary-glow)}.dropdown-item-content{display:flex;flex-direction:column;gap:.15rem}.dropdown-item-title{font-size:.85rem;font-weight:600;color:var(--text-primary)}.dropdown-item-desc{font-size:.72rem;color:var(--text-muted);line-height:1.3}.mobile-menu-toggle{display:none}.mobile-nav-drawer{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:var(--bg-card);border-top:1px solid var(--border-color);animation:dropdownFade .2s ease}.mobile-group{display:flex;flex-direction:column;gap:.35rem}.mobile-group-title{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:.2rem}.mobile-nav-link{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease}.mobile-nav-link:hover,.mobile-nav-link.active{background-color:var(--accent-primary-bg);color:var(--accent-primary-glow);font-weight:600}.nav-actions{display:flex;align-items:center;gap:.75rem}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;transition:all .2s ease}.card:hover{border-color:#14b8a64d;box-shadow:var(--shadow-md)}.grid-cols-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1.5rem}.grid-cols-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.25rem;margin-bottom:1.5rem}.metric-card{display:flex;flex-direction:column;gap:.5rem}.metric-header{display:flex;align-items:center;justify-content:space-between;color:var(--text-secondary);font-size:.85rem;font-weight:500}.metric-value{font-size:1.6rem;font-weight:700;letter-spacing:-.03em;color:var(--text-primary)}.metric-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;font-weight:600;padding:.2rem .5rem;border-radius:var(--radius-sm)}.badge-success{color:var(--accent-success);background-color:var(--accent-success-bg)}.badge-danger{color:var(--accent-danger);background-color:var(--accent-danger-bg)}.badge-warning{color:var(--accent-warning);background-color:var(--accent-warning-bg)}.badge-purple{color:var(--accent-purple);background-color:var(--accent-purple-bg)}.badge-neutral{color:var(--text-secondary);background-color:var(--bg-surface)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .2s ease;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-primary-hover) 100%);color:#fff;box-shadow:0 2px 8px #14b8a640}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-primary-glow) 0%,var(--accent-primary) 100%);color:#061012;box-shadow:0 4px 14px #5eead459}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--bg-card-hover);border-color:#14b8a659}.btn-danger{background-color:var(--accent-danger-bg);color:var(--accent-danger);border-color:#ef44444d}.btn-danger:hover{background-color:var(--accent-danger);color:#fff}.btn-sm{padding:.35rem .65rem;font-size:.78rem}.btn-icon{padding:.45rem;border-radius:var(--radius-md)}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-color);background-color:var(--bg-card)}table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}th{background-color:var(--table-th-bg);color:var(--text-secondary);font-weight:600;padding:.85rem 1rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}td{padding:.95rem 1rem;border-bottom:1px solid rgba(20,184,166,.08);color:var(--text-primary)}tr:last-child td{border-bottom:none}tr:hover td{background-color:#14b8a60a}.form-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}input,select,textarea{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.65rem .85rem;color:var(--text-primary);font-size:.875rem;font-family:inherit;outline:none;transition:all .2s ease}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #14b8a633}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--modal-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:500px;width:100%;padding:1.5rem;box-shadow:var(--shadow-lg);animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.modal-title{font-size:1.15rem;font-weight:700}.modal-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem}.modal-close:hover{color:var(--text-primary)}.progress-bar-container{display:flex;height:12px;border-radius:var(--radius-full);overflow:hidden;background-color:var(--bg-surface);margin:.85rem 0 1.25rem}.progress-segment{height:100%;transition:width .3s ease}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.full-width-chart-card{width:100%}.chart-header-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.chart-icon-badge{display:flex;align-items:center;justify-content:center;padding:.55rem;background-color:var(--accent-primary-bg);color:var(--accent-primary-glow);border-radius:var(--radius-md)}.chart-actions-container{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.chart-summary-pills{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.summary-pill{display:flex;flex-direction:column;padding:.3rem .6rem;background-color:#1e293b80;border:1px solid var(--border-color);border-radius:var(--radius-md)}.pill-label{font-size:.65rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.pill-val{font-size:.82rem;font-weight:700}.period-tabs{display:flex;background-color:#0f172a99;padding:3px;border-radius:var(--radius-md);border:1px solid var(--border-color)}.period-tab-btn{border:none;background:transparent;color:var(--text-secondary);padding:.35rem .65rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.period-tab-btn:hover{color:#fff}.period-tab-btn.active{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-primary-hover) 100%);color:#fff;box-shadow:0 2px 6px #14b8a659}.chart-floating-tooltip{position:absolute;top:15px;transform:translate(-50%);background-color:#0b1a1df2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(20,184,166,.35);border-radius:var(--radius-md);padding:.65rem .85rem;box-shadow:0 10px 25px -5px #0009,0 0 12px #14b8a626;pointer-events:none;z-index:10;min-width:190px;animation:tooltipPop .15s ease-out}@keyframes tooltipPop{0%{opacity:0;transform:translate(-50%) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}.tooltip-title{font-size:.8rem;font-weight:700;color:#fff;margin-bottom:.35rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.25rem}.tooltip-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.75rem;margin-bottom:.2rem}.tooltip-indicator{width:8px;height:8px;border-radius:50%}.tooltip-label{color:var(--text-secondary)}.tooltip-value{font-weight:600;color:var(--text-primary)}.chart-legend-container{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(30,41,59,.6);flex-wrap:wrap}.chart-legend-item{display:flex;align-items:center;gap:.45rem;font-size:.78rem;color:var(--text-secondary)}.legend-box{width:12px;height:12px;border-radius:3px}.legend-line{width:16px;height:3px;border-radius:2px}.text-success{color:var(--accent-success)}.text-danger{color:var(--accent-danger)}.text-muted{color:var(--text-muted)}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.monthly-table-row:hover{background-color:#1e293bd9!important}.chart-zoom-controls{display:flex;align-items:center;gap:.25rem;background-color:var(--bg-tertiary);padding:.2rem;border-radius:var(--radius-md);border:1px solid var(--border-color)}.zoom-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.zoom-btn:hover{background-color:var(--bg-surface);color:var(--text-primary)}.indicators-toolbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.55rem .75rem;background-color:#0f172a66;border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:.85rem}.indicators-label{display:flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.indicators-chips-container{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.indicator-chip{display:flex;align-items:center;gap:.35rem;padding:.3rem .6rem;border-radius:var(--radius-full);border:1px solid var(--border-color);background-color:var(--bg-tertiary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.indicator-chip:hover{transform:translateY(-1px);filter:brightness(1.1)}.indicator-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.quotes-category-filters{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.quotes-filter-pill{display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:var(--radius-full);border:1px solid var(--border-color);background-color:var(--bg-tertiary);color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.quotes-filter-pill:hover{background-color:var(--bg-surface);color:var(--text-primary);border-color:#334155;transform:translateY(-1px)}.quotes-filter-pill.active{background-color:var(--accent-primary-bg);color:var(--accent-primary-glow);border-color:#14b8a666;font-weight:700;box-shadow:0 0 12px #14b8a633}.filter-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.filter-count-badge{font-size:.7rem;padding:.1rem .35rem;border-radius:var(--radius-full);background-color:#ffffff14;color:inherit;font-weight:700}.quotes-sort-container{display:flex;align-items:center;gap:.35rem;background-color:var(--bg-tertiary);padding:.25rem .4rem;border-radius:var(--radius-full);border:1px solid var(--border-color)}.sort-label{font-size:.68rem;font-weight:700;color:var(--text-muted);letter-spacing:.04em;padding-left:.4rem;padding-right:.15rem}.sort-pill{padding:.25rem .55rem;border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease}.sort-pill:hover{color:var(--text-primary)}.sort-pill.active{background-color:var(--accent-primary);color:#061012;font-weight:700;box-shadow:0 2px 8px #14b8a659}.quotes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.15rem}.quote-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.15rem 1.25rem;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 16px #00000059}.quote-card:hover{transform:translateY(-3px);border-color:#14b8a666;box-shadow:0 12px 28px #00000080,0 0 20px #14b8a61f}.quote-avatar{width:38px;height:38px;border-radius:10px;background-color:var(--bg-surface);border:1px solid rgba(20,184,166,.2);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;flex-shrink:0}.quote-ticker{font-size:1.1rem;font-weight:800;color:var(--text-primary);letter-spacing:-.01em}.quote-category-badge{font-size:.65rem;font-weight:700;padding:.12rem .45rem;border-radius:var(--radius-sm);border:1px solid transparent;text-transform:uppercase;letter-spacing:.02em}.quote-name{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.quote-price{font-size:1.35rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.quote-change-badge{font-size:.75rem;font-weight:700;padding:.18rem .45rem;border-radius:var(--radius-sm);display:inline-flex;align-items:center}.quote-change-badge.positive{background-color:#10b98126;color:var(--accent-success);border:1px solid rgba(16,185,129,.3)}.quote-change-badge.negative{background-color:#ef444426;color:var(--accent-danger);border:1px solid rgba(239,68,68,.3)}.quote-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06);padding-top:.65rem;margin-top:.65rem}.quote-action-btn{display:flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;padding:.2rem .4rem;border-radius:var(--radius-sm);transition:all .15s ease}.quote-action-btn:hover{color:var(--text-primary);background-color:var(--bg-surface)}@media (max-width: 768px){.nav-links{display:none}.mobile-menu-toggle{display:flex}.grid-cols-4,.grid-cols-2{grid-template-columns:1fr}.chart-header-container{flex-direction:column;align-items:flex-start}.chart-actions-container{width:100%;justify-content:space-between}}