:root{--primary:#4f46e5;--primary-dark:#4338ca;--primary-soft:#eef2ff;--background:#f1f5f9;--surface:#fff;--text:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--success:#16a34a;--success-soft:#f0fdf4;--danger:#dc2626;--danger-soft:#fef2f2;--warning:#b45309;--warning-soft:#fffbeb;--gold:#f59e0b;--silver:#94a3b8;--bronze:#b45309;--radius:14px;--radius-sm:8px;--shadow:0 1px 3px #0f172a14, 0 4px 14px #0f172a0f;--doc-accent:#14532d;--doc-ink:#111827;--doc-rule:#111827}*{box-sizing:border-box}body{background:var(--background);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}h1,h2,h3{margin:0;line-height:1.25}a{color:var(--primary)}.app-shell{min-height:100vh;display:flex}.app-sidebar{color:#cbd5e1;background:#1e293b;flex-direction:column;flex-shrink:0;gap:20px;width:240px;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-header{align-items:center;gap:12px;padding:0 8px;display:flex}.sidebar-logo{-o-object-fit:contain;object-fit:contain;background:#fff;border-radius:10px;flex-shrink:0;width:42px;height:42px}.sidebar-logo--placeholder{background:var(--primary);color:#fff;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.sidebar-titles{flex-direction:column;min-width:0;display:flex}.sidebar-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:700;overflow:hidden}.sidebar-subtitle{color:#94a3b8;font-size:.72rem}.sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex}.sidebar-group{text-transform:uppercase;letter-spacing:.08em;color:#64748b;padding:12px 12px 4px;font-size:.68rem;font-weight:700}.nav-link{border-radius:var(--radius-sm);color:#cbd5e1;align-items:center;gap:10px;padding:9px 12px;font-size:.88rem;font-weight:500;text-decoration:none;display:flex}.nav-link svg{flex-shrink:0;width:17px;height:17px}.nav-link:hover{color:#fff;background:#334155}.nav-link.is-active{background:var(--primary);color:#fff}.sidebar-footer{color:#64748b;padding:0 8px;font-size:.7rem;line-height:1.5}.app-main{flex:1;min-width:0;padding:26px 30px 60px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page-header h1{font-size:1.5rem}.page-subtitle{color:var(--text-muted);margin:5px 0 0;font-size:.88rem}.page-actions{flex-wrap:wrap;gap:10px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:18px;padding:18px}.card h2{font-size:1.05rem}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:18px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;box-shadow:var(--shadow);flex-direction:column;gap:4px;padding:16px 18px;text-decoration:none;display:flex}.stat-card:hover{border-color:var(--primary)}.stat-value{font-size:1.7rem;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);font-size:.8rem}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:9px 15px;font-family:inherit;font-size:.86rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.btn--success{background:var(--success);border-color:var(--success);color:#fff}.btn--success:hover:not(:disabled){color:#fff;filter:brightness(.94)}.btn--danger{color:var(--danger);background:var(--danger-soft);border-color:#fecaca}.btn--danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.btn--small{padding:5px 10px;font-size:.78rem}.field{flex-direction:column;gap:5px;display:flex}.field>span{color:var(--text);font-size:.8rem;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:#fff;width:100%;padding:9px 11px;font-family:inherit;font-size:.88rem}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--primary-soft);border-color:var(--primary)}.field-hint{color:var(--text-muted);font-size:.75rem}.form{flex-direction:column;gap:14px;display:flex}.form-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.filters{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.filters .field{min-width:180px}.data-table{border-collapse:collapse;width:100%;font-size:.87rem}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);white-space:nowrap;background:#f8fafc;font-size:.75rem}.data-table td,.data-table th{border-bottom:1px solid var(--border);padding:9px 12px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#f8fafc}.data-table .cell-actions{text-align:right;white-space:nowrap;justify-content:flex-end;gap:6px;display:flex}.data-table .is-selected{background:var(--primary-soft)}.score-table input{border:1px solid var(--border);text-align:center;border-radius:6px;width:74px;padding:5px 7px;font-family:inherit;font-size:.85rem}.score-table input:focus{border-color:var(--primary);outline:2px solid var(--primary-soft)}.score-table td{padding:5px 8px}.cell-average{background:#f8fafc;font-weight:700}.badge{background:var(--primary-soft);color:var(--primary-dark);border-radius:999px;align-items:center;padding:2px 9px;font-size:.76rem;font-weight:700;display:inline-flex}.badge--gold{color:#92400e;background:#fef3c7}.badge--silver{color:#475569;background:#f1f5f9}.badge--bronze{color:var(--bronze);background:#fef3c7}.notice{background:var(--primary-soft);border-radius:var(--radius-sm);border:1px solid #c7d2fe;margin-bottom:16px;padding:12px 15px;font-size:.86rem}.notice--warning{background:var(--warning-soft);color:#78350f;border-color:#fde68a}.notice--danger{background:var(--danger-soft);color:#7f1d1d;border-color:#fecaca}.notice--success{background:var(--success-soft);color:#14532d;border-color:#bbf7d0}.empty-state{text-align:center;color:var(--text-muted);padding:26px;font-size:.88rem}.save-status{color:var(--success);font-size:.82rem;font-weight:600}.modal-overlay{z-index:100;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border-radius:var(--radius);flex-direction:column;width:100%;max-width:560px;max-height:90vh;display:flex}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.modal-header h3{font-size:1rem}.modal-close{cursor:pointer;width:28px;height:28px;color:var(--text-muted);background:#f1f5f9;border:none;border-radius:6px;font-size:1.05rem;line-height:1}.modal-body{padding:18px;overflow-y:auto}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:14px 18px;display:flex}.document-viewport{border-radius:var(--radius);background:#64748b;align-items:center;gap:22px;padding:22px;overflow-x:auto}.document-viewport,.sheet{flex-direction:column;display:flex}.sheet{color:var(--doc-ink);background:#fff;flex-shrink:0;font-family:Times New Roman,Times,Georgia,serif;position:relative;box-shadow:0 6px 22px #0f172a59}.sheet--portrait{width:210mm;min-height:297mm;padding:14mm 12mm 12mm}.sheet--landscape{width:297mm;min-height:210mm;padding:10mm}.letterhead{align-items:center;gap:8mm;display:flex}.letterhead__logo{-o-object-fit:contain;object-fit:contain;flex-shrink:0;width:22mm;height:22mm}.letterhead__logo--empty{display:block}.letterhead__center{text-align:center;flex:1;min-width:0}.letterhead--banner{border-bottom:1.4pt solid var(--doc-accent);margin-bottom:4mm;padding-bottom:4mm}.letterhead__school{color:var(--doc-accent);font-family:Segoe Script,Brush Script MT,Lucida Handwriting,cursive;font-size:30pt;font-weight:700;line-height:1.1}.letterhead__motto{color:var(--doc-accent);margin:1mm 0 0;font-size:10pt;font-style:italic}.letterhead--compact{gap:6mm;margin-bottom:5mm}.letterhead--compact .letterhead__logo{width:16mm;height:16mm}.letterhead__school-compact,.letterhead__title-line{margin:0;font-size:11pt;font-weight:700}.grid-table{border-collapse:collapse;width:100%}.grid-table td,.grid-table th{border:.6pt solid var(--doc-rule);text-align:center;padding:1.1mm 1.5mm;font-size:10pt;line-height:1.25}.grid-table th{font-weight:700}.grid-table td.grid-table__left,.grid-table th.grid-table__left{text-align:left}.grid-table__spacer{border:none!important}.report-card__identity{margin-bottom:6mm;font-size:11pt}.report-card__identity-row{-moz-column-gap:3mm;grid-template-columns:40mm 1fr 22mm 62mm;align-items:baseline;column-gap:3mm;margin-bottom:2.5mm;display:grid}.report-card__label{color:var(--doc-ink)}.report-card__label--right{text-align:right}.report-card__value{font-weight:700}.report-card__table{margin-bottom:6mm}.report-card__table .grid-table__left{padding-left:2.5mm}.report-card__term-row th{border:none}.report-card__term-row .grid-table__term{border:.6pt solid var(--doc-rule);border-bottom:none}.report-card__table tfoot th{background:#fff}.report-card__remark{align-items:baseline;gap:3mm;margin:10mm 0 0;padding-left:10mm;font-size:10.5pt;display:flex}.report-card__dots{border-bottom:.8pt solid var(--doc-ink);flex:1;max-width:90mm;height:1em}.report-card__signatures{justify-content:space-between;gap:20mm;margin-top:18mm;display:flex}.report-card__signature{text-align:center;border-top:.8pt solid var(--doc-ink);flex:1;max-width:70mm;padding-top:1.5mm;font-size:10pt;font-weight:700}.sheet__footer{border-top:1.4pt solid var(--doc-accent);text-align:center;margin:auto 0 0;padding-top:3mm;font-size:9pt}.honor-roll__table{table-layout:fixed}.honor-roll__table td,.honor-roll__table th{padding:.8mm 1mm;font-size:8.5pt}.honor-roll__index{width:7mm}.honor-roll__last-name{width:36mm}.honor-roll__first-name{width:42mm}.honor-roll__summary{width:13mm}.honor-roll__table .grid-table__left{text-overflow:ellipsis;white-space:nowrap;padding-left:1.5mm;overflow:hidden}.honor-roll__strong{font-weight:700}.honor-roll__vertical-row th{vertical-align:bottom;height:34mm}.honor-roll__blank{border:none!important}.honor-roll__vertical{border-bottom:none!important;padding:0!important}.honor-roll__vertical>span{writing-mode:vertical-rl;white-space:nowrap;margin:0 auto 1mm;font-size:8pt;font-weight:700;display:block;transform:rotate(180deg)}.teacher-sheet__meta{justify-content:space-between;gap:10mm;margin-bottom:3mm;font-size:12pt;display:flex}.teacher-sheet__table td{height:8mm}.teacher-sheet__index{width:8mm}.teacher-sheet__table{table-layout:fixed}.teacher-sheet__last-name{width:38mm}.teacher-sheet__first-name{width:50mm}.teacher-sheet__score{width:40mm}.teacher-sheet__remark{width:70mm}.teacher-sheet__table .grid-table__left{padding-left:2mm}.print-hint{border-radius:var(--radius-sm);background:var(--warning-soft);color:#78350f;border:1px solid #fde68a;margin:0 0 14px;padding:10px 14px;font-size:.84rem}@page{size:A4 portrait;margin:0}@media print{body,html{background:#fff;margin:0;padding:0}.app-sidebar,.filters,.no-print,.page-header,.print-hint{display:none!important}.app-shell{display:block}.app-main{padding:0}.document-viewport{background:0 0;border-radius:0;padding:0;font-size:0;line-height:0;display:block;overflow:visible}.document-viewport>.sheet{font-size:10pt;line-height:1.25}.sheet{box-shadow:none;-moz-column-break-inside:avoid;break-inside:avoid;margin:0}.sheet+.sheet{-moz-column-break-before:page;break-before:page;page-break-before:always}.sheet--portrait{width:210mm;height:296.4mm;min-height:0;overflow:hidden}.sheet--landscape{width:297mm;height:209.4mm;min-height:0;overflow:hidden}.grid-table{-moz-column-break-inside:avoid;break-inside:avoid}.grid-table td,.grid-table th{-webkit-print-color-adjust:exact;print-color-adjust:exact}}