.header{position:sticky;top:0;z-index:100;background:var(--header-bg);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-content{max-width:1400px;margin:0 auto;padding:10px 16px;display:flex;justify-content:flex-start;align-items:center;gap:.75rem}.header-left{min-width:220px;flex-shrink:0}.header-title{font-size:1.05rem;color:var(--header-title);margin:0;font-weight:600;letter-spacing:0}.subtitle{color:var(--text-secondary);font-size:.75rem;margin:0;line-height:1.2}.header-right{margin-left:auto;display:inline-flex;align-items:center;gap:6px}.header-nav{display:flex;gap:4px;background:var(--header-nav-bg);padding:3px;border-radius:var(--radius-sm);border:1px solid var(--border-color);white-space:nowrap}.nav-button{border:none;color:var(--text-secondary);padding:6px 10px;min-height:34px;border-radius:5px;cursor:pointer;font-weight:500;font-size:.82rem;line-height:1.1;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),color var(--transition-fast)}.nav-action-button{background:transparent;font-family:inherit}.nav-button:hover{color:var(--text-primary);background:var(--header-nav-hover)}.nav-button.active{background:var(--page-bg);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.theme-icon-button{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:var(--header-nav-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:14px;line-height:1;padding:0;transition:background-color var(--transition-fast),color var(--transition-fast)}.theme-icon-button:hover{background:var(--header-nav-hover);color:var(--text-primary)}.theme-icon-button:focus-visible,.nav-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.theme-icon-button svg{display:block}@media (max-width: 980px){.header-content{flex-direction:row;flex-wrap:wrap;align-items:center}.header-right{width:100%;margin-left:0;justify-content:space-between}.header-nav{justify-content:flex-start;overflow-x:auto;flex:1}}@media (max-width: 640px){.header-content{padding:10px 12px}.header-title{font-size:.98rem}.header-nav{min-width:0}.subtitle{display:none}}.help-center-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px}.help-center-panel{width:min(720px,100%);max-height:min(85vh,900px);background:var(--page-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:auto}.help-center-header{position:sticky;top:0;background:var(--page-bg);border-bottom:1px solid var(--border-color);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.help-center-header h2{margin:0;font-size:1rem;color:var(--text-primary)}.help-center-close{min-width:36px;min-height:36px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-muted);color:var(--text-secondary);cursor:pointer;font-size:20px;line-height:1}.help-center-body{padding:16px;display:grid;gap:14px}.help-center-body section{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-muted);padding:12px}.help-center-body h3{margin:0 0 6px;font-size:.92rem;color:var(--text-primary)}.help-center-body p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.45}.help-center-actions{border-top:1px solid var(--border-color);padding:12px 16px;display:flex;gap:8px;flex-wrap:wrap}.help-center-button,.help-center-link{min-height:40px;padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-muted);color:var(--text-secondary);text-decoration:none;font-size:.84rem;font-weight:500;cursor:pointer}.help-center-button.primary{background:var(--accent);border-color:var(--accent);color:var(--button-primary-text)}.help-center-button:hover,.help-center-link:hover{background:var(--surface-subtle);color:var(--text-primary)}.help-center-button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}@media (max-width: 640px){.help-center-actions{display:grid;grid-template-columns:1fr}}.trigger-tooltip-trigger{display:inline-block;position:relative}.trigger-tooltip{position:fixed;z-index:10000;background:var(--page-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-width:300px;min-width:200px;animation:tooltipFadeIn .15s ease-out;border:1px solid var(--border-color);font-size:14px}.trigger-tooltip.mobile{max-width:calc(100vw - 32px);min-width:250px}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.trigger-tooltip-header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border-color);background:var(--surface-muted);border-radius:var(--radius-md) var(--radius-md) 0 0}.trigger-tooltip-title{flex:1;margin:0;font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.3}.trigger-tooltip-close{background:none;border:none;font-size:20px;color:var(--text-muted);cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0;line-height:1}.trigger-tooltip-close:hover{background:var(--surface-subtle);color:var(--text-primary)}.trigger-tooltip-content{padding:12px}.trigger-tooltip-content p{margin:0;font-size:13px;line-height:1.5;color:var(--text-secondary)}@media (max-width: 768px){.trigger-tooltip{max-width:calc(100vw - 32px);min-width:calc(100vw - 32px)}}.symbol-alert-card{background:var(--page-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:14px;transition:transform var(--transition-fast),box-shadow var(--transition-fast);border-left:3px solid var(--accent);overflow:hidden;box-shadow:var(--shadow-sm)}.symbol-alert-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.symbol-alert-card.expanded{box-shadow:var(--shadow-md)}.symbol-card-header{padding:18px;cursor:pointer;display:flex;align-items:center;gap:14px;transition:background-color var(--transition-fast)}.symbol-card-header:hover{background-color:var(--surface-muted)}.symbol-card-main{flex:1;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center}.symbol-section{display:flex;flex-direction:column;gap:4px;min-width:120px}.symbol-title{font-size:26px;font-weight:700;color:var(--link);margin:0;line-height:1.2;transition:color var(--transition-fast)}.symbol-title.clickable{cursor:pointer}.symbol-title.clickable:hover{color:var(--link-hover);text-decoration:underline}.symbol-date{font-size:13px;color:var(--text-muted);font-weight:500}.alerts-summary{display:flex;flex-direction:column;gap:10px;flex:1}.alerts-count{display:flex;align-items:baseline;gap:8px}.count-number{font-size:30px;font-weight:700;color:var(--accent);line-height:1}.count-label{font-size:14px;color:var(--text-secondary);font-weight:500}.alert-types-badges{display:flex;flex-wrap:wrap;gap:6px}.alert-type-badge-small{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--chip-bg);border:1px solid var(--border-color);color:var(--text-muted);font-size:12px;font-weight:500;letter-spacing:0;font-family:var(--font-family);line-height:1.3}.alert-type-badge-small.more{color:var(--text-muted)}.latest-alert{display:flex;flex-direction:column;gap:6px;text-align:right;min-width:200px}.latest-time{font-size:13px;color:var(--text-muted);font-weight:500}.latest-message{font-size:14px;color:var(--text-primary);line-height:1.4;max-width:300px;margin-left:auto}.expand-button{background:var(--surface-muted);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:var(--accent);transition:all var(--transition-fast);flex-shrink:0}.expand-button:hover{background:var(--surface-subtle)}.symbol-card-details{padding:18px;border-top:1px solid var(--border-color);background:var(--surface-muted)}.alerts-list{display:flex;flex-direction:column}.alert-item{padding:14px;background:var(--page-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:10px}.alert-item:last-child{margin-bottom:0}.alert-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.alert-item-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.alert-item-time{font-size:13px;color:var(--text-muted);font-weight:500}.alert-item-type{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--chip-bg);border:1px solid var(--border-color);color:var(--text-muted);font-size:12px;font-weight:500;letter-spacing:0;font-family:var(--font-family);line-height:1.3}.alert-item-message{font-size:14px;color:var(--text-primary);line-height:1.5;margin-bottom:10px}.alert-item-values{display:flex;gap:16px;flex-wrap:wrap}.value-item{display:flex;align-items:center;gap:8px}.value-label{font-size:12px;color:var(--text-muted);font-weight:500}.value-number{font-size:15px;font-weight:600;color:var(--text-secondary)}.alert-item-divider{height:1px;background:var(--border-color);margin:12px 0 0}@media (max-width: 768px){.symbol-card-main{grid-template-columns:1fr;gap:14px}.symbol-section{min-width:auto}.latest-alert{text-align:left;min-width:auto}.latest-message{margin-left:0;max-width:100%}}.alert-table-container{background:var(--page-bg);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.alert-controls{display:flex;flex-direction:column;align-items:stretch;margin-bottom:20px;padding:14px 16px;background:var(--surface-muted);border-radius:var(--radius-md);border:1px solid var(--border-color);gap:10px}.summary-row{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;flex:1;min-width:0}.summary-inline-section{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}.summary-inline-label{color:var(--text-secondary);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.summary-chip{background:var(--chip-bg);color:var(--text-secondary);border:1px solid var(--border-color);padding:3px 8px;border-radius:999px;font-size:12px;font-weight:500;line-height:1.3}.view-toggle{display:flex;gap:4px;background:var(--surface-subtle);border-radius:var(--radius-md);padding:4px;border:1px solid var(--border-color)}.view-toggle button{padding:6px 12px;border:none;border-radius:var(--radius-sm);background:transparent;cursor:pointer;font-size:13px;color:var(--text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast)}.view-toggle button.active{background:var(--page-bg);color:var(--accent);font-weight:600;border:1px solid var(--border-color)}.alert-cards-container,.symbol-alerts-container{display:flex;flex-direction:column;gap:0}.no-alerts{text-align:center;padding:70px 24px;background:var(--page-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.no-alerts h3{font-size:22px;color:var(--text-primary);margin-bottom:10px;font-weight:650}.no-alerts p{font-size:15px;color:var(--text-secondary);margin-bottom:16px;line-height:1.6;max-width:500px;margin-left:auto;margin-right:auto}.no-alerts .hint{font-size:13px;color:var(--text-muted);margin-bottom:24px}.no-alerts-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.retry-button{padding:10px 18px;background:var(--accent);color:var(--button-primary-text);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.retry-button:hover{background:var(--accent-hover);transform:translateY(-1px)}.table-wrapper{overflow-x:auto}.alert-table{width:100%;border-collapse:collapse;font-size:14px}.alert-table thead{background:var(--surface-muted);border-bottom:1px solid var(--border-color)}.alert-table th{padding:12px;text-align:left;font-weight:600;color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.alert-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast)}.alert-table tbody tr:hover{background-color:var(--surface-muted)}.alert-table td{padding:12px;color:var(--text-primary)}.alert-table .symbol{font-weight:600;color:var(--link)}.alert-table .symbol .clickable-symbol{cursor:pointer;transition:color var(--transition-fast);text-decoration:none}.alert-table .symbol .clickable-symbol:hover{color:var(--link-hover);text-decoration:underline}.alert-table .timestamp{color:var(--text-secondary);font-size:13px;white-space:nowrap}.alert-table .alert-type{position:relative}.alert-type-cell{display:flex;align-items:center;gap:8px}.type-name{font-size:12px;color:var(--text-secondary);background:var(--chip-bg);border:1px solid var(--border-color);padding:4px 8px;border-radius:var(--radius-sm)}.tooltip{position:relative;display:inline-block;cursor:help}.info-icon{font-size:14px;opacity:.65;transition:opacity var(--transition-fast)}.tooltip:hover .info-icon{opacity:1}.tooltip-content{visibility:hidden;opacity:0;position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:var(--page-bg);color:var(--text-primary);padding:8px 10px;border-radius:var(--radius-sm);font-size:12px;z-index:1000;transition:opacity var(--transition-fast);pointer-events:none;width:max-content;max-width:250px;border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.tooltip:hover .tooltip-content{visibility:visible;opacity:1}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--border-color)}.alert-table .message{max-width:300px;word-wrap:break-word;color:var(--text-secondary)}.alert-table .value{text-align:right;color:var(--text-secondary)}@media (max-width: 768px){.summary-row{gap:8px}.summary-inline-section{width:100%}.alert-table{font-size:12px}.alert-table th,.alert-table td{padding:8px}.alert-table .message{max-width:150px}.tooltip-content{max-width:200px;font-size:11px}}.filter-panel{background:var(--page-bg);border-radius:var(--radius-md);margin-bottom:16px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden}.filter-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast);border-bottom:1px solid var(--border-color)}.filter-header:hover{background-color:var(--surface-muted)}.filter-header-left{display:flex;align-items:center;gap:8px}.filter-toggle{background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast);color:var(--text-secondary);font-size:11px}.filter-toggle:hover{transform:scale(1.05)}.filter-toggle-icon{display:inline-block;transition:transform var(--transition-base);font-size:9px}.filter-toggle-icon.open{transform:rotate(180deg)}.filter-header h2{font-size:.95rem;color:var(--text-primary);margin:0;font-weight:600}.filter-badge{background:var(--accent-soft);color:var(--accent);border:1px solid var(--border-color);padding:3px 8px;border-radius:999px;font-size:12px;font-weight:500;letter-spacing:0;line-height:1.3}.reset-button{padding:6px 10px;background:var(--chip-bg);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:500;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.reset-button:hover{background:var(--surface-subtle);border-color:var(--border-strong);color:var(--text-primary)}.filters-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.filters-content-open{max-height:1000px;padding:14px}.filters-content-closed{max-height:0;padding:0 18px}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.filter-group{display:flex;flex-direction:column}.filter-group label{font-weight:500;color:var(--text-secondary);margin-bottom:6px;font-size:13px}.filter-group label input[type=checkbox]{margin-right:8px;cursor:pointer}.filter-group label span{cursor:pointer}.filter-group select,.filter-group input[type=date]{padding:8px 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:13px;background:var(--page-bg);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.filter-group select:hover,.filter-group input[type=date]:hover{border-color:var(--border-strong)}.filter-group select:focus,.filter-group input[type=date]:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.filter-count-badge{display:inline-block;background:var(--accent-soft);color:var(--accent);border:1px solid var(--border-color);padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;margin-left:8px;vertical-align:middle}.alert-types-checkboxes{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto;padding:6px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-muted)}.alert-type-checkbox-label{display:flex;align-items:center;padding:6px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast),opacity var(--transition-fast);-webkit-user-select:none;user-select:none}.alert-type-checkbox-label:hover:not(.disabled){background-color:var(--surface-subtle)}.alert-type-checkbox-label.disabled{opacity:.5;cursor:not-allowed}.alert-type-checkbox-label input[type=checkbox]{margin-right:10px;cursor:pointer;width:16px;height:16px;accent-color:var(--accent)}.alert-type-checkbox-label.disabled input[type=checkbox]{cursor:not-allowed}.alert-type-checkbox-text{font-size:12px;color:var(--text-primary);flex:1}.alert-type-checkbox-label:has(input:checked){background-color:var(--accent-soft);font-weight:500}.alert-type-checkbox-label:has(input:checked) .alert-type-checkbox-text{color:var(--accent)}.clear-alert-types-button{margin-top:8px;padding:6px 10px;background:var(--chip-bg);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:500;transition:background-color var(--transition-fast),color var(--transition-fast);align-self:flex-start}.clear-alert-types-button:hover{background:var(--surface-subtle);color:var(--text-primary)}@media (max-width: 768px){.filters-grid{grid-template-columns:1fr}.filter-header{flex-wrap:wrap}.filter-header-left{flex:1;min-width:200px}.reset-button{margin-top:8px;width:100%}}.alerts-view{width:100%}.alerts-view .view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.alerts-view .view-header h2{color:var(--text-primary);margin:0;font-size:1.45rem;font-weight:700}.guide-button-small{background:var(--page-bg);border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 14px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast);display:flex;align-items:center;gap:8px}.guide-button-small:hover{background:var(--surface-muted);border-color:var(--border-strong)}.guide-button-small:active{transform:translateY(0)}@media (max-width: 768px){.alerts-view .view-header{flex-direction:column;gap:12px;align-items:flex-start}}.alert-types-view{width:100%}.alert-types-view .view-header{margin-bottom:20px}.alert-types-view .view-header h2{color:var(--text-primary);margin:0 0 8px;font-size:1.6rem;font-weight:700}.view-subtitle{margin:0;font-size:.98rem;color:var(--text-secondary)}.alert-types-controls{padding:14px 16px;margin-bottom:20px;display:flex;gap:14px;align-items:center;background:var(--page-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap}.control-search{flex:1;min-width:200px}.search-input{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;background:var(--page-bg);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.control-category{display:flex;align-items:center;gap:8px}.control-category label{font-size:14px;font-weight:500;color:var(--text-secondary)}.category-select{padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;background:var(--page-bg);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.category-select:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.alert-types-content{flex:1}.empty-state{text-align:center;padding:54px 18px;color:var(--text-muted);background:var(--page-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.category-section{margin-bottom:24px;background:var(--page-bg);padding:18px;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.category-section:last-child{margin-bottom:0}.category-title{margin:0 0 14px;font-size:1.1rem;font-weight:650;color:var(--text-primary);padding-bottom:8px;border-bottom:1px solid var(--border-color)}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.item-card{background:var(--surface-muted);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.item-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.item-header{display:flex;align-items:center;margin-bottom:10px}.item-name{margin:0;font-size:15px;font-weight:650;color:var(--text-primary);flex:1}.item-description{margin:0 0 12px;font-size:14px;line-height:1.6;color:var(--text-secondary)}.item-type-badge{display:inline-block;padding:4px 10px;background:var(--chip-bg);border:1px solid var(--border-color);border-radius:999px;font-size:11px;font-family:var(--mono-family);color:var(--text-secondary);font-weight:600}.loading-state{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.alert-types-controls{flex-direction:column;align-items:stretch}.control-search{width:100%}.items-grid{grid-template-columns:1fr}}.top-winners-card{background:var(--page-bg);border-radius:var(--radius-lg);padding:1.25rem;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);margin-bottom:1.5rem}.top-winners-loading{padding:1rem;color:var(--text-secondary);font-size:.95rem}.top-winners-empty{padding:.5rem 0;color:var(--text-secondary);font-size:.9rem}.card-title{margin:0 0 .9rem;font-size:1.1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.winners-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.8rem}.winner-item{display:flex;flex-direction:column;gap:.4rem;padding:.75rem;background:var(--surface-muted);border-radius:var(--radius-md);border:1px solid var(--border-color)}.winner-main-row{display:flex;align-items:center;width:100%}.winner-rank{font-weight:700;color:var(--text-muted);margin-right:.7rem;font-size:.85rem;width:20px}.winner-item:nth-child(1) .winner-rank{color:#bf8700}.winner-item:nth-child(2) .winner-rank{color:#6e7781}.winner-item:nth-child(3) .winner-rank{color:#bc4c00}.winner-symbol{font-weight:700;color:var(--text-primary);flex:1}.winner-symbol.clickable{cursor:pointer;color:var(--link);transition:color var(--transition-fast)}.winner-symbol.clickable:hover{color:var(--link-hover);text-decoration:underline}.winner-pnl{color:var(--success);font-weight:700;font-family:var(--mono-family)}.loser-pnl{color:var(--danger)}.top-losers-card{margin-top:1.5rem;margin-bottom:0}.winner-meta-row{width:100%;display:flex;justify-content:space-between;font-size:.78rem;color:var(--text-secondary);font-weight:500}.trades-summary-panel{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--border-color)}.trades-summary-title{margin:0 0 .7rem;font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.trades-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.trades-summary-item{display:flex;flex-direction:column;gap:.25rem;padding:.6rem .7rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-muted)}.trades-summary-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.trades-summary-value{font-size:.95rem;color:var(--text-primary);font-family:var(--mono-family);font-weight:700}.trades-summary-value.positive{color:var(--success)}.trades-summary-value.negative{color:var(--danger)}@media (max-width: 640px){.trades-summary-grid{grid-template-columns:1fr}}.trades-view{padding-top:.5rem}.trades-card{background:var(--page-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);overflow:hidden;margin-top:1rem}.trades-header{padding:1.2rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.trades-header h2{margin:0;font-size:1.1rem;color:var(--text-primary)}.table-responsive{overflow-x:auto}.trades-table{width:100%;border-collapse:collapse}.trades-table th{background:var(--surface-muted);padding:12px 16px;text-align:left;font-weight:650;color:var(--text-secondary);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-color)}.trades-table td{padding:12px 16px;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:.93rem}.symbol-cell{font-weight:700;color:var(--text-primary)}.symbol-cell.clickable{cursor:pointer;color:var(--link);transition:color var(--transition-fast)}.symbol-cell.clickable:hover{color:var(--link-hover);text-decoration:underline}.action-cell{font-weight:700;font-size:.82rem;text-transform:uppercase}.action-cell.BUY{color:var(--success)}.action-cell.SELL{color:var(--danger)}.action-cell.SHORT{color:#8250df}.action-cell.COVER{color:var(--accent)}.change-cell{font-weight:700}.change-cell.positive{color:var(--success)}.change-cell.negative{color:var(--danger)}.date-cell{color:var(--text-secondary);font-size:.9rem}.loading,.error-message,.no-data{padding:2rem;text-align:center;color:var(--text-secondary)}.error-message{color:var(--danger);background:var(--danger-bg)}.app{min-height:100vh;background:var(--app-shell-bg);transition:background var(--transition-base)}.container{max-width:1400px;margin:0 auto;padding:20px}.loading,.error-message{text-align:center;padding:56px 36px;background:var(--page-bg);border-radius:var(--radius-lg);margin:20px 0;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.loading{display:flex;flex-direction:column;align-items:center;gap:18px}.loading-spinner{width:42px;height:42px;border:3px solid var(--border-color);border-top:3px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading p{font-size:17px;color:var(--text-secondary);margin:0}.fallback-notice{background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:var(--radius-md);padding:14px 18px;margin:20px 0;text-align:center}.fallback-notice p{margin:0;color:var(--warning);font-size:15px;font-weight:500}.error-message{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger)}.error-message p{font-size:15px;margin-bottom:18px;line-height:1.6}.error-message button{margin-top:10px;padding:10px 18px;background:var(--danger);color:var(--button-primary-text);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600;transition:background-color var(--transition-fast),transform var(--transition-fast)}.error-message button:hover{background:var(--danger);transform:translateY(-1px)}@media (max-width: 768px){.container{padding:14px}}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--mono-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, monospace;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .08);--shadow-md: 0 3px 8px rgba(16, 24, 40, .12);--shadow-lg: 0 10px 24px rgba(16, 24, 40, .18);--transition-fast: .15s ease;--transition-base: .2s ease;--app-bg: #f6f8fa;--page-bg: #ffffff;--surface-muted: #f6f8fa;--surface-subtle: #f3f4f6;--surface-overlay: rgba(255, 255, 255, .98);--text-primary: #24292f;--text-secondary: #57606a;--text-muted: #6e7781;--text-inverse: #ffffff;--border-color: #d0d7de;--border-strong: #afb8c1;--accent: #0969da;--accent-hover: #0550ae;--accent-soft: rgba(9, 105, 218, .12);--success: #1a7f37;--danger: #cf222e;--danger-bg: #ffebe9;--danger-border: #ff8182;--warning: #9a6700;--warning-bg: #fff8c5;--warning-border: #d4a72c;--link: #0969da;--link-hover: #0550ae;--chip-bg: #f6f8fa;--header-bg: rgba(255, 255, 255, .96);--header-title: #24292f;--header-nav-bg: #f6f8fa;--header-nav-hover: #eaeef2;--button-primary-text: #ffffff;--focus-ring: 0 0 0 3px rgba(9, 105, 218, .25);--app-shell-bg: var(--app-bg)}:root[data-design=github][data-color-mode=light]{--app-bg: #f6f8fa;--page-bg: #ffffff;--surface-muted: #f6f8fa;--surface-subtle: #f3f4f6;--surface-overlay: rgba(255, 255, 255, .96);--text-primary: #24292f;--text-secondary: #57606a;--text-muted: #6e7781;--text-inverse: #ffffff;--border-color: #d0d7de;--border-strong: #afb8c1;--accent: #0969da;--accent-hover: #0550ae;--accent-soft: rgba(9, 105, 218, .12);--success: #1a7f37;--danger: #cf222e;--warning: #9a6700;--link: #0969da;--link-hover: #0550ae;--chip-bg: #f6f8fa;--header-bg: rgba(255, 255, 255, .96);--header-title: #24292f;--header-nav-bg: #f6f8fa;--header-nav-hover: #eaeef2;--button-primary-text: #ffffff;--focus-ring: 0 0 0 3px rgba(9, 105, 218, .25);--app-shell-bg: var(--app-bg)}:root[data-design=github][data-color-mode=dark]{--app-bg: #0d1117;--page-bg: #161b22;--surface-muted: #0d1117;--surface-subtle: #21262d;--surface-overlay: rgba(22, 27, 34, .95);--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #7d8590;--text-inverse: #0d1117;--border-color: #30363d;--border-strong: #3d444d;--accent: #2f81f7;--accent-hover: #58a6ff;--accent-soft: rgba(47, 129, 247, .18);--success: #3fb950;--danger: #f85149;--danger-bg: #2d1116;--danger-border: #b62324;--warning: #d29922;--warning-bg: #2a1f07;--warning-border: #8b6f1e;--link: #58a6ff;--link-hover: #79c0ff;--chip-bg: #21262d;--header-bg: rgba(13, 17, 23, .92);--header-title: #f0f6fc;--header-nav-bg: #21262d;--header-nav-hover: #30363d;--button-primary-text: #ffffff;--focus-ring: 0 0 0 3px rgba(47, 129, 247, .35);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 10px rgba(0, 0, 0, .45);--shadow-lg: 0 14px 28px rgba(0, 0, 0, .5);--app-shell-bg: var(--app-bg)}:root[data-design=legacy]{--app-bg: #eef1ff;--page-bg: #ffffff;--surface-muted: #f8f9fa;--surface-subtle: #f8f9fa;--surface-overlay: rgba(255, 255, 255, .95);--text-primary: #333333;--text-secondary: #666666;--text-muted: #8a8a8a;--text-inverse: #ffffff;--border-color: #e9ecef;--border-strong: #dee2e6;--accent: #667eea;--accent-hover: #5568d3;--accent-soft: rgba(102, 126, 234, .14);--success: #38a169;--danger: #e53e3e;--danger-bg: #fff5f5;--danger-border: #feb2b2;--warning: #856404;--warning-bg: #fff9e6;--warning-border: #ffd700;--link: #667eea;--link-hover: #5568d3;--chip-bg: #f8f9fa;--header-bg: rgba(255, 255, 255, .95);--header-title: #333333;--header-nav-bg: rgba(0, 0, 0, .05);--header-nav-hover: rgba(0, 0, 0, .05);--button-primary-text: #ffffff;--focus-ring: 0 0 0 3px rgba(102, 126, 234, .25);--app-shell-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%)}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-family)}html,body,#root{min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--app-bg);color:var(--text-primary);transition:background-color var(--transition-base),color var(--transition-base)}code{font-family:var(--mono-family)}button,input,select,textarea{color:inherit}