:root{--bg: #f6f7f9;--surface: #ffffff;--text: #1b2430;--muted: #5a6677;--border: #cfd6df;--primary: #1d4ed8;--primary-hover: #1e40af;--primary-text: #ffffff;--ok: #166534;--ok-bg: #e7f6ec;--warn: #92400e;--warn-bg: #fef3c7;--danger: #b91c1c;--empty-bg: #fff7ed;--selection: #dbeafe;--radius: 12px;--shadow: 0 1px 3px rgba(20, 30, 50, .12)}@media (prefers-color-scheme: dark){:root{--bg: #12161c;--surface: #1b212a;--text: #eef1f5;--muted: #a6b0bf;--border: #3a4452;--primary: #6ea0ff;--primary-hover: #93b8ff;--primary-text: #0b1220;--ok: #86efac;--ok-bg: #14301f;--warn: #fcd34d;--warn-bg: #3a2e0c;--danger: #fca5a5;--empty-bg: #2a2118;--selection: #23406e;--shadow: none}}*{box-sizing:border-box}html{font-size:18px}html.large-text{font-size:22px}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45;-webkit-text-size-adjust:100%}.hidden{display:none}h1{font-size:1.6rem;margin:.4rem 0 .8rem}h2{font-size:1.2rem;margin:1.4rem 0 .5rem}h3{font-size:1.1rem;margin:0}p{margin:.4rem 0}.muted{color:var(--muted)}.missing{color:var(--warn)}.centered{justify-content:center}.spaced{margin-top:1.4rem}.footer-note{margin-top:1.6rem;font-size:.85rem}.top-bar{background:var(--surface);border-bottom:1px solid var(--border);padding:.7rem 16px;position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{color:var(--primary);font-weight:700;font-size:1.15rem;text-decoration:none}main{max-width:960px;margin:0 auto;padding:16px 16px 120px;outline:none}.btn{font:inherit;min-height:48px;padding:.5rem 1.1rem;border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-weight:600}.btn:hover:not(:disabled){border-color:var(--primary)}.btn:focus-visible,.field:focus-visible,.cell:focus-visible,.tab:focus-visible,.chip:focus-visible,.checkbox:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger-soft{color:var(--danger)}.btn-text{border:none;background:none;color:var(--primary);padding-left:0;min-height:40px}.btn-small{min-height:40px;min-width:40px;padding:.2rem .6rem}.btn.active{background:var(--selection);border-color:var(--primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:.7rem 0;align-items:center}.field{font:inherit;width:100%;min-height:46px;padding:.4rem .7rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text)}textarea.field{resize:vertical}.form{display:grid;gap:.3rem;margin:.6rem 0}.form label{font-weight:600;margin-top:.5rem}.checkbox{width:26px;height:26px;flex:none;accent-color:var(--primary)}.warning-banner,.success-banner{border-radius:var(--radius);padding:.8rem 1rem;margin:.8rem 0}.warning-banner{background:var(--warn-bg);color:var(--warn)}.success-banner{background:var(--ok-bg);color:var(--ok)}.warning-banner ul{margin:.3rem 0;padding-left:1.2rem}.status{color:var(--muted);min-height:1.4em}.file-zone{border:3px dashed var(--border);border-radius:var(--radius);padding:1.4rem 1rem;text-align:center;background:var(--surface)}.file-zone.dragging{border-color:var(--primary);background:var(--selection)}.file-zone-or{color:var(--muted);font-size:.9rem}.empty-state{text-align:center;padding-top:1rem}.empty-state .file-zone{margin:1rem auto;max-width:560px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin:1rem 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}.card-header{display:flex;gap:.7rem;align-items:flex-start}.progress-bar{height:12px;background:var(--border);border-radius:99px;overflow:hidden;margin:.7rem 0 .3rem;flex:1}.progress-fill{height:100%;background:var(--primary);border-radius:99px;transition:width .2s}.section{margin-top:1.6rem;border-top:1px solid var(--border);padding-top:.4rem}.dialog-backdrop{position:fixed;inset:0;background:rgba(10,15,25,.55);display:flex;align-items:center;justify-content:center;z-index:50;padding:12px}.dialog{background:var(--surface);color:var(--text);border-radius:var(--radius);padding:1.2rem;max-width:560px;width:100%;max-height:90vh;overflow:auto}.dialog h2{margin-top:0}.dialog-buttons{display:flex;gap:.6rem;justify-content:flex-end;flex-wrap:wrap;margin-top:1rem}.notices{position:fixed;left:0;right:0;bottom:16px;display:flex;flex-direction:column;gap:8px;align-items:center;z-index:60;pointer-events:none;padding:0 12px}.notice{background:#1f2937;color:#fff;padding:.7rem 1.1rem;border-radius:var(--radius);max-width:560px;box-shadow:0 4px 14px #0000004d;pointer-events:auto}.notice-ok{background:#166534}.notice-error{background:#b91c1c}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.chip{font:inherit;padding:.3rem .7rem;border-radius:99px;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer}.import-list{display:grid;gap:8px;margin:.6rem 0}.import-row{display:flex;gap:.7rem;align-items:flex-start;padding:.7rem;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}.import-row-text{display:flex;flex-direction:column}.names-preview{font-size:.85rem}.already-note{color:var(--warn);font-size:.85rem;margin-top:.2rem}.student-list{display:grid;gap:6px}.workshop-select{max-width:11rem}.student-row{display:grid;grid-template-columns:2rem 1fr auto auto auto auto auto;gap:6px;align-items:center}.num{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;padding-right:.3rem}.grades-header h1{margin-bottom:0}.grades-progress{display:flex;align-items:center;gap:.8rem}.grades-progress .progress-bar{max-width:320px;margin:.4rem 0}.toggle{display:inline-flex;gap:0}.toggle .btn:first-child{border-radius:var(--radius) 0 0 var(--radius)}.toggle .btn:last-child{border-radius:0 var(--radius) var(--radius) 0;border-left:none}.table-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.grades-table{border-collapse:collapse;width:100%}.grades-table th{position:sticky;top:0;background:var(--surface);border-bottom:2px solid var(--border);font-size:.8rem;padding:.4rem;text-align:center}.grades-table td{border-bottom:1px solid var(--border);padding:2px 4px}.grades-table .col-num{width:2.4rem;text-align:right;color:var(--muted);padding-right:.5rem}.grades-table .col-name{text-align:left;min-width:14rem;font-size:.95rem}.grades-table .col-grade{width:5.5rem;text-align:center}.grades-table .col-special{width:3rem}.grades-table tr.complete .col-name{color:var(--muted)}.cell{font:inherit;font-size:1.1rem;font-weight:700;width:100%;min-height:42px;border:2px solid transparent;background:var(--surface);color:var(--text);border-radius:8px;cursor:pointer}.cell.empty{background:var(--empty-bg);border-color:var(--border);border-style:dashed}.cell.selected{background:var(--selection);border:3px solid var(--primary)}.note-cell{font:inherit;width:100%;min-height:42px;border:2px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-weight:700;cursor:pointer}.keys-help{font-size:.85rem}.keypad{position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-top:2px solid var(--border);padding:.5rem 12px calc(.5rem + env(safe-area-inset-bottom));z-index:20}.keypad:empty{display:none}.keypad-info{font-weight:600;font-size:.9rem;margin-bottom:.3rem;text-align:center}.keypad-buttons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.btn-grade{min-width:64px;min-height:52px;font-size:1.15rem}.tabs{display:flex;gap:6px;overflow-x:auto;margin:.8rem 0 .5rem;padding-bottom:4px}.tab{font:inherit;font-weight:600;white-space:nowrap;padding:.5rem .9rem;border-radius:99px;border:2px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;min-height:44px}.tab.active{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.grade-list{display:grid;gap:8px}.grade-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .7rem}.grade-row.complete{border-left:5px solid var(--ok)}.grade-row-name{display:flex;gap:.4rem;align-items:baseline;min-width:0;font-size:.95rem}.grade-buttons{display:flex;gap:6px}@media (max-width: 640px){.grade-row{grid-template-columns:1fr auto}.grade-row-name{grid-column:1 / -1}.grade-buttons{justify-self:stretch}.grade-buttons .btn-grade{flex:1;min-width:0;padding-left:0;padding-right:0}.student-row{grid-template-columns:1.6rem 1fr auto auto auto auto}.workshop-select{grid-column:2 / -1;grid-row:2;max-width:none}.student-row .btn-small{min-width:36px;padding:.2rem .3rem}}.class-chips{display:flex;flex-wrap:wrap;gap:8px}.class-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border:2px solid var(--border);border-radius:99px;background:var(--surface);cursor:pointer;font-weight:600}.sheet-frame{overflow-x:auto;padding:8px 0 24px}.sheet{background:#fff;color:#000;width:100%;max-width:760px;margin:0 auto;padding:18px 22px;border:1px solid var(--border);box-shadow:var(--shadow);font-family:Calibri,Carlito,Arial,sans-serif;min-width:560px}.sheet-header{display:grid;grid-template-columns:90px 1fr 140px;align-items:center;gap:8px}.sheet-logo-left{height:48px;justify-self:start}.sheet-logo-right{height:46px;justify-self:end}.sheet-institution{text-align:center;font-weight:700;font-size:.95rem}.sheet-title{text-align:center;font-weight:700;margin-top:8px;font-size:.95rem}.sheet-term{text-align:center;font-weight:700;margin-top:4px;font-size:1rem}.sheet-class{display:flex;justify-content:space-between;font-weight:700;margin:10px 4px 6px;font-size:1rem}.sheet-table{width:100%;border-collapse:collapse;font-size:.85rem}.sheet-table th,.sheet-table td{border:1px solid #000;padding:2px 6px;text-align:center}.sheet-table td.name{text-align:left}.sheet-table td.note{font-weight:700}.sheet-table tr.incomplete td{background:#fff7ed}.norms-sheet .norms-week{table-layout:fixed;margin-bottom:10px;font-size:.7rem}.norms-sheet .norms-week th:first-child{width:16%;overflow-wrap:anywhere}.norms-sheet .norms-week td{text-align:left;vertical-align:top}.norms-sheet .norms-week td.holiday{text-align:center;vertical-align:middle;font-weight:700}.student-picker{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}.student-picker .field{flex:1 1 14rem;min-width:0}.column-list{display:grid;gap:10px}.column-row{display:grid;grid-template-columns:2rem 1fr auto;gap:8px;align-items:end}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.field-pair label{display:grid;gap:2px;font-size:.85rem;color:var(--muted)}@media (max-width: 560px){.field-pair{grid-template-columns:1fr}}@media print{.top-bar,.actions,.tabs,.keypad{display:none}}.logo-row{display:grid;grid-template-columns:9rem 1fr auto;gap:10px;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border)}.logo-thumb{max-height:56px;max-width:160px;background:#fff;border:1px solid var(--border);border-radius:6px;padding:3px}@media (max-width: 560px){.logo-row{grid-template-columns:1fr}}.steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}.step{display:grid;grid-template-columns:3rem 1fr;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.step-num{width:2.6rem;height:2.6rem;border-radius:50%;background:var(--primary);color:var(--primary-text);font-weight:800;font-size:1.3rem;display:flex;align-items:center;justify-content:center}.step-done .step-num{background:var(--ok);color:#fff}.step-done{border-color:var(--ok)}.step h2{margin:0 0 .2rem;font-size:1.15rem}.done-label{color:var(--ok);font-weight:600;font-size:.9rem}.step-body{min-width:0}@media (max-width: 560px){.step{grid-template-columns:2.4rem 1fr;padding:.8rem}.step-num{width:2.2rem;height:2.2rem;font-size:1.1rem}}.steps-banner ol{list-style:none;display:flex;gap:6px;padding:0;margin:0 0 .6rem}.steps-banner li{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.8rem;color:var(--muted);border-top:4px solid var(--border);padding-top:4px}.steps-banner li.current{border-top-color:var(--primary);color:var(--text);font-weight:700}.steps-banner li.done{border-top-color:var(--ok)}.steps-num{font-weight:800}.include-label{display:flex;align-items:center;gap:.5rem;margin-top:.4rem;font-size:.9rem;color:var(--muted);cursor:pointer}.field-error{border-color:var(--danger)}.add-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin:.6rem 0}.sheet-table th{white-space:pre-line}.option-row{display:grid;grid-template-columns:minmax(12rem,17rem) 1fr;gap:8px 14px;align-items:center;margin:.7rem 0}.option-row p{margin:0}.option-row .btn{width:100%}.option-row>span{display:block}@media (max-width: 560px){.option-row{grid-template-columns:1fr}}.pending-list{list-style:none;padding:0;margin:.6rem 0;display:grid;gap:10px}.pending-list li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px}.hub-card{background:var(--surface);border:2px solid var(--primary);border-radius:var(--radius);padding:1.2rem;margin:1rem 0}.hub-card h2{margin-top:0}.btn-big{min-height:56px;font-size:1.15rem;padding:.6rem 2rem}.box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin:.8rem 0}.box h3{margin-bottom:.2rem}.danger-zone{border-color:var(--danger)}.saved-banner{background:var(--ok-bg);color:var(--ok);border-radius:var(--radius);padding:.6rem 1rem;margin:.6rem 0;font-size:.95rem}.tutor-box{display:grid;gap:.3rem;margin:.8rem 0}.tutor-box label{font-weight:600}.tutor-box p{margin:0;font-size:.9rem}.card .option-row{grid-template-columns:1fr}::placeholder{font-style:italic;opacity:.55}.attendance-table .col-day{width:2.4rem;min-width:2.4rem;padding:0;text-align:center}.attendance-table .col-day .cell{width:2.4rem;min-width:0}.attendance-table .col-summary{min-width:6rem;white-space:nowrap;text-align:center}.attendance-legend{margin:.25rem 0 .75rem}.day-nav{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:.5rem 0 1rem}.day-nav-label{font-size:1.25rem;text-align:center}.day-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin:.75rem 0}.day-option{display:flex;align-items:center;gap:.35rem}.month-form{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:1rem}.month-list{display:grid;gap:1rem;margin-bottom:1.5rem}@media (max-width: 760px){.day-picker{grid-template-columns:repeat(3,1fr)}}.sheet-attendance{max-width:1100px;min-width:840px}.sheet-attendance .sheet-table{font-size:.75rem}.sheet-attendance .sheet-table th,.sheet-attendance .sheet-table td{padding:2px 3px}.sheet-attendance .sheet-table td.name{min-width:11rem;white-space:nowrap}.sheet-attendance .sheet-table th:last-child,.sheet-attendance .sheet-table td:last-child{min-width:5.5rem}.sheet-attendance .sheet-table .day{width:1.6rem;min-width:1.6rem;padding-left:0;padding-right:0}.sheet-uniform{text-align:right;font-weight:700;margin-bottom:.25rem}.gender-toggle .btn-small{min-width:2.2rem}