.ccu-rank-header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:15px 0 25px}.ccu-rank-header h2{font-size:29px;margin:7px 0;color:#15374c}.ccu-rank-header p{color:#708898;font-size:13px}.ccu-rank-count{padding:10px 14px;background:#e6f2f8;border-radius:20px;color:#266a8e;font-size:12px;font-weight:800}
.ccu-rank-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #d5e3eb;padding:0 0 13px}.ccu-rank-tabs button{border:1px solid #cbdee9;background:#fff;color:#3a647a;padding:11px 15px;border-radius:8px;font-weight:800;cursor:pointer}.ccu-rank-tabs button.active{color:#fff;background:#164663;border-color:#164663}
.ccu-rank-filters{display:flex;gap:14px;margin:20px 0;flex-wrap:wrap}.ccu-rank-filters label{font-size:11px;font-weight:900;color:#557488;display:flex;flex-direction:column;gap:7px;min-width:190px}.ccu-rank-filters select{background:#fff;color:#163e54;border:1px solid #cadde7;border-radius:8px;padding:11px;font-size:13px}
.ccu-rank-tablewrap{overflow-x:auto;background:#fff;border:1px solid #d7e3eb;border-radius:12px}.ccu-rank-table{width:100%;border-collapse:collapse;white-space:nowrap}.ccu-rank-table th{text-align:left;padding:17px 14px;color:#6b8291;font-size:10px;background:#f0f6fa}.ccu-rank-table td{padding:14px;border-top:1px solid #e2ebf0;color:#325267;font-size:12px}.ccu-rank-table tbody tr:hover{background:#f7fbfd}.ccu-rank-pos{font-size:15px;font-weight:800;color:#48768d}.ccu-rank-user{background:none;border:0;color:#175e82;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.ccu-rank-main{font-size:18px;color:#0f506f}.ccu-rank-empty{text-align:center;padding:34px!important;color:#6d8796!important}
.ccu-rank-rule{background:#eff6fa;border:1px solid #d8e8f1;border-radius:10px;margin:22px 0;padding:19px}.ccu-rank-rule h3{margin:0 0 9px;color:#1b475e}.ccu-rank-rule p{font-size:12px;color:#5a798b;line-height:1.8}