:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}:root{--bg-primary: #f5f7fa;--bg-secondary: #fff;--bg-hover: #f8f9fa;--bg-input: #fff;--text-primary: #202124;--text-secondary: #5f6368;--text-muted: #9aa0a6;--border-color: #e8eaed;--border-light: #f1f3f4;--accent: #1a73e8;--accent-bg: #e8f0fe;--success: #34a853;--warning: #f9ab00;--danger: #ea4335;--shadow: 0 1px 3px rgba(0,0,0,.08);--shadow-hover: 0 2px 8px rgba(0,0,0,.12)}@media(prefers-color-scheme:dark){:root{--bg-primary: #1a1a1a;--bg-secondary: #242424;--bg-hover: #2d2d2d;--bg-input: #333;--text-primary: #e8eaed;--text-secondary: #9aa0a6;--text-muted: #6e7681;--border-color: #3c4043;--border-light: #333;--accent: #8ab4f8;--accent-bg: #1e3a5f;--shadow: 0 1px 3px rgba(0,0,0,.3);--shadow-hover: 0 2px 8px rgba(0,0,0,.4)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}.nav{display:flex;align-items:center;padding:0 24px;height:56px;background:var(--bg-secondary);box-shadow:var(--shadow);position:sticky;top:0;z-index:100;gap:16px}.nav-brand{font-size:18px;font-weight:600;color:var(--accent);white-space:nowrap}.nav-links{display:flex;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-links a{padding:8px 14px;border-radius:4px;text-decoration:none;color:var(--text-secondary);font-weight:500;font-size:14px;transition:all .2s;white-space:nowrap}.nav-links a:hover{background:var(--bg-hover)}.nav-links a.active{background:var(--accent-bg);color:var(--accent)}.nav-status{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);flex-shrink:0}.status-dot.connected{background:var(--success)}.main{flex:1;padding:16px;max-width:1400px;margin:0 auto;width:100%}.dashboard-header{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px}.dashboard-header h1{font-size:22px;font-weight:600}.update-time{font-size:12px;color:var(--text-secondary);background:var(--bg-hover);padding:4px 10px;border-radius:12px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr 280px;gap:16px}.dashboard-section{background:var(--bg-secondary);border-radius:8px;padding:16px;box-shadow:var(--shadow);overflow:hidden}.alerts-section{grid-row:span 2}.page{background:var(--bg-secondary);border-radius:8px;padding:20px;box-shadow:var(--shadow)}.page h1{font-size:20px;margin-bottom:16px}.fund-table-container{display:flex;flex-direction:column;max-height:100%}.fund-table-container h2{font-size:15px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.table-controls{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.search-input{flex:1;min-width:150px;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;outline:none;background:var(--bg-input);color:var(--text-primary);transition:border-color .2s}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--text-muted)}.count{font-size:12px;color:var(--text-secondary);white-space:nowrap}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px}.fund-table{width:100%;border-collapse:collapse;font-size:13px;min-width:600px}.fund-table th{text-align:left;padding:10px 8px;border-bottom:2px solid var(--border-color);font-weight:600;color:var(--text-secondary);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;position:sticky;top:0;background:var(--bg-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.fund-table th:hover{color:var(--accent)}.sort-icon{margin-left:4px;font-size:11px;opacity:.8}.sort-icon.inactive{opacity:.3}.fund-table td{padding:10px 8px;border-bottom:1px solid var(--border-light);vertical-align:middle}.fund-table tbody tr{transition:background .15s}.fund-table tbody tr:hover{background:var(--bg-hover)}.fund-table .code{font-family:SF Mono,Monaco,monospace;font-size:12px;color:var(--accent)}.fund-table .name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}.fund-table .col-premium{text-align:right}.fund-table .up{color:#c5221f}.fund-table .down{color:#137333}@media(prefers-color-scheme:dark){.fund-table .up{color:#f28b82}.fund-table .down{color:#81c995}}.stale-row{opacity:.7}.stale-badge{margin-left:4px;font-size:11px;color:var(--warning)}.no-data{text-align:center;color:var(--text-muted);padding:32px 8px}.premium-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-weight:600;font-size:12px;font-family:SF Mono,Monaco,monospace;min-width:60px;text-align:right}.premium-high{background:#fce8e6;color:#c5221f}.premium-positive{background:#fff3e0;color:#e65100}.premium-neutral{background:var(--bg-hover);color:var(--text-secondary)}.premium-negative{background:#e6f4ea;color:#137333}.premium-low{background:#e8f5e9;color:#1b5e20}@media(prefers-color-scheme:dark){.premium-high{background:#5c2626;color:#f28b82}.premium-positive{background:#4a3520;color:#fdd663}.premium-negative,.premium-low{background:#1e3a29;color:#81c995}}.btn-alert{padding:4px 8px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);font-size:14px;cursor:pointer;color:var(--text-secondary);transition:all .2s;line-height:1}.btn-alert:hover{background:var(--bg-hover);border-color:var(--accent);transform:scale(1.1)}.alert-list{font-size:14px}.alert-list h3{font-size:15px;margin-bottom:12px;font-weight:600}.alert-list.empty{color:var(--text-muted);text-align:center;padding:32px 16px}.alert-list ul{list-style:none}.alert-list li{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;margin-bottom:8px;gap:8px}.alert-info{flex:1;min-width:0}.alert-info strong{color:var(--text-primary);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert-info small{color:var(--text-muted);font-size:12px}.btn-remove{padding:4px 8px;border:none;background:#fce8e6;color:#c5221f;border-radius:4px;font-size:12px;cursor:pointer;flex-shrink:0}.btn-remove:hover{background:#f8d7da}@media(prefers-color-scheme:dark){.btn-remove{background:#5c2626;color:#f28b82}.btn-remove:hover{background:#6e2e2e}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}.modal{background:var(--bg-secondary);border-radius:12px;padding:24px;width:400px;max-width:100%;box-shadow:var(--shadow-hover)}.modal h3{font-size:18px;margin-bottom:8px}.fund-info{color:var(--text-secondary);margin-bottom:20px;font-size:14px}.form-group{margin-bottom:16px}.form-group label{display:flex;align-items:center;gap:12px}.form-group label span{min-width:70px;font-size:14px;color:var(--text-secondary)}.form-group select,.form-group input{flex:1;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;background:var(--bg-input);color:var(--text-primary)}.form-group select:focus,.form-group input:focus{outline:none;border-color:var(--accent)}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.btn-cancel{padding:10px 20px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;font-size:14px}.btn-cancel:hover{background:var(--bg-hover)}.btn-confirm{padding:10px 20px;border:none;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer;font-size:14px;font-weight:500}.btn-confirm:hover{filter:brightness(.9)}.filter-tabs{display:flex;gap:4px;flex-wrap:wrap}.filter-tab{padding:6px 12px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-secondary);font-size:12px;cursor:pointer;color:var(--text-secondary);transition:all .2s;white-space:nowrap}.filter-tab:hover{background:var(--bg-hover)}.filter-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.category-tag{display:inline-block;padding:2px 6px;border-radius:3px;font-size:10px;background:var(--bg-hover);color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.category-tag.commodity{background:#fff3e0;color:#e65100}.category-tag.qdii{background:#e3f2fd;color:#1565c0}@media(prefers-color-scheme:dark){.category-tag.commodity{background:#4a3520;color:#fdd663}.category-tag.qdii{background:#1e3a5f;color:#8ab4f8}}@media(max-width:1200px){.dashboard-grid{grid-template-columns:1fr 1fr}.alerts-section{grid-column:span 2;grid-row:auto}}@media(max-width:768px){.main{padding:12px}.nav{padding:0 12px;gap:8px}.nav-brand{font-size:16px}.dashboard-grid{grid-template-columns:1fr;gap:12px}.alerts-section{grid-column:auto}.dashboard-section{padding:12px}.fund-table{font-size:12px}.fund-table th,.fund-table td{padding:8px 6px}.fund-table .name{max-width:100px}.premium-badge{min-width:50px;padding:2px 6px;font-size:11px}.modal{padding:20px}}@media(max-width:480px){.nav-links a{padding:6px 10px;font-size:13px}.nav-status span:not(.status-dot){display:none}.dashboard-header h1{font-size:18px}.table-controls{flex-direction:column;align-items:stretch}.search-input{width:100%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 1.5s ease-in-out infinite}.table-wrapper{position:relative}.table-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;width:20px;background:linear-gradient(to left,var(--bg-secondary),transparent);pointer-events:none;opacity:0;transition:opacity .2s}.table-wrapper.has-scroll:after{opacity:1}.tractor-yes{color:var(--success);font-weight:500}.tractor-no{color:var(--text-muted)}.limit-type-badge{display:inline-block;font-size:10px;padding:1px 4px;margin-left:4px;background:var(--warning);color:#fff;border-radius:3px;vertical-align:middle}.market-sz{color:#8b5cf6;font-weight:500}.market-sh{color:#f59e0b;font-weight:500}.nav-date{color:#888;font-size:12px;margin-left:4px}.turnover{color:#666;font-size:13px}.commodity-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.commodity-table th.sortable:hover{background:#ffffff1a}.sort-icon{margin-left:4px;opacity:.5;font-size:12px}.commodity-table th.sortable:hover .sort-icon{opacity:1}.up{color:#f56c6c}.down{color:#67c23a}.nav-date.stale{color:#e6a23c!important}.amount{color:#888;font-size:13px}.limit .has-limit{color:#e6a23c;font-size:12px}.limit .no-limit{color:#67c23a;font-size:12px}.table-container{overflow-x:auto}.virtual-header{font-size:12px;font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-secondary);position:sticky;top:0;z-index:1}.vth{padding:10px 6px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vth:hover{color:var(--accent)}.virtual-row{font-size:13px;border-bottom:1px solid var(--border-light);transition:background .15s}.virtual-row:hover{background:var(--bg-hover)}.vcell{padding:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vcell.code{font-family:SF Mono,Monaco,monospace;font-size:12px;color:var(--accent)}.vcell.name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vcell.col-premium{text-align:right}.vcell.up{color:#c5221f}.vcell.down{color:#137333}@media(prefers-color-scheme:dark){.vcell.up{color:#f28b82}.vcell.down{color:#81c995}}