body{margin:0;background:#f5f7fb;font-family:Inter,Arial,sans-serif;color:#1f2937}.wrap{max-width:1160px;margin:auto;padding:14px}.top{background:#fff;border:1px solid #e7eaf2;border-radius:10px;padding:10px;display:grid;gap:8px}.topline{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}.topline span{font-size:12px;color:#6b7280}.period-select{font-size:11px;padding:2px 6px;border:1px solid #d1d5db;border-radius:4px;background:#fff;color:#374151;cursor:pointer}.chg{font-size:11px;font-weight:600;white-space:nowrap}.chg.up{color:#16a34a}.chg.down{color:#dc2626}.chg.new{color:#2563eb;font-size:10px;background:#eff6ff;padding:1px 4px;border-radius:3px}.chg.flat{color:#9ca3af}.exportBtn{font-size:11px;padding:3px 8px;border:1px solid #d1d5db;border-radius:4px;background:#fff;color:#374151;cursor:pointer;white-space:nowrap}.exportBtn:hover{background:#f3f4f6;border-color:#9ca3af}.detail-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.detail-period-label{font-size:12px;color:#6b7280}.klasGrid{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.klasPie{width:200px;flex-shrink:0}.klasTable{flex:1;min-width:0}.klasTable table{width:100%;font-size:12px}.klasTable td,.klasTable th{padding:3px 6px;text-align:left}.klasDot{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:middle}.dfBar{display:flex;border-radius:6px;overflow:hidden;font-size:12px;font-weight:600;margin-bottom:12px}.dfDom{background:#3b82f6;color:#fff;padding:8px 12px;text-align:center;min-width:40px}.dfFor{background:#ef4444;color:#fff;padding:8px 12px;text-align:center;min-width:40px}.tipeTableWrap{overflow-x:auto}.tipeTable{width:100%;font-size:11px;border-collapse:collapse}.tipeTable th,.tipeTable td{padding:4px 6px;border-bottom:1px solid #e5e7eb;text-align:right}.tipeTable th{background:#f9fafb;font-weight:600}.tipeTable td:first-child,.tipeTable th:first-child{text-align:left}.tipeTable tfoot td{border-top:2px solid #374151}.tipeHighlight{background:#fef3c7!important}.tipeHighlight td{font-weight:600}.idSummary{display:flex;gap:12px;margin-bottom:14px;flex-wrap:wrap}.idBox{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:8px;background:#f9fafb;border:1px solid #e5e7eb;flex:1;min-width:180px}.idBoxHighlight{background:#fef3c7;border-color:#f59e0b}.idIcon{font-size:24px}.idLabel{font-size:11px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.idValue{font-size:16px;font-weight:700;color:#1f2937}.idPct{font-size:12px;color:#6b7280;font-weight:400}.idSub{font-size:11px;color:#6b7280;margin-top:2px}.seoH1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width:600px){.klasGrid{flex-direction:column}.klasPie{width:160px;margin:0 auto}}.top input{padding:10px;border:1px solid #d7dce7;border-radius:8px}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.toolbar button{border:1px solid #d7dce7;background:#fff;padding:7px 10px;border-radius:8px}.toolbar .active{border-color:#1e77d3;color:#1e77d3;font-weight:700}.statsHead{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.statsHead div{background:#fcfdff;border:1px solid #e7eaf2;border-radius:8px;padding:10px;text-align:center}.statsHead b{font-size:20px;display:block}.statsHead span{font-size:12px;color:#6b7280}.item{margin-top:8px;background:#fff;border:1px solid #e7eaf2;border-radius:10px;padding:10px;display:flex;justify-content:space-between;cursor:pointer;align-items:center}.item small{display:block;color:#6b7280;font-size:12px;margin-top:3px}.item em{font-style:normal;color:#6b7280}.pager{display:flex;justify-content:space-between;align-items:center;margin:10px 0;color:#6b7280;font-size:12px}.pager button{border:1px solid #d7dce7;background:#fff;padding:6px 10px;border-radius:8px;margin-left:6px}.btn{border:1px solid #d7dce7;background:#fff;padding:7px 10px;border-radius:8px}.hero{margin-top:10px;background:linear-gradient(135deg,#3f50ff,#8e3cff 52%,#f23a96);color:#fff;border-radius:14px;padding:14px;box-shadow:0 12px 28px #6746ff47}.heroTop{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap}.hero h2{margin:0 0 4px}.hero small{opacity:.9}.tickerBadge{display:inline-block;background:#fff3;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:3px 10px;font-size:12px;vertical-align:middle;margin-right:6px}.heroStats{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:8px;flex:1}.heroStats div{background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:8px 10px}.heroStats span{display:block;font-size:11px;opacity:.92}.heroStats b{font-size:18px}.largest{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.2)}.largestTop{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:13px}.largestTop b{font-size:28px;line-height:1}.largestTrack{margin-top:8px;height:8px;border-radius:999px;background:#ffffff3d;overflow:hidden}.largestFill{height:100%;background:#fff;border-radius:999px}.pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.pills span{background:#ffffff29;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:5px 10px;font-size:12px;display:inline-flex;align-items:center;gap:6px}.card{margin-top:10px;background:#fff;border:1px solid #e7eaf2;border-radius:10px;padding:10px}.row{display:flex;justify-content:space-between;align-items:center}.row button{border:1px solid #d7dce7;background:#fff;padding:6px 10px}.row .on{border-color:#1e77d3;color:#1e77d3}.iconToggle{display:inline-flex;border:1px solid #d7dce7;border-radius:10px;overflow:hidden;background:#fff}.iconToggle button{height:34px;padding:0 12px;border:0;border-right:1px solid #d7dce7;display:grid;place-items:center;font-size:13px;cursor:pointer}.iconToggle button:last-child{border-right:0}.iconToggle .on{background:#eef5ff;color:#1e77d3;font-weight:700}.bars{margin-top:8px;display:grid;gap:8px}.bar{display:grid;grid-template-columns:200px 1fr 60px;gap:8px;align-items:center;font-size:12px}.bar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track{height:10px;background:#eff2f8;border-radius:99px}.track div{height:100%;border-radius:99px}.bar em{font-style:normal;color:#6b7280}.pie{max-width:300px;margin:10px auto 0}.netTitle{font-weight:700;margin-bottom:8px}.networkBox{width:100%;height:320px;border:1px solid #e7eaf2;border-radius:10px;background:#fff}.linkBtn{border:0;background:transparent;color:#1e77d3;padding:0;cursor:pointer;font:inherit;text-align:left}.linkBtn:hover{text-decoration:underline}.desktopTable{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wide{width:max-content;min-width:980px;border-collapse:collapse}.table-wide th,.table-wide td{padding:8px;border-bottom:1px solid #f1f3f8;white-space:nowrap;font-size:12px;text-align:left}.table-wide th{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.12em}.ticker{font-weight:700;color:#8b5e34}.mini{width:88px;padding:4px 6px;border:1px solid #d7dce7;border-radius:6px}@media (max-width:980px){.statsHead{grid-template-columns:repeat(2,1fr)}.heroStats{grid-template-columns:repeat(2,minmax(90px,1fr))}.bar{grid-template-columns:1fr}.largestTop b{font-size:22px}}