:root{--bg: #F5F3EF;--bg-panel: #FFFFFF;--bg-panel2: #FBF9F5;--bg-hover: #F0ECE4;--track: #ECE7DE;--border: #E5E0D8;--border-2: #DED8CD;--text: #1A1A1A;--text-dim: #5A5A56;--text-mute: #8A8A82;--cj: #E60012;--cj-strong: #C8102E;--cj-soft: #FDECEE;--accent: #2F6FED;--blue-soft: #E8F0FE;--hover-yellow: #FFF1B8;--good: #1E9E4A;--bad: #D92D20;--radius: 12px;--shadow: 0 1px 2px rgba(30,25,15,.05), 0 2px 8px rgba(30,25,15,.06);--shadow-hover: 0 4px 14px rgba(30,25,15,.1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Pretendard,-apple-system,Malgun Gothic,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:1400px;margin:0 auto;padding:0 24px 64px}.app-header{background:#fff;border-bottom:1.5px solid #DED8CD;box-shadow:0 2px 8px #1e190f0f;margin-bottom:20px}.app-header-inner{max-width:1400px;margin:0 auto;padding:15px 24px 2px}.app-title{font-size:26px;font-weight:800;letter-spacing:-.02em;margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;line-height:1.2}.app-title .cj-mark{color:var(--text)}.app-title .app-title-sub{font-size:.58em;font-weight:700;color:var(--text-mute);letter-spacing:0}.app-title .app-sub-inline{font-size:13.5px;font-weight:600;color:var(--text-mute);letter-spacing:0;margin-left:8px;padding-left:12px;border-left:1px solid var(--border-2)}.navhead{margin-top:16px}.navhead-row{display:flex;gap:4px}.nav-primary{padding:10px 22px;font-size:16.5px;font-weight:700;color:var(--text-mute);background:none;border:none;cursor:pointer;position:relative;border-radius:8px 8px 0 0}.nav-primary:not(:disabled):hover{color:var(--text)}.nav-primary.active{color:var(--text)}.nav-primary.active:after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:3px;background:var(--cj);border-radius:3px 3px 0 0}.nav-primary:disabled{color:var(--text-dim);opacity:.62;cursor:not-allowed}.nav-primary .soon{font-size:10px;margin-left:6px;font-weight:600;opacity:.9}.navhead-row.sub{gap:6px;padding:8px 0 10px}.nav-sub{padding:6px 15px;font-size:13.5px;font-weight:600;color:var(--text-dim);background:var(--bg-panel);border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:all .12s}.nav-sub:not(:disabled):hover{background:var(--bg-hover);color:var(--text)}.nav-sub.active{background:var(--cj);border-color:var(--cj);color:#fff;box-shadow:0 2px 6px #e6001238}.nav-wrap{margin:18px 0 4px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:14px;color:var(--text-mute)}.breadcrumb .bc{font-weight:600}.breadcrumb .bc.cur{color:var(--cj);font-weight:700}.breadcrumb .sep{color:var(--text-mute);opacity:.7}.nav-section{margin-bottom:12px}.nav-label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-mute);margin:0 0 7px 2px}.catnav{display:flex;flex-wrap:wrap;gap:8px}.cat-chip{display:inline-flex;align-items:center;padding:10px 20px;font-size:15.5px;font-weight:700;background:var(--bg-panel);border:1.5px solid var(--border);border-radius:999px;color:var(--text-dim);cursor:pointer;transition:all .15s;box-shadow:var(--shadow)}.cat-chip:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border-2)}.cat-chip.active{background:var(--cj);border-color:var(--cj);color:#fff;box-shadow:0 2px 8px #e6001247}.subnav{display:flex;flex-wrap:wrap;gap:6px}.sub-chip{padding:8px 16px;font-size:14.5px;font-weight:600;background:var(--bg-panel);border:1.5px solid var(--border);border-radius:8px;color:var(--text-dim);cursor:pointer;transition:all .12s}.sub-chip:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border-2)}.sub-chip.active{background:var(--cj-soft);border-color:var(--cj);color:var(--cj-strong);font-weight:700}.sub-chip.no-comp{opacity:.6}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-h{padding:15px 18px;border-bottom:1px solid var(--border);font-size:15.5px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-h .panel-title-name{color:var(--cj);font-weight:800}.panel-b{padding:16px 18px}.grid-2{display:grid;grid-template-columns:420px 1fr;gap:16px;align-items:start}@media (max-width: 1080px){.grid-2{grid-template-columns:1fr}}.detail-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:14px 28px;padding:18px 20px;margin:8px 0 16px;background:linear-gradient(90deg,var(--cj-soft),transparent 65%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.detail-head .dh-title{margin-right:6px}.detail-head .name{font-size:24px;font-weight:800;letter-spacing:-.01em}.detail-head .crumb{font-size:13px;color:var(--text-mute);margin-bottom:2px}.kpi{display:flex;flex-direction:column;min-width:128px}.kpi .k{font-size:12.5px;color:var(--text-dim);font-weight:600}.kpi .k em{font-style:normal;color:var(--text-mute);font-weight:600}.kpi .v{font-size:25px;font-weight:800;margin-top:2px}.kpi .v small{font-size:13px;font-weight:600;color:var(--text-dim);margin-left:3px}.kpi .v.cj{color:var(--cj)}.kpi .hint{font-size:12px;color:var(--text-mute);font-weight:600;align-self:center}.seg{display:inline-flex;background:var(--bg-panel2);border:1px solid var(--border);border-radius:8px;padding:2px;gap:2px}.seg button{padding:4px 12px;font-size:12px;font-weight:700;color:var(--text-mute);background:none;border:none;border-radius:6px;cursor:pointer;transition:all .12s}.seg button:hover{color:var(--text)}.seg button.on{background:var(--cj);color:#fff;box-shadow:0 1px 3px #e6001240}.ms-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.ms-legend .li{display:inline-flex;align-items:center;gap:7px;padding:4px 11px;background:var(--bg-panel2);border:1px solid var(--border);border-radius:999px;font-size:13.5px;font-weight:600;color:var(--text)}.ms-legend .li .dot{width:11px;height:11px;border-radius:50%}.ms-legend .li b{font-weight:800}.ms-legend .li.cj{background:var(--cj-soft);border-color:var(--cj)}.ms-legend .li.cj b{color:var(--cj)}.ms-legend .li{cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .12s,box-shadow .12s,background .12s}.ms-legend .li:hover{border-color:var(--text-dim);background:var(--bg-hover)}.ms-legend .li.sel{border-color:var(--text);background:var(--bg-panel);box-shadow:0 0 0 1.5px var(--text) inset;font-weight:700}.ms-foot{margin-top:12px;font-size:12.5px;color:var(--text-mute)}.note-banner{background:var(--cj-soft);border:1px solid #F3C9CF;color:var(--cj-strong);font-size:12px;font-weight:600;padding:8px 14px;border-radius:8px;margin:12px 0}.panel-note{font-size:12.5px;color:var(--text-mute);font-weight:600}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th,.tbl td{padding:10px;text-align:right;border-bottom:1px solid var(--border);white-space:nowrap}.tbl th{color:var(--text-dim);font-weight:600;font-size:13px;position:sticky;top:0;background:var(--bg-panel)}.tbl td.l,.tbl th.l{text-align:left}.tbl tr.cj-row td{background:var(--cj-soft)}.tbl tr.cj-row td.rank{color:var(--cj);font-weight:800}.tbl .pname{font-weight:600;color:var(--text);max-width:260px;white-space:normal}.tbl .maker-tag{font-size:11px;padding:2px 7px;border-radius:5px;background:var(--bg-hover);color:var(--text-dim);border:1px solid var(--border)}.tbl .maker-tag.cj{background:var(--cj);color:#fff;border-color:var(--cj)}.tbl .rank{color:var(--text-mute);font-weight:700}.top10-tbl tr.comp-row td{background:var(--blue-soft)}.top10-tbl tbody tr:hover td{background:var(--hover-yellow)}.top10-tbl thead th .unit-big{font-size:14px;font-weight:800;color:var(--text)}.top10-tbl thead th{font-size:14.5px;font-weight:700;color:var(--text-dim)}.top10-tbl thead th small{font-size:12px;font-weight:600}.top10-tbl thead th.grp{text-align:center;border-bottom:1px solid var(--border);color:var(--text-dim);font-weight:700}.top10-tbl thead th.grp small{color:var(--text-mute);font-weight:600}.top10-tbl thead th.sub{font-weight:700;font-size:13.5px}.ms-tbl{font-size:14.5px}.ms-tbl th{font-size:13px;color:var(--text);font-weight:700}.ms-tbl td{padding:11px 10px}.ms-tbl th,.ms-tbl td{background:var(--bg-panel2)}.ms-tbl tr.cj-row td{background:var(--cj-soft)}.ms-tbl .maker-tag{font-size:13.5px;font-weight:700;color:var(--text);padding:3px 10px}.ms-tbl .maker-tag.cj{color:#fff}.ms-tbl td.bar-cell{width:42%}.ms-bar-wrap{background:var(--track);border-radius:5px;height:18px;overflow:hidden}.ms-bar{height:100%;border-radius:5px}.ms-section-title{font-size:15.5px;font-weight:800;color:var(--text);letter-spacing:-.01em;margin:0 0 10px;padding-left:9px;border-left:3px solid var(--cj)}.ms-block-donut{margin-top:20px;padding:15px 14px 6px;background:var(--bg-panel2);border:1px solid var(--border);border-radius:10px}.ranking-tbl{font-size:13.5px}.ranking-tbl th{font-size:13px;white-space:nowrap;color:var(--text);font-weight:800}.ranking-tbl th small{font-weight:700;color:var(--text-dim)}.ranking-tbl td,.ranking-tbl th{padding:9px 8px}.ranking-tbl td.rank{color:var(--text-mute);font-weight:800;text-align:center;width:40px}.ranking-tbl .maker-cell{text-align:left;font-weight:700;color:var(--text)}.ranking-tbl .sep-l{border-left:2px solid var(--border-2)}.ranking-tbl thead th.grp{text-align:center;color:var(--text);font-weight:800}.ranking-tbl tr.cj-row td{background:var(--cj-soft)}.ranking-tbl tr.cj-row td.rank{color:var(--cj)}.ranking-tbl tbody tr:hover td{background:var(--hover-yellow)}.ranking-tbl .month{color:var(--text-dim)}.ov-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.ov-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;cursor:pointer;transition:all .15s;box-shadow:var(--shadow)}.ov-card:hover{background:var(--bg-panel);border-color:var(--cj);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.ov-card .oc-name{font-size:15px;font-weight:700;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.ov-card .oc-total{font-size:22px;font-weight:800}.ov-card .oc-total small{font-size:12px;color:var(--text-dim);font-weight:600}.ov-card .oc-cj{font-size:12px;margin-top:8px;color:var(--text-dim)}.ov-card .oc-cj b{color:var(--cj);font-size:14px}.ov-card .oc-badge{font-size:10px;color:var(--text-mute)}.state{padding:80px 20px;text-align:center;color:var(--text-dim)}.state.err{color:var(--bad)}.spinner{width:34px;height:34px;border:3px solid var(--border);border-top-color:var(--cj);border-radius:50%;margin:0 auto 16px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.legend-inline{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--text-dim);margin-top:12px}.legend-inline .li{display:flex;align-items:center;gap:5px}.legend-inline .dot{width:10px;height:10px;border-radius:3px}.warn-banner{background:#fff6e0;border:1px solid #F0D48A;color:#8a6100;font-size:12px;padding:8px 14px;border-radius:8px;margin:12px 0}.source-box{margin-top:28px}.source-box summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--text-dim);padding:10px 0;list-style:none}.source-box summary:before{content:"▸ "}.source-box[open] summary:before{content:"▾ "}.source-box .src-body{font-size:13.5px;color:var(--text-dim);line-height:1.7;padding:8px 4px 4px}.source-box .src-body p{margin:0}.source-box code{background:var(--bg-hover);padding:1px 5px;border-radius:4px}.source-box a{color:var(--cj-strong);text-decoration:underline;font-weight:700}.source-box a:hover{color:var(--cj)}.section-label{font-size:12px;font-weight:700;color:var(--text-mute);text-transform:uppercase;letter-spacing:.04em;margin:4px 0 10px}