:root{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #fbfcfd;--border: #e7e9ef;--border-strong: #d8dbe3;--text: #171a21;--muted: #697086;--muted-2: #99a0b0;--accent: #4f46e5;--accent-700: #4338ca;--accent-weak: #eef1fe;--accent-ring: rgba(79, 70, 229, .22);--up: #15a34a;--up-weak: #e9f7ee;--down: #dc2626;--down-weak: #fdecec;--flat: #697086;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06);--shadow-md: 0 6px 22px rgba(16, 24, 40, .09);--radius: 14px;--radius-sm: 10px;--maxw: 1180px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.muted{color:var(--muted)}button{font-family:inherit;cursor:pointer}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.header{position:sticky;top:0;z-index:50;background:#ffffffd1;-webkit-backdrop-filter:saturate(160%) blur(10px);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--border)}.header-inner{max-width:var(--maxw);margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-weight:650;letter-spacing:-.01em}.brand .mark{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#7c74f0);display:grid;place-items:center;color:#fff;font-size:14px;font-weight:800}.searchbar{position:relative;flex:1;max-width:460px;margin-left:auto}.search-input{width:100%;padding:10px 14px 10px 38px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23697086' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='M11 11l4 4'/%3E%3C/svg%3E") 12px center no-repeat;font-size:14px;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden;z-index:60;max-height:380px;overflow-y:auto}.search-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border:none;background:none;width:100%;text-align:left;border-bottom:1px solid var(--border)}.search-item:last-child{border-bottom:none}.search-item:hover,.search-item.active{background:var(--accent-weak)}.search-item .sym{font-weight:650;min-width:64px}.search-item .nm{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-item .ex{margin-left:auto;color:var(--muted-2);font-size:12px}.search-empty{padding:14px;color:var(--muted);font-size:13px}.layout{max-width:var(--maxw);margin:0 auto;padding:22px 24px 48px;display:grid;grid-template-columns:290px 1fr;gap:22px;align-items:start}.sidebar{position:sticky;top:84px}@media (max-width: 880px){.layout{grid-template-columns:1fr}.sidebar{position:static}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card+.card{margin-top:18px}.card-pad{padding:18px 20px}.card-title{font-size:13px;font-weight:650;letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}.section-gap{margin-top:18px}.watch-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.watch-head h2{font-size:14px;margin:0;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}.watch-row{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;padding:11px 12px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent;transition:background .12s,border-color .12s}.watch-row:hover{background:var(--surface-2);border-color:var(--border)}.watch-row.active{background:var(--accent-weak);border-color:var(--accent-ring)}.watch-row .sym{font-weight:650}.watch-row .name{grid-column:1;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.watch-row .price{grid-column:2;grid-row:1}.watch-row .chg{grid-column:2;grid-row:2;font-size:12px}.watch-empty{color:var(--muted);font-size:13px;padding:8px 4px 4px}.pill{display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums;font-weight:600}.up,.pill.up{color:var(--up)}.down,.pill.down{color:var(--down)}.flat,.pill.flat{color:var(--flat)}.pill .arrow{font-size:.85em}.tag{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--accent-weak);color:var(--accent-700)}.company-header{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:flex-end}.ch-id{display:flex;flex-direction:column;gap:2px}.ch-name{font-size:22px;font-weight:680;letter-spacing:-.01em;margin:0}.ch-sub{color:var(--muted);font-size:13px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ch-price-wrap{margin-left:auto;text-align:right}.ch-price{font-size:30px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.ch-change{font-size:15px;margin-top:2px}.ch-actions{display:flex;gap:8px;align-items:center}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:2px}.stat{padding:12px 14px}.stat-label{color:var(--muted);font-size:12px;margin-bottom:3px}.stat-value{font-size:17px;font-weight:620;font-variant-numeric:tabular-nums}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin:20px 0 0}.tab{border:none;background:none;padding:10px 14px;font-size:14px;font-weight:550;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.tab:hover{color:var(--text)}.tab.active{color:var(--accent-700);border-bottom-color:var(--accent)}.table-scroll{overflow-x:auto;margin:0 -4px}table.t{width:100%;border-collapse:collapse;font-size:14px}table.t th,table.t td{padding:11px 14px;border-bottom:1px solid var(--border)}table.t th{text-align:right;color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}table.t th:first-child,table.t td:first-child{text-align:left}table.t td{font-variant-numeric:tabular-nums}table.t td.num,table.t th.num{text-align:right}table.t tbody tr:hover{background:var(--surface-2)}table.t tr:last-child td{border-bottom:none}.row-label{color:var(--muted);font-weight:500}.ratios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.ratio{border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;background:var(--surface-2)}.ratio .k{color:var(--muted);font-size:12px}.ratio .v{font-size:20px;font-weight:660;font-variant-numeric:tabular-nums;margin-top:4px}.chart-wrap{position:relative;width:100%}.chart-wrap svg{display:block;width:100%;height:auto}.candle-up{fill:var(--up);stroke:var(--up)}.candle-down{fill:var(--down);stroke:var(--down)}.grid-line{stroke:var(--border);stroke-width:1}.axis-label{fill:var(--muted-2);font-size:10px}.chart-tooltip{position:absolute;pointer-events:none;background:var(--text);color:#fff;padding:7px 9px;border-radius:8px;font-size:11px;line-height:1.45;white-space:nowrap;font-variant-numeric:tabular-nums;transform:translate(-50%,-110%);box-shadow:var(--shadow-md)}.chart-range{display:flex;gap:6px}.chart-range button{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600}.chart-range button.active{background:var(--accent-weak);color:var(--accent-700);border-color:var(--accent-ring)}.news-list{display:flex;flex-direction:column}.news-item{display:flex;gap:12px;padding:13px 4px;border-bottom:1px solid var(--border)}.news-item:last-child{border-bottom:none}.dot{width:9px;height:9px;border-radius:50%;margin-top:6px;flex:none}.dot.positive{background:var(--up)}.dot.negative{background:var(--down)}.dot.neutral{background:var(--muted-2)}.news-body{min-width:0}.news-headline{font-weight:550;line-height:1.4}.news-meta{color:var(--muted);font-size:12px;margin-top:3px;display:flex;gap:8px;flex-wrap:wrap}.recs{display:flex;height:30px;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.recs span{display:block;height:100%}.recs .sb{background:#0e8a43}.recs .b{background:#4caf6e}.recs .h{background:#c9ccd6}.recs .s{background:#e88b8b}.recs .ss{background:var(--down)}.recs-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;font-size:12px;color:var(--muted)}.recs-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}.pt{display:flex;flex-direction:column;gap:8px}.pt-bar{position:relative;height:8px;border-radius:999px;background:var(--border)}.pt-range{position:absolute;height:100%;border-radius:999px;background:var(--accent-weak)}.pt-mean{position:absolute;top:-4px;width:3px;height:16px;border-radius:2px;background:var(--accent)}.pt-cur{position:absolute;top:-4px;width:3px;height:16px;border-radius:2px;background:var(--text)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid var(--border)}.badge .led{width:7px;height:7px;border-radius:50%}.badge.live{color:var(--up);border-color:var(--up-weak);background:var(--up-weak)}.badge.live .led{background:var(--up)}.badge.mock{color:#9a6a00;border-color:#faedcf;background:#fcf6e6}.badge.mock .led{background:#d9a200}.btn-icon{border:1px solid var(--border-strong);background:var(--surface);border-radius:9px;width:36px;height:36px;display:grid;place-items:center;color:var(--muted);font-size:16px;transition:background .12s,color .12s,border-color .12s}.btn-icon:hover{background:var(--surface-2);color:var(--text)}.btn-icon.star-on{color:#e3a008;border-color:#f4e3b5;background:#fdf8ec}.empty-state{text-align:center;color:var(--muted);padding:80px 20px}.empty-state .big{font-size:19px;color:var(--text);font-weight:600;margin-bottom:8px}.spinner{width:18px;height:18px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block;vertical-align:-3px}.loading{color:var(--muted);font-size:14px;padding:24px;text-align:center}.error-box{color:var(--down);background:var(--down-weak);border:1px solid #f6d2d2;padding:12px 14px;border-radius:10px;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#eef0f4 25%,#f6f7f9 37%,#eef0f4 63%);background-size:400% 100%;animation:sk 1.3s ease infinite;border-radius:6px}@keyframes sk{0%{background-position:100% 0}to{background-position:-100% 0}}.fade-in{animation:fade .25s ease}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.val-hero{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center}.rating{font-size:20px;font-weight:700;padding:6px 16px;border-radius:999px;display:inline-flex;align-items:center;gap:8px}.rating.up{background:var(--up-weak);color:var(--up)}.rating.down{background:var(--down-weak);color:var(--down)}.rating.flat{background:#eef1f5;color:var(--muted)}.gauge{font-size:38px;font-weight:760;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.05}.scoreline{display:flex;align-items:center;gap:12px;margin:9px 0}.scoreline .lab{width:140px;color:var(--muted);font-size:13px}.scorebar{flex:1;height:8px;border-radius:999px;background:var(--border);overflow:hidden}.scorebar i{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .4s ease}.scoreline .val{width:40px;text-align:right;font-variant-numeric:tabular-nums;font-weight:660}.disclaimer{color:var(--muted-2);font-size:11.5px;margin-top:12px;line-height:1.5}.watch-row{grid-template-columns:1fr auto auto}.watch-row .score-badge{grid-column:3;grid-row:1 / span 2;align-self:center;margin-left:8px}.score-badge{display:inline-grid;place-items:center;min-width:30px;height:28px;padding:0 6px;border-radius:8px;font-weight:700;font-size:13px;font-variant-numeric:tabular-nums}.score-badge.good{background:var(--up-weak);color:var(--up)}.score-badge.mid{background:#fcf6e6;color:#9a6a00}.score-badge.bad{background:var(--down-weak);color:var(--down)}.score-badge.na{background:var(--surface-2);color:var(--muted-2)}.wl-sort{border:1px solid var(--border);border-radius:8px;padding:3px 6px;font-size:12px;color:var(--muted);background:var(--surface);font-family:inherit}.cmp-btn{width:100%;margin-top:18px;border:1px solid var(--border-strong);background:var(--surface);border-radius:var(--radius);padding:12px;font-weight:600;color:var(--accent-700);display:flex;align-items:center;justify-content:center;gap:8px}.cmp-btn:hover,.cmp-btn.active{background:var(--accent-weak);border-color:var(--accent-ring)}table.t th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}table.t th.sortable:hover{color:var(--text)}table.t.cmp td:first-child,table.t.cmp th:first-child{position:sticky;left:0;background:var(--surface)}.help-wrap{position:relative;display:inline-flex}.btn-help{width:20px;height:20px;border-radius:50%;border:1px solid var(--border-strong);background:var(--surface);color:var(--muted);font-size:12px;font-weight:700;line-height:1;display:grid;place-items:center}.btn-help:hover{color:var(--accent-700);border-color:var(--accent-ring);background:var(--accent-weak)}.help-pop{position:absolute;top:28px;right:0;width:310px;max-height:340px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);padding:14px;z-index:70;text-align:left;font-weight:400}.help-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin-bottom:8px}.help-item{font-size:12.5px;line-height:1.5;padding:8px 0;border-bottom:1px solid var(--border);color:var(--text)}.help-item:last-child{border-bottom:none}.help-item .interp{display:block;margin-top:2px;color:var(--muted)}.index-scroll{max-height:360px;overflow-y:auto;margin:0 -4px;padding:0 4px}