.promotion-guide{display:flex;align-items:center;gap:12px;margin-bottom:18px}.promotion-guide article{display:flex;align-items:center;gap:10px;flex:1;padding:14px 17px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.promotion-guide article>i{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#eaf2fc;color:#2563a5;font-style:normal;font-weight:800}.promotion-guide b,.promotion-guide span{display:block}.promotion-guide span{font-size:10px;color:#7d8999}.promotion-guide>em{font-style:normal;color:#9aa5b3}.promotion-filter form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.promotion-filter label{font-weight:700}.promotion-filter select{display:block;width:100%;padding:11px;margin-top:5px;border:1px solid #d8dee8;border-radius:8px}.promotion-filter button{margin:0}.promotion-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.promotion-stats article{padding:18px;background:#fff;border:1px solid #e2e8f0;border-radius:13px}.promotion-stats span,.promotion-stats strong,.promotion-stats small{display:block}.promotion-stats span{color:#718096}.promotion-stats strong{font-size:25px;color:#183452}.promotion-stats small{font-size:10px;color:#8c98a7}.promotion-roster{margin-bottom:18px}.promotion-rule{font-size:10px;background:#eaf2fc;color:#28639b;padding:6px 10px;border-radius:15px}.promotion-status{display:inline-block;padding:5px 9px;border-radius:15px;font-size:10px;font-weight:800}.promotion-status.admitted{background:#dcf8eb;color:#087747}.promotion-status.failed{background:#fee7e7;color:#b42318}.promotion-status.pending{background:#fff3d6;color:#9a6813}.promotion-status.done{background:#eaf2fc;color:#28639b}.promotion-confirm{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;padding:16px;border-radius:11px;background:#f0f8f4;border:1px solid #cdebdc}.promotion-confirm b,.promotion-confirm span{display:block}.promotion-confirm span{font-size:10px;color:#668074}.promotion-confirm button{background:#087747}.promotion-hint{margin-top:15px!important;padding:12px;background:#fff8e8;border-radius:8px;color:#8a641d!important}.promotion-history{margin-top:18px}@media(max-width:800px){.promotion-guide{display:block}.promotion-guide article{margin-bottom:8px}.promotion-guide>em{display:none}.promotion-filter form,.promotion-stats{grid-template-columns:1fr}.promotion-confirm{display:block}.promotion-confirm button{margin-top:12px;width:100%}}