:root{color-scheme:dark;font-family:system-ui,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;background:#0b1220;color:#e9eff9}*{box-sizing:border-box}body{margin:0}header{border-bottom:1px solid #253249;background:#101a2d;display:flex;align-items:center;justify-content:space-between;padding:16px max(20px,calc((100vw - 1240px)/2));gap:12px}.brand{display:flex;gap:12px;align-items:center}.brand strong{display:block;letter-spacing:.03em}.brand small{display:block;color:#93a5c1;margin-top:4px;font-size:12px}.logo{display:grid;place-items:center;background:#396df4;border-radius:12px;width:42px;height:42px;font-weight:800}.pill{border:1px solid #385178;border-radius:30px;padding:7px 12px;color:#aac7ff;font-size:12px;white-space:nowrap}main{max-width:1240px;margin:auto;padding:28px 20px 70px}.intro{display:flex;justify-content:space-between;gap:30px;align-items:end;margin:10px 0 30px}.eyebrow{font-size:12px;letter-spacing:.18em;color:#8cb3ff;font-weight:700}h1{font-size:clamp(32px,5vw,54px);line-height:1.18;margin:12px 0}h2{font-size:21px;margin:0 0 5px}.intro p:not(.eyebrow),.panel-head p{color:#9bacc7;line-height:1.65}.data-date{font-size:13px;line-height:1.9;color:#bac8dd;text-align:right}.data-date span{color:#e7bc80}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.stat,.panel{border:1px solid #273651;background:#131f33;border-radius:16px}.stat{padding:22px}.stat span{font-size:13px;color:#9fb0ca}.stat strong{display:block;font-size:clamp(24px,3vw,34px);margin-top:10px;font-variant-numeric:tabular-nums}.panel{padding:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-head p{font-size:13px;margin:0}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.controls label{font-size:12px;color:#aabbd5;display:flex;flex-direction:column;gap:7px}input,select{background:#0d1728;color:#eef3ff;border:1px solid #354765;border-radius:9px;padding:12px;width:100%;font:inherit;font-size:14px;min-width:0}input:focus,select:focus{outline:2px solid #467ef7;outline-offset:1px}button{cursor:pointer;font:inherit;border-radius:9px;border:1px solid #3a4c67;background:#1b2b44;color:#f0f5ff;padding:11px 14px}button:hover{background:#284161}button:disabled{opacity:.35;cursor:not-allowed}.primary{background:#3569e8;border-color:#3569e8;font-weight:650}.primary:hover{background:#4779f2}.ghost{background:transparent;border:0;color:#9abaff}.result-head{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #2a3953;padding:17px 0;font-size:13px;color:#bac9df}.table-wrap{overflow:auto;border:1px solid #2b3a53;border-radius:11px}table{width:100%;border-collapse:collapse;min-width:780px;text-align:left}th{font-size:12px;color:#aab9d2;background:#1c2b43;font-weight:600;padding:13px 12px}td{padding:14px 12px;border-top:1px solid #273650;font-size:13px}tbody tr{cursor:pointer}tbody tr:hover{background:#20334f}td:first-child{font-weight:650;color:#eaf1ff}.num{text-align:right;font-variant-numeric:tabular-nums}.muted{color:#91a5c3}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px;font-size:13px}footer{color:#8597b1;font-size:12px;line-height:1.8;margin-top:22px}dialog{background:#15233a;color:#edf3ff;border:1px solid #415576;border-radius:18px;width:min(540px,calc(100% - 28px));padding:25px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#050b17c9}.close{float:right;padding:6px 10px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.detail-grid div{padding:12px;background:#0e1a2c;border-radius:10px}.detail-grid small{display:block;color:#a0b2cd;margin-bottom:7px}.detail-grid strong{font-size:17px}.detail-note{font-size:12px;line-height:1.7;color:#b3c2d8}@media(max-width:800px){.stats{grid-template-columns:repeat(2,1fr)}.controls{grid-template-columns:repeat(2,1fr)}.intro{display:block}.data-date{text-align:left;margin-top:18px}.panel-head{align-items:start;flex-direction:column}}@media(max-width:520px){main{padding:22px 13px 55px}header{padding:13px}.panel{padding:14px}.controls{grid-template-columns:1fr}.stat{padding:15px}.stat strong{font-size:24px}.brand strong{font-size:13px}.brand small{font-size:10px}.logo{width:36px;height:36px}.panel-head .primary{width:100%}}
