:root{--blue:#0b4f8a;--blue2:#1f6fae;--red:#d71920;--ink:#1b2733;--muted:#66717d;--line:#cdd6df;--bg:#f3f6f9;--edit:#fff6cc;--good:#e8f5e3;--bad:#fde7e7;--card:#fff}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px}.app-header{display:grid;grid-template-columns:180px 1fr 180px;align-items:center;gap:18px;background:white;padding:18px 28px;border-bottom:5px solid var(--blue);text-align:center}.app-header img{width:165px;max-height:86px;object-fit:contain}.app-header img:last-child{justify-self:end}.app-header h1{margin:4px 0 2px;color:var(--blue);font-size:25px}.app-header p,.republic{margin:0}.republic{font-size:12px;letter-spacing:.08em}.policy-alert{max-width:1500px;margin:14px auto 0;padding:12px 18px;background:#eaf2f8;border-left:5px solid var(--blue);line-height:1.45}.toolbar{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;gap:8px;align-items:center;max-width:1500px;margin:12px auto;padding:10px;background:#fff;border:1px solid var(--line);box-shadow:0 2px 8px #00000010}.toolbar button,.button-link,.file-button,.mini-actions button,#addRemedialBtn{border:1px solid #9eb0c2;background:#fff;color:var(--ink);padding:9px 12px;border-radius:6px;cursor:pointer;font-weight:600;text-decoration:none}.toolbar .primary{background:var(--blue);border-color:var(--blue);color:#fff}.toolbar select{min-width:220px;padding:9px}.file-button input{display:none}main{max-width:1500px;margin:0 auto 40px}.card{background:var(--card);border:1px solid var(--line);border-radius:8px;margin:12px 0;padding:18px;box-shadow:0 2px 9px #0000000a}.card h2{margin:0 0 12px;color:var(--blue);font-size:19px}.form-grid{display:grid;gap:12px}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid label{font-size:12px;font-weight:700;color:#3a4855}.form-grid input,.form-grid select{display:block;width:100%;margin-top:5px;padding:9px 10px;border:1px solid #aebdca;border-radius:5px;background:var(--edit);color:var(--ink)}.form-grid input[readonly]{background:#edf3f7}.span2{grid-column:span 2}.section-title-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.section-title-row p{margin:3px 0 10px;color:var(--muted)}.mini-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.table-wrap{overflow:auto;border:1px solid var(--line)}.grade-table{width:100%;border-collapse:collapse;min-width:1200px}.grade-table th{position:sticky;top:0;background:var(--blue);color:#fff;padding:8px 6px;border:1px solid #d8e2eb;font-size:11px;line-height:1.2}.grade-table td{border:1px solid #d7dfe7;padding:5px;vertical-align:middle}.grade-table td.readonly{background:#f4f7f9}.grade-table select,.grade-table input{width:100%;min-width:70px;border:1px solid #b8c5d0;border-radius:4px;padding:6px;background:var(--edit)}.grade-table .subject-select{min-width:330px}.grade-table .cluster-cell{min-width:220px;font-size:11px}.grade-table .title-cell{min-width:260px}.grade-table .bad{background:var(--bad);font-weight:700}.grade-table .good{background:var(--good);font-weight:700}.grade-table .remove-row{background:#fff;border:1px solid #d0a0a0;color:#a00;border-radius:4px;padding:5px 7px;cursor:pointer}.summary{display:flex;gap:30px;flex-wrap:wrap;justify-content:flex-end;padding:12px;background:#eaf2f8;border:1px solid #c6d8e8;border-top:0;font-size:15px}.warning{margin:8px 0 12px;padding:10px 12px;background:#fff1d6;border-left:4px solid #e79c24}.hidden{display:none}.guide-card ul{columns:2;column-gap:40px;line-height:1.55}.guide-card li{break-inside:avoid;margin:0 0 7px}#toast{position:fixed;right:18px;bottom:18px;z-index:100;background:#1e2933;color:#fff;border-radius:7px;padding:10px 14px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}#printArea{display:none}
@media(max-width:900px){.app-header{grid-template-columns:90px 1fr 90px;padding:12px}.app-header img{width:90px}.app-header h1{font-size:19px}.form-grid.four{grid-template-columns:1fr 1fr}.span2{grid-column:span 2}.section-title-row{display:block}.guide-card ul{columns:1}}
@media(max-width:560px){.app-header{grid-template-columns:1fr}.app-header img{display:none}.form-grid.four{grid-template-columns:1fr}.span2{grid-column:span 1}.toolbar{position:static}.toolbar>*{flex:1 1 auto}}

@media print{
  @page{size:A4 landscape;margin:7mm}
  body{background:#fff;font-family:Arial,sans-serif;font-size:8.5pt}.app-header,.policy-alert,.toolbar,main,#toast{display:none!important}#printArea{display:block!important}#printArea .print-page{break-after:page;page-break-after:always;min-height:185mm;position:relative}#printArea .print-page:last-child{break-after:auto;page-break-after:auto}.print-header{display:grid;grid-template-columns:145px 1fr 145px;align-items:center;text-align:center;margin-bottom:3mm}.print-header img{width:135px;max-height:68px;object-fit:contain}.print-header h1{font-size:14pt;margin:2mm 0 0}.print-header p{margin:1mm 0;font-size:8pt}.print-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5mm 4mm;border-top:1px solid #222;border-bottom:1px solid #222;padding:2mm 0;margin:2mm 0}.print-meta div{min-height:6mm}.print-meta b{font-size:7pt;text-transform:uppercase}.print-title{font-weight:700;text-align:center;background:#d9eaf7;border:1px solid #222;padding:1.5mm;margin-top:2mm}.print-table{width:100%;border-collapse:collapse;table-layout:fixed}.print-table th,.print-table td{border:1px solid #333;padding:1.1mm 1mm;text-align:center;vertical-align:middle;font-size:7.4pt}.print-table th{background:#eaf2f8}.print-table td.subject{text-align:left}.print-summary{display:flex;justify-content:flex-end;gap:10mm;border:1px solid #333;border-top:0;padding:1.6mm;font-weight:700}.print-note{font-size:6.5pt;font-style:italic;text-align:center;margin-top:2mm}.signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20mm;margin-top:10mm;text-align:center}.signature-line{border-top:1px solid #222;padding-top:1mm;margin-top:12mm}.small-table th,.small-table td{font-size:7pt}
}