*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#0d1f2d;background:#eef3f8;padding:16px}a{color:#00b4d8}.wrap{max-width:1080px;margin:0 auto;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.06)}.hdr{background:#0d2137;padding:11px 20px;display:flex;align-items:center;justify-content:space-between}.hdr-logo{color:#00b4d8;font-size:16px;font-weight:600}.hdr-logo span{color:#7a92a6;font-weight:400}.hdr-sub{color:#7a92a6;font-size:10px;margin-top:2px}.hdr-right{display:flex;align-items:center;gap:8px}.hdr-badge{background:#122540;border:1px solid #1a5c8e;color:#00b4d8;border-radius:6px;letter-spacing:.5px}.hdr-badge,.hdr-link{font-size:10px;padding:3px 9px}.hdr-link{background:transparent;border:1px solid #2a4560;color:#7a92a6;border-radius:6px;cursor:pointer;text-decoration:none}.hdr-link:hover{color:#fff;border-color:#00b4d8}.ctrl{background:#f4f8fb;border-bottom:1px solid #e2e9f0;padding:9px 16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.co-sel{font-size:12px;padding:5px 9px;border-radius:6px;border:1px solid #c8d8e8;background:#fff;color:#0d1f2d;min-width:260px}.rng-grp{display:flex;gap:4px}.tab-grp{display:flex;border:1px solid #c8d8e8;border-radius:6px;overflow:hidden;margin-left:auto}.tab-btn{font-size:11px;padding:5px 13px;background:transparent;border:none;cursor:pointer;color:#5b6f80}.tab-btn.on{background:#0d2137;color:#fff}.rng-btn{font-size:11px;padding:4px 9px;border:1px solid #c8d8e8;border-radius:6px;background:transparent;cursor:pointer;color:#5b6f80}.rng-btn.on{background:#00b4d8;border-color:#00b4d8;color:#fff}.body{padding:14px 16px}.card{background:#fff;border:1px solid #e2e9f0;border-radius:10px;padding:12px 14px;margin-bottom:10px}.clabel{font-size:10px;color:#6b7c8c;letter-spacing:1.2px;font-weight:600;margin-bottom:8px}.g2{grid-template-columns:1fr 1fr;grid-gap:10px}.g2,.g4{display:grid;gap:10px}.g4{grid-template-columns:150px 1fr 158px 160px;grid-gap:10px;align-items:start;margin-bottom:10px}@media(max-width:900px){.g4{grid-template-columns:1fr 1fr}.g2{grid-template-columns:1fr}}.rank-bg{background:#eef2f6;overflow:hidden;margin-top:3px}.rank-bg,.rank-fill{height:5px;border-radius:3px}.sub-row{display:flex;align-items:center;gap:6px;margin-bottom:5px;font-size:11px}.sub-bg{width:68px;background:#eef2f6;overflow:hidden}.sub-bg,.sub-fill{height:4px;border-radius:2px}.ni{display:flex;gap:8px;padding:7px 0;border-bottom:1px solid #eef2f6}.ni:last-child{border-bottom:none}.ni-bar{width:3px;border-radius:2px;flex-shrink:0;align-self:stretch}.ileg{margin-top:10px;flex-direction:column;gap:4px}.ileg,.irow{display:flex}.irow{gap:7px;align-items:flex-start;padding:5px 8px;border-radius:6px;background:#f4f8fb}.inum{width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;color:#fff;flex-shrink:0;margin-top:1px}.itext{font-size:11px;color:#5b6f80;line-height:1.5}.idate{font-size:10px;margin-right:5px}.idate,.sbadge{font-weight:600}.sbadge{font-size:9px;padding:2px 7px;border-radius:10px}.disc{background:#f4f8fb;border-radius:6px;padding:8px 11px;font-size:10px;color:#6b7c8c;margin-top:10px;border-left:3px solid #00b4d8}svg{display:block}.login-page{min-height:calc(100vh - 32px);display:flex;align-items:center;justify-content:center}.login-card{background:#fff;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.06);width:380px;overflow:hidden}.login-hd{background:#0d2137}.login-body,.login-hd{padding:22px 24px}.login-body label{font-size:10px;color:#6b7c8c;letter-spacing:1px;font-weight:600;display:block;margin:12px 0 4px}.login-body input{width:100%;font-size:13px;padding:8px 10px;border:1px solid #c8d8e8;border-radius:6px}.login-btn{width:100%;margin-top:18px;background:#00b4d8;color:#fff;border:none;border-radius:6px;padding:9px;font-size:13px;font-weight:600;cursor:pointer}.login-btn:hover{background:#0096b5}.login-err{color:#c0392b;font-size:11px;margin-top:10px}.login-demo{margin-top:16px;background:#f4f8fb;border-radius:6px;padding:10px 12px;font-size:10px;color:#6b7c8c;line-height:1.7}.admin-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}@media(max-width:900px){.admin-grid{grid-template-columns:1fr}}.drop{border:2px dashed #c8d8e8;border-radius:10px;padding:26px;text-align:center;color:#6b7c8c;font-size:12px;cursor:pointer;background:#f9fbfd}.drop.on{border-color:#00b4d8;background:#f0fafd}.tbl{width:100%;border-collapse:collapse;font-size:11px}.tbl th{text-align:left;font-size:9px;color:#6b7c8c;letter-spacing:.8px;padding:5px 6px;border-bottom:1px solid #e2e9f0}.tbl td{padding:7px 6px;border-bottom:1px solid #eef2f6}.pill{font-size:9px;padding:2px 7px;border-radius:10px;font-weight:600}