:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{border:1px solid #cad4e2;background:#fff;color:#172033;min-height:40px;border-radius:6px;padding:0 14px;cursor:pointer}button.primary{background:#1769e0;border-color:#1769e0;color:#fff}button:disabled{cursor:not-allowed;opacity:.62}a.buttonLike{min-height:40px;border:1px solid #cad4e2;background:#fff;color:#172033;border-radius:6px;padding:0 14px;display:inline-flex;align-items:center;text-decoration:none}a.buttonLike.primary{background:#1769e0;border-color:#1769e0;color:#fff}input,select{height:40px;border:1px solid #cad4e2;border-radius:6px;background:#fff;color:#172033;padding:0 12px}.shell{display:grid;grid-template-columns:272px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid #dbe3ee;padding:20px 14px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:6px 8px 18px}.brand strong,.brand span{display:block}.brand span{color:#64748b;font-size:13px}.brandMark{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:#e8f1ff;color:#1769e0}.nav{display:grid;gap:4px;flex:1}.navItem{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:10px;width:100%;border-color:transparent;justify-content:start}.navItem.active{background:#eef5ff;border-color:#c8ddff;color:#0d55bd}.main{padding:28px}.sessionBox{border-top:1px solid #edf1f6;display:grid;gap:6px;padding:14px 8px 0}.sessionBox strong,.sessionBox span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sessionBox span{color:#64748b;font-size:12px}.sessionBox button{align-items:center;display:inline-flex;gap:8px;justify-content:center;margin-top:6px}.loginPage{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f5f7fb}.loginPanel{width:min(420px,100%);background:#fff;border:1px solid #dbe3ee;border-radius:8px;padding:22px;display:grid;gap:14px}.loginPanel label{display:grid;gap:6px;color:#334155;font-size:13px;font-weight:700}.loginBrand{padding:0 0 8px}.formError,.notice.warning{color:#9b1c1c;background:#ffe8e8;border:1px solid #ffc4c4}.notice.success{color:#0b5a3d;background:#e5f8ef;border:1px solid #b9ebd2}.formError{margin:0;border-radius:6px;padding:10px 12px;font-size:13px}.notice{border-radius:8px;margin-bottom:14px;padding:12px 14px}.pageHeader{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.pageHeader p{margin:0 0 4px;color:#65758b;font-size:13px;text-transform:uppercase;letter-spacing:0}.pageHeader h1{margin:0;font-size:28px;line-height:1.15}.headerActions,.filters,.badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.headerActions button{align-items:center;display:inline-flex;gap:7px}.qrWorkspace{display:grid;grid-template-columns:minmax(280px,360px) minmax(420px,1fr);gap:22px;align-items:start}.qrClassrooms,.qrPrintSheet{background:#fff;border:1px solid #dbe3ee;border-radius:8px}.qrClassrooms{padding:14px}.searchField{height:42px;display:flex;align-items:center;gap:8px;border:1px solid #cad4e2;border-radius:6px;padding:0 11px}.searchField input{width:100%;height:38px;border:0;outline:0;padding:0}.qrClassroomList{display:grid;gap:7px;margin-top:12px;max-height:68vh;overflow-y:auto}.qrClassroom{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;text-align:left}.qrClassroom span,.qrClassroom strong,.qrClassroom small{display:block}.qrClassroom small{margin-top:3px;color:#64748b}.qrClassroom.active{background:#e7f5ee;border-color:#9bd6ba;color:#0b4b35}.qrPrintSheet{min-height:680px;padding:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.qrPrintSheet h2{margin:16px 0 4px;font-size:30px}.qrPrintSheet p{margin:0 0 18px;color:#64748b}.qrPrintSheet img{width:min(420px,82%);aspect-ratio:1;object-fit:contain}.qrPrintSheet strong,.qrPrintSheet small{display:block;margin-top:10px}.qrPrintSheet small{color:#64748b}.qrInstitution{color:#0b4b35;font-size:18px;font-weight:800;text-transform:uppercase}.qrMissing{color:#64748b;padding:80px 20px}.titleWithIcon{display:flex;align-items:center;gap:12px}.titleIcon{width:44px;height:44px;display:grid;place-items:center;border-radius:8px;background:#edf4ff;color:#1769e0}.statsGrid{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:14px;margin-bottom:18px}.statTile{background:#fff;border:1px solid #dbe3ee;border-radius:8px;padding:16px;min-height:148px;display:grid;gap:7px;align-content:start}.statTile span,.statTile small{color:#64748b}.statTile strong{font-size:28px;line-height:1.1}.statIcon{width:36px;height:36px;display:grid;place-items:center;border-radius:8px}.statTile.blue .statIcon{color:#1769e0;background:#e8f1ff}.statTile.green .statIcon{color:#0f7a55;background:#e5f8ef}.statTile.amber .statIcon{color:#946200;background:#fff3cf}.statTile.red .statIcon{color:#bc2a2a;background:#ffe8e8}.workArea{background:#fff;border:1px solid #dbe3ee;border-radius:8px;padding:18px}.alertStrip{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px;margin:0 0 18px}.alertStrip div{background:#fff;border:1px solid #dbe3ee;border-radius:8px;padding:14px}.alertStrip strong,.alertStrip span{display:block}.alertStrip strong{color:#bc2a2a;font-size:24px}.alertStrip span{color:#64748b;font-size:13px}.sectionTitle{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.sectionTitle h2{margin:0;font-size:18px}.tableWrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:13px 12px;text-align:left;border-bottom:1px solid #edf1f6;white-space:nowrap}.emptyCell{color:#64748b;text-align:center}th{color:#64748b;font-size:13px;background:#f8fafc}.statusBadge{display:inline-flex;align-items:center;min-height:28px;border-radius:6px;padding:0 10px;font-size:13px;margin-top:14px;border:1px solid #dbe3ee}.statusBadge.activo,.statusBadge.active,.statusBadge.registrado,.statusBadge.sent,.statusBadge.read,.statusBadge.finished{background:#e5f8ef;color:#0f7a55;border-color:#b9ebd2}.statusBadge.pendiente,.statusBadge.pending,.statusBadge.started{background:#fff3cf;color:#946200;border-color:#f7df94}.statusBadge.observado{background:#ffe8e8;color:#bc2a2a;border-color:#ffc4c4}td .statusBadge{margin-top:0}.cellDetail{color:#64748b;display:block;font-size:12px;margin-top:3px}.compactButton{min-height:32px;padding:0 10px}.dialogBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#0f172a8f}.dialogPanel{width:min(760px,100%);max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;border-radius:8px;padding:22px;box-shadow:0 24px 70px #0f172a3d}.dialogHeader,.dialogActions{display:flex;align-items:center;justify-content:space-between;gap:12px}.compactButton svg{margin-right:5px;vertical-align:-2px}.locationDialog{width:min(680px,100%)}.locationLead{display:flex;align-items:center;gap:8px;color:#0b5a3d;background:#e7f5ee;border:1px solid #b9ebd2;border-radius:6px;margin-top:16px;padding:11px 12px;font-weight:700}.dialogHeader p,.dialogHeader h2{margin:0}.dialogHeader p{color:#64748b;font-size:12px;text-transform:uppercase}.dialogHeader h2{margin-top:3px}.iconButton{width:40px;padding:0;display:grid;place-items:center}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.formGrid label,.attendanceQrControls>label{display:grid;gap:6px;color:#334155;font-size:13px;font-weight:700}.formGrid input,.formGrid select,.attendanceQrControls select{width:100%}.span2{grid-column:span 2}.selectionField{border:1px solid #dbe3ee;border-radius:6px;margin:0 0 16px;padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.selectionField legend{color:#334155;font-size:13px;font-weight:800;padding:0 6px}.selectionField label{display:flex;align-items:center;gap:8px;font-size:13px}.selectionField input[type=checkbox]{width:18px;height:18px;margin:0}.dialogActions{justify-content:flex-end;margin-top:18px}.attendanceQrLayout{min-height:calc(100vh - 130px);display:grid;grid-template-columns:320px minmax(480px,1fr);gap:22px;align-items:stretch}.attendanceQrControls{border:1px solid #dbe3ee;border-radius:8px;background:#fff;padding:18px;display:flex;flex-direction:column;gap:12px}.verificationItem{display:grid;grid-template-columns:24px 1fr;gap:9px;align-items:start;border-top:1px solid #edf1f6;padding-top:14px;color:#0b5a3d}.verificationItem strong,.verificationItem small{display:block}.verificationItem small{color:#64748b;margin-top:3px}.attendanceQrBoard{background:#063f2c;color:#fff;border-radius:8px;padding:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.attendanceQrBoard h2{margin:12px 0 16px;font-size:26px}.attendanceQrBoard>img{width:min(480px,74vh,82%);aspect-ratio:1;object-fit:contain;background:#fff;border-radius:6px}.liveIndicator{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800}.liveIndicator>span{width:9px;height:9px;border-radius:50%;background:#64e6ad;box-shadow:0 0 0 5px #64e6ad24}.countdown{display:flex;align-items:baseline;gap:7px;margin-top:12px}.countdown strong{font-size:26px}.countdown span,.attendanceQrBoard p{color:#ffffffc7}@media(max-width:1080px){.shell{grid-template-columns:84px 1fr}.brand div:last-child,.navItem span,.sessionBox span,.sessionBox strong,.sessionBox button span{display:none}.navItem{grid-template-columns:1fr;place-items:center}.statsGrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.shell{display:block}.sidebar{position:sticky;top:0;z-index:10;border-right:0;border-bottom:1px solid #dbe3ee;padding:10px}.brand{display:none}.nav{display:flex;overflow-x:auto}.navItem{width:44px;min-width:44px}.main{padding:18px}.pageHeader,.sectionTitle{align-items:flex-start;flex-direction:column}.statsGrid,.alertStrip,.qrWorkspace,.attendanceQrLayout,.formGrid,.selectionField{grid-template-columns:1fr}.span2{grid-column:auto}.qrPrintSheet{min-height:500px;padding:22px}}@media print{body{background:#fff}.noPrint,.sidebar{display:none!important}.shell,.qrWorkspace{display:block}.main{padding:0}.qrPrintSheet{border:0;min-height:100vh;page-break-inside:avoid}}