.teacherBonusAdmin{box-sizing:border-box;width:min(650px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:20px;border:1px solid #ddd;border-radius:18px;background:#fff;color:#182230;overflow:auto;font:14px/1.5 system-ui,sans-serif}
.teacherBonusAdmin::backdrop{background:rgba(16,24,40,.45)}
.teacherBonusAdmin header,.bonusAdminFilter,.bonusAdminRowHead{display:flex;align-items:center;justify-content:space-between;gap:12px}
.teacherBonusAdmin h2{margin:0;font-size:20px}.teacherBonusAdmin button,.teacherBonusAdmin select{font:inherit;border:1px solid #d0d5dd;background:#fff;border-radius:9px;padding:8px 12px;color:inherit;cursor:pointer}
.teacherBonusAdmin button:disabled{opacity:.55;cursor:wait}.teacherBonusAdmin button:focus-visible,.teacherBonusAdmin select:focus-visible,.teacherBonusAdmin summary:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}
.bonusAdminFilter{margin:16px 0}.bonusAdminFilter label{display:flex;align-items:center;gap:8px;min-width:0}.bonusAdminFilter select{max-width:250px;min-width:90px;width:100%}.bonusAdminStatus{margin:0;min-height:21px}.bonusAdminError{color:#b42318}
.bonusAdminTotals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.bonusAdminTotals>div{background:#f5f7fa;border-radius:10px;padding:12px;min-width:0}.bonusAdminTotals small,.bonusAdminTotals strong{display:block;overflow-wrap:anywhere}.bonusAdminTotals strong{font-size:18px;margin-top:4px}
.bonusAdminMuted{color:#667085;font-size:12px}.bonusAdminNotice{padding:12px;border-radius:10px;background:#f5f7fa}.teacherBonusAdmin details{border-top:1px solid #eaecf0;padding:12px 0}.teacherBonusAdmin summary{font-weight:600;cursor:pointer}.bonusAdminRow{padding:12px 0;border-bottom:1px solid #eaecf0;overflow-wrap:anywhere}.bonusAdminRow p{margin:6px 0}.bonusAdminRowHead{align-items:flex-start}.bonusAdminBadge{flex:none;font-size:11px;background:#eef2f6;padding:3px 7px;border-radius:6px}.bonusAdminBadge.held{color:#b54708;background:#fff4e5}.bonusAdminBadge.ready{color:#027a48;background:#ecfdf3}
@media(max-width:420px){.teacherBonusAdmin{padding:14px}.bonusAdminFilter select{max-width:150px}.bonusAdminTotals>div{padding:9px}.bonusAdminTotals strong{font-size:16px}.bonusAdminTotals small{font-size:11px}}