#completed-workload-view .cw-header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px; background:linear-gradient(110deg,#2443b6,#367df4); color:white; border-radius:12px 12px 0 0; }
#completed-workload-view .cw-header h2 { margin:0; font-size:22px; }
#completed-workload-view button { border:1px solid #cbd5e1; background:white; color:#234dc1; border-radius:8px; padding:10px 16px; font-weight:700; cursor:pointer; }
#completed-workload-view button:disabled { opacity:.55; cursor:wait; }
#completed-workload-view .cw-filters { display:flex; flex-wrap:wrap; align-items:end; gap:16px; padding:18px; background:#f8fafc; border:1px solid #dce5f1; }
#completed-workload-view label { display:grid; gap:7px; font-weight:600; font-size:13px; color:#334155; }
#completed-workload-view select { max-width:340px; min-width:150px; padding:10px; border:1px solid #93b4fa; border-radius:8px; background:white; }
#completed-workload-view .cw-total { margin-left:auto; color:#2149bc; font-size:20px; }
#completed-workload-view #cw-status { padding:12px 18px; font-size:13px; color:#64748b; }
#completed-workload-view .cw-block { margin:16px 0 26px; background:white; padding:14px; border-radius:10px; }
#completed-workload-view .cw-block h3 { font-size:16px; margin-bottom:12px; color:#172d50; }
#completed-workload-view small { display:block; font-size:11px; font-weight:400; margin-top:5px; }
#completed-workload-view .cw-scroll { overflow:auto; overscroll-behavior-x:contain; overscroll-behavior-y:auto; }
#completed-workload-view table { border-collapse:collapse; width:100%; min-width:1450px; color:#111; font-size:11px; }
#completed-workload-view th, #completed-workload-view td { border:1px solid #1f2937; padding:7px 5px; text-align:center; }
#completed-workload-view .cw-subject { min-width:320px; text-align:left; }
#completed-workload-view .cw-vertical { height:145px; width:42px; min-width:36px; padding:8px 3px; }
#completed-workload-view .cw-vertical span { writing-mode:vertical-rl; transform:rotate(180deg); font-size:10px; }
#completed-workload-view tfoot { background:#f2f6fc; }
#completed-workload-view .cw-empty { text-align:center; padding:60px 15px; color:#64748b; }
#completed-workload-view .cw-teacher-list { display:grid; gap:10px; padding:8px 0; }
#completed-workload-view .cw-teacher-item { display:flex; align-items:center; justify-content:space-between; gap:18px; width:100%; text-align:left; padding:18px 20px; color:#1e3a5f; }
#completed-workload-view .cw-teacher-item:hover { background:#eff6ff; border-color:#93b4fa; }
#completed-workload-view .cw-teacher-item:focus-visible { outline:2px solid #2563eb; outline-offset:2px; }
#completed-workload-view .cw-teacher-hours { white-space:nowrap; color:#2563eb; font-size:13px; }
#completed-workload-view .cw-back { margin:8px 0; }
#completed-workload-view .cw-teacher-search { position:relative; width:340px; max-width:100%; }
#completed-workload-view #cw-teacher-query { margin-top:7px; width:100%; padding:10px; border:1px solid #93b4fa; border-radius:8px; background:white; font:inherit; font-size:13px; }
#completed-workload-view #cw-teacher-options { position:absolute; z-index:20; top:100%; left:0; right:0; max-height:280px; overflow:auto; background:white; border:1px solid #bfdbfe; border-radius:8px; box-shadow:0 8px 24px #0f172a26; }
#completed-workload-view #cw-teacher-options [role="option"] { padding:10px 12px; cursor:pointer; font-size:13px; }
#completed-workload-view #cw-teacher-options [role="option"]:hover, #completed-workload-view #cw-teacher-options [aria-selected="true"] { background:#dbeafe; }
#completed-workload-view .cw-hour-button { border:0; border-radius:4px; background:transparent; padding:6px; width:100%; color:#1d4ed8; font:inherit; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
#completed-workload-view .cw-hour-button:hover { background:#dbeafe; }
.cw-hour-dialog { margin:auto; width:min(1050px,94vw); max-height:85vh; padding:0; border:1px solid #dbeafe; border-radius:14px; color:#1e293b; box-shadow:0 24px 70px #0f172a40; }
.cw-hour-dialog::backdrop { background:#0f172a80; }
.cw-hour-dialog header { display:flex; justify-content:space-between; align-items:center; padding:18px 20px; background:#eff6ff; }
.cw-hour-dialog h3 { margin:0 0 5px; }
.cw-hour-dialog header button { border:0; background:white; border-radius:8px; font-size:24px; padding:2px 12px; cursor:pointer; }
.cw-hour-scroll { max-height:65vh; overflow:auto; overscroll-behavior:contain; padding:16px; }
.cw-hour-dialog table { border-collapse:collapse; width:100%; min-width:700px; font-size:13px; }
.cw-hour-dialog th, .cw-hour-dialog td { border:1px solid #dbe3ef; padding:10px; text-align:left; }
.cw-hour-dialog th { background:#f1f5f9; position:sticky; top:0; }