body.monthly-open{overflow:hidden!important}
#monthlyExamRoot{position:fixed;inset:0;z-index:2147483000;font-family:inherit}
.monthly-backdrop{position:absolute;inset:0;background:rgba(8,19,41,.61);display:grid;place-items:center;padding:18px}
.monthly-modal{width:min(100%,920px);max-height:min(92vh,920px);overflow:auto;background:#fff;border-radius:19px;box-shadow:0 32px 100px rgba(2,8,23,.34);color:#162239;overscroll-behavior:contain}
.monthly-modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 28px;border-bottom:1px solid #e2e8f0;position:sticky;top:0;background:#fff;z-index:2}
.monthly-modal>header small{font-weight:800;font-size:11px;letter-spacing:.06em;color:#2563eb}
.monthly-modal>header h2{font-size:23px;margin:4px 0 5px;color:#0f172a}
.monthly-modal>header p{margin:0;font-size:13px;color:#64748b}
.monthly-modal>header button{flex:0 0 auto;background:#f1f5f9;border:0;border-radius:12px;width:42px;height:42px;cursor:pointer;color:#334155;font-size:21px}
.monthly-main{padding:20px 28px 28px;display:grid;gap:16px}
.monthly-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.monthly-tabs button{border:1px solid #cbd5e1;border-radius:11px;background:white;color:#334155;padding:12px;font-weight:800;cursor:pointer}
.monthly-tabs button.active{background:#0f172a;color:white;border-color:#0f172a}
.monthly-stat{display:grid;grid-template-columns:185px minmax(0,1fr);gap:12px}
.monthly-stat>div{padding:17px;border:1px solid #e2e8f0;border-radius:13px;background:#f8fafc}
.monthly-stat small,.monthly-stat strong,.monthly-stat b{display:block}
.monthly-stat small{font-size:11px;color:#64748b;line-height:1.45}
.monthly-stat strong{font-size:34px;margin:4px 0;font-variant-numeric:tabular-nums;color:#0f172a}
.monthly-stat b{font-size:16px;margin-top:7px}
.monthly-stat p{margin:8px 0 0;font-size:12px;color:#64748b;line-height:1.6}
.monthly-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;border:1px solid #dbe5f1;background:#f8fafc;border-radius:13px;padding:16px}
.monthly-controls label{display:grid;gap:7px;min-width:0;font-size:12px;color:#475569;font-weight:750}
.monthly-controls select,.monthly-controls input[type=number]{box-sizing:border-box;min-width:0;width:100%;font-size:13px;color:#111827;padding:11px;background:#fff;border:1px solid #cbd5e1;border-radius:10px}
.monthly-controls :disabled{background:#f1f5f9;color:#94a3b8}
.monthly-controls .monthly-toggle{display:flex;align-items:center;font-weight:600}
.monthly-toggle input{accent-color:#2563eb;width:17px;height:17px}
.monthly-actions{display:flex;align-items:center;gap:11px}
.monthly-actions button{flex:1;border:1px solid #cbd5e1;background:white;color:#0f172a;border-radius:11px;padding:14px 15px;font-size:13px;font-weight:800;cursor:pointer}
.monthly-actions button.monthly-primary{background:#0f172a;border-color:#0f172a;color:white}
.monthly-paper{border:1px solid #bfdbfe;background:#eff6ff;padding:14px;border-radius:12px}
.monthly-paper h3{margin:0 0 7px;font-size:15px;display:flex;justify-content:space-between}
.monthly-paper h3 span{color:#1d4ed8}
.monthly-paper p{font-size:12px;color:#475569;margin:0 0 10px}
.monthly-paper-sections{display:flex;flex-wrap:wrap;gap:6px}
.monthly-paper-sections span{font-size:11px;background:#fff;border:1px solid #bfdbfe;border-radius:99px;padding:6px 9px}
.monthly-help,.monthly-note{font-size:12px;line-height:1.6;color:#64748b;margin:0}
.monthly-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;padding:12px;border-radius:10px;font-size:12px}
.monthly-range{border:1px solid #e2e8f0;border-radius:13px;overflow:hidden}
.monthly-range>summary{padding:15px;font-size:14px;font-weight:800;cursor:pointer;background:#f8fafc}
.monthly-range>div{padding:0 14px 10px}
.monthly-source-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 2px;border-top:1px solid #edf2f7}
.monthly-source-row>div{min-width:0;flex:1}
.monthly-source-row b,.monthly-source-row small{display:block}
.monthly-source-row b{font-size:12px;color:#334155;line-height:1.6}
.monthly-source-row small{font-size:11px;color:#64748b}
.monthly-source-row button{flex:0 0 auto;border:1px solid #94a3b8;border-radius:8px;background:#fff;padding:8px;font-size:11px;cursor:pointer}
.monthly-fixed{font-size:11px;color:#1d4ed8;white-space:nowrap}
.ui2-task-monthly-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:1px solid #bfdbfe;border-radius:13px;background:#eff6ff;padding:17px 19px;text-align:left;cursor:pointer;color:#0f172a;margin-top:10px}
.ui2-task-monthly-row span{display:flex;flex-direction:column;gap:4px;min-width:0}
.ui2-task-monthly-row b{font-size:14px}
.ui2-task-monthly-row small{font-size:11px;color:#475569;line-height:1.4}
.ui2-task-monthly-row em{font-style:normal;font-size:12px;font-weight:800;color:#1d4ed8;white-space:nowrap}
@media(max-width:720px){
  .monthly-backdrop{padding:0}
  .monthly-modal{max-height:100dvh;height:100dvh;border-radius:0;width:100%}
  .monthly-modal>header{padding:16px 15px}
  .monthly-modal>header h2{font-size:18px}
  .monthly-main{padding:14px;gap:13px}
  .monthly-tabs{gap:5px}
  .monthly-tabs button{padding:9px 3px;font-size:12px}
  .monthly-stat{grid-template-columns:130px minmax(0,1fr);gap:8px}
  .monthly-stat>div{padding:12px}
  .monthly-stat strong{font-size:28px}
  .monthly-controls{grid-template-columns:1fr;padding:12px;gap:12px}
  .monthly-actions{flex-wrap:wrap}
  .monthly-actions button{min-width:0}
}