@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.home-landing{min-height:100vh;display:flex;flex-direction:column;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:linear-gradient(160deg,#1e3a5f,#2d1b4e,#1a2744);position:relative;overflow:hidden}.home-landing:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(59,130,246,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.06) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.home-landing-inner{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;max-width:640px;margin:0 auto;padding:3rem 1.75rem}.home-landing-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:2.5rem}.home-landing-logo-icon{width:52px;height:52px;border-radius:12px;background:#818cf859;color:#fff;display:flex;align-items:center;justify-content:center}.home-landing-logo-text{font-size:1.5rem;font-weight:600;color:#fff}.home-landing-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:#fff;line-height:1.2;margin:0 0 1rem;letter-spacing:-.02em}.home-landing-accent{color:#93c5fdf2}.home-landing-desc{color:#ffffffe6;font-size:1.05rem;line-height:1.6;margin:0 0 1.75rem}.home-landing-features{list-style:none;padding:0;margin:0 0 2rem}.home-landing-features li{display:flex;align-items:center;gap:.75rem;color:#fff;font-size:.98rem;margin-bottom:.75rem}.home-landing-feature-icon{width:28px;height:28px;border-radius:50%;background:#60a5fa59;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-landing-hint{font-size:.92rem;color:#ffffffb8;line-height:1.55;margin:0}.home-landing-code{font-size:.85em;background:#ffffff1f;padding:.15rem .45rem;border-radius:6px;color:#fffffff2}.home-landing-footer{position:relative;z-index:1;text-align:center;padding:1.25rem;font-size:.8rem;color:#ffffff73}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.login-brand{background:linear-gradient(160deg,#1e3a5f,#2d1b4e,#1a2744);position:relative;overflow:hidden}.login-brand:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(59,130,246,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.06) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.login-brand-inner{position:relative;z-index:1;height:100%;padding:2.5rem 3rem;display:flex;flex-direction:column;justify-content:center;max-width:420px}.login-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:3rem}.login-logo-icon{width:44px;height:44px;border-radius:10px;background:#818cf859;color:#fff;display:flex;align-items:center;justify-content:center}.login-logo-text{font-size:1.35rem;font-weight:600;color:#fff}.login-heading{font-size:2.25rem;font-weight:700;color:#fff;line-height:1.2;margin:0 0 1rem;letter-spacing:-.02em}.login-heading-accent{color:#93c5fdf2}.login-desc{color:#ffffffe0;font-size:1rem;line-height:1.55;margin:0 0 2rem}.login-features{list-style:none;padding:0;margin:0 0 2.5rem}.login-features li{display:flex;align-items:center;gap:.75rem;color:#fff;font-size:.98rem;margin-bottom:.85rem}.login-feature-icon{width:28px;height:28px;border-radius:50%;background:#60a5fa59;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.login-secure{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#fff9}.login-secure-badge{width:24px;height:24px;border-radius:50%;background:#ffffff26;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem}.login-form-panel{background:#fff;display:flex;flex-direction:column;align-items:stretch;min-height:100vh;padding:2rem}.login-form-panel-center{flex:1;display:flex;align-items:center;justify-content:center;width:100%}.login-card{width:100%;max-width:400px;background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014,0 1px 3px #0000000a;padding:2.25rem}.login-welcome{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .35rem}.login-welcome-desc{font-size:.95rem;color:#6b7280;margin:0 0 1.75rem}.login-form{display:flex;flex-direction:column;gap:.25rem}.login-field{margin-bottom:1rem}.login-field label{display:block;font-size:.9rem;font-weight:500;color:#374151;margin-bottom:.4rem}.login-input-wrap{display:flex;align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;transition:border-color .15s,box-shadow .15s}.login-input-wrap:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.login-input-icon{color:#9ca3af;padding:0 .9rem;display:flex;align-items:center}.login-input-wrap input{flex:1;border:none;background:transparent;padding:.85rem .9rem .85rem 0;font-size:1rem;color:#1f2937;outline:none}.login-input-wrap input::placeholder{color:#9ca3af}.login-field>input{width:100%;box-sizing:border-box;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:.85rem .9rem;font-size:1rem;color:#1f2937;outline:none;transition:border-color .15s,box-shadow .15s}.login-field>input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.login-field>input::placeholder{color:#9ca3af}.login-error{color:#dc2626;font-size:.9rem;margin:0 0 .25rem}.login-btn{width:100%;margin-top:.5rem;padding:.9rem 1.25rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1,#7c3aed);border:none;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:opacity .2s,transform .1s}.login-btn:hover{opacity:.95}.login-btn:active{transform:scale(.99)}.login-demo{margin:1.25rem 0 0;font-size:.85rem;color:#6b7280}.login-demo strong{color:#374151}.login-footer{margin-top:auto;padding-top:2rem;font-size:.8rem;color:#9ca3af}@media (max-width: 900px){.login-page{grid-template-columns:1fr}.login-brand{padding:2rem 1.5rem;min-height:auto}.login-brand-inner{padding:1.5rem 1.25rem;max-width:none}.login-heading{font-size:1.75rem}.login-features{margin-bottom:1.5rem}.login-form-panel{padding:1.5rem}}@media (max-width: 480px){.login-card{padding:1.5rem}}.password-field-wrap{position:relative;display:flex;align-items:stretch}.password-field-wrap .password-field-input{width:100%;padding-right:2.75rem;box-sizing:border-box}.password-field-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:8px}.password-field-toggle:hover{color:#374151;background:#f3f4f6}.password-field-toggle:focus-visible{outline:2px solid #6366f1;outline-offset:1px}.tenant-admin{--brand: #6366f1;--brand-soft: #eef2ff;--brand-dark: #4f46e5;--bg: #f5f6fa;--ink: #0f172a;--muted: #64748b;--border: #e5e7eb;min-height:100vh;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif}.tenant-admin-header{background:#fff;border-bottom:1px solid var(--border);padding:1rem 1.5rem}.tenant-admin-header-inner{max-width:80rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.tenant-admin-brand{display:flex;align-items:center;gap:.75rem}.tenant-admin-logo{width:44px;height:44px;border-radius:12px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center}.tenant-admin-title{margin:0;font-size:1.125rem;font-weight:700}.tenant-admin-subtitle{margin:0;font-size:.875rem;color:var(--muted)}.tenant-admin-header-right{display:flex;align-items:center;gap:.75rem}.tenant-admin-user{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.875rem;font-weight:500}.tenant-admin-main{max-width:80rem;margin:0 auto;padding:2rem 1.5rem}.tenant-admin-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.tenant-admin-h2{margin:0;font-size:1.5rem;font-weight:700}.tenant-admin-desc{margin:.25rem 0 0;color:var(--muted)}.tenant-admin-actions{display:flex;gap:.5rem;flex-wrap:wrap}.tenant-admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}@media (max-width: 640px){.tenant-admin-stats{grid-template-columns:1fr}}.tenant-admin-stat{background:#fff;border:1px solid var(--border);border-radius:14px;padding:1.125rem;display:flex;align-items:center;gap:.75rem}.tenant-admin-stat-value{font-size:1.5rem;font-weight:700;line-height:1}.tenant-admin-stat-label{font-size:.875rem;color:var(--muted);margin-top:.25rem}.tenant-admin-icon-box{width:44px;height:44px;border-radius:12px;background:var(--brand-soft);color:var(--brand-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tenant-admin-search-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1rem;margin-bottom:1.5rem}.tenant-admin-search-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media (max-width: 768px){.tenant-admin-search-grid{grid-template-columns:1fr}}.tenant-admin-input-wrap{position:relative}.tenant-admin-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.tenant-admin-input{width:100%;background:#fff;border:1px solid var(--border);border-radius:10px;padding:10px 14px 10px 40px;font-size:14px;outline:none}.tenant-admin-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #6366f126}.tenant-admin-list{display:flex;flex-direction:column;gap:1rem}.tenant-admin-card{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden}.tenant-admin-card summary{list-style:none;cursor:pointer;padding:1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.tenant-admin-card summary::-webkit-details-marker{display:none}.tenant-admin-card-left{display:flex;align-items:center;gap:1rem;min-width:0}.tenant-admin-card-info{min-width:0}.tenant-admin-avatar{width:48px;height:48px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.tenant-admin-teacher-name{font-weight:700;font-size:1rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tenant-admin-course-name{font-weight:600;font-size:.875rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tenant-admin-status-teacher,.tenant-admin-status-course{font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;flex-shrink:0}.tenant-admin-status-teacher--activo,.tenant-admin-status-course--activo{background:#dcfce7;color:#166534}.tenant-admin-status-teacher--inactivo,.tenant-admin-status-course--finalizado{background:#f3f4f6;color:#4b5563}.tenant-admin-status-teacher--vacaciones{background:#dbeafe;color:#1d4ed8}.tenant-admin-status-teacher--enfermo{background:#fef3c7;color:#b45309}.tenant-admin-teacher-meta{font-size:.875rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenant-admin-card-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.tenant-admin-chip{background:var(--brand-soft);color:var(--brand-dark);font-weight:600;border-radius:8px;padding:6px 12px;font-size:13px}.tenant-admin-chevron{color:var(--muted);transition:transform .2s}.tenant-admin-card[open] .tenant-admin-chevron{transform:rotate(180deg)}.tenant-admin-courses{padding:.25rem 1.25rem 1.25rem;border-top:1px solid var(--border);background:#fafbfc}.tenant-admin-course-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:12px 14px;border-radius:10px;border:1px solid transparent;transition:.15s}.tenant-admin-course-manage{margin-top:8px}.tenant-admin-manage-label{display:block;font-size:.75rem;font-weight:500;color:var(--muted);margin-bottom:6px}.tenant-admin-firma-btns{display:flex;flex-wrap:wrap;gap:6px}.tenant-admin-firma-btn{background:var(--brand-soft);color:var(--brand-dark);border:1px solid transparent;font-weight:600;font-size:12px;border-radius:8px;padding:6px 12px;cursor:pointer;transition:.15s}.tenant-admin-firma-btn:hover{background:var(--brand);color:#fff}.tenant-admin-course-row:hover{background:#f8fafc;border-color:var(--border)}.tenant-admin-course-left{display:flex;align-items:center;gap:.75rem;min-width:0}.tenant-admin-course-icon{width:36px;height:36px;border-radius:8px;background:var(--brand-soft);color:var(--brand-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tenant-admin-course-meta{font-size:.75rem;color:var(--muted);display:flex;gap:.75rem;margin-top:2px;flex-wrap:wrap}.tenant-admin-course-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.course-login-url{margin-top:10px;padding:10px 12px;background:#f8fafc;border:1px solid var(--border);border-radius:10px;max-width:100%}.course-login-url-label{display:block;font-size:.72rem;font-weight:600;color:var(--muted);margin-bottom:6px}.course-login-url-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.course-login-url-link{font-size:.8rem;color:var(--brand);word-break:break-all;flex:1 1 200px}.course-login-url-copy{font-size:.75rem;padding:4px 10px;border-radius:8px;border:1px solid var(--border);background:#fff;cursor:pointer;color:#374151}.course-login-url-copy:hover{background:#f1f5f9}.course-login-url-hint{margin:6px 0 0;font-size:.7rem;color:var(--muted);line-height:1.4}.tenant-admin-url-prefix{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.tenant-admin-url-prefix-text{font-size:.8rem;color:var(--muted);word-break:break-all}.tenant-admin-url-prefix .tenant-admin-field-input{flex:1 1 160px;min-width:120px}.tenant-admin-students-list{list-style:none;padding:0;margin:0 0 1rem;max-height:200px;overflow-y:auto}.tenant-admin-students-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--border);font-size:.85rem}.tenant-admin-student-row-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}@media (max-width: 520px){.tenant-admin-student-row-form{grid-template-columns:1fr}}.tenant-admin-btn-primary{background:var(--brand);color:#fff;font-weight:600;border:none;border-radius:10px;padding:10px 16px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.tenant-admin-btn-primary:hover{background:var(--brand-dark)}.tenant-admin-btn-primary:disabled{opacity:.6;cursor:not-allowed}.tenant-admin-btn-ghost{background:#fff;border:1px solid var(--border);color:var(--ink);font-weight:500;border-radius:10px;padding:10px 16px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.tenant-admin-btn-ghost:hover{background:#f8fafc}.tenant-admin-btn-sm{padding:10px 16px;font-size:14px}.tenant-admin-btn-icon{padding:8px;border:none;background:transparent;border-radius:8px;color:var(--muted);cursor:pointer}.tenant-admin-btn-icon:hover{background:#fff;color:var(--ink)}.tenant-admin-btn-icon.danger:hover{color:#ef4444}.tenant-admin-empty{background:#fff;border:1px solid var(--border);border-radius:16px;padding:3rem;text-align:center;color:var(--muted)}.tenant-admin-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.tenant-admin-modal{background:#fff;border-radius:16px;max-width:480px;width:100%;padding:24px;max-height:90vh;overflow-y:auto}.tenant-admin-modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.tenant-admin-modal-title{margin:0;font-weight:700;font-size:1.125rem}.tenant-admin-modal-desc{margin:4px 0 0;font-size:14px;color:var(--muted)}.tenant-admin-hint{font-size:13px;color:var(--muted);margin:0}.tenant-admin-field-label{font-size:13px;font-weight:500;margin-bottom:6px;display:block}.tenant-admin-field-input{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:14px;outline:none;box-sizing:border-box}.tenant-admin-field-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #6366f126}textarea.tenant-admin-field-input{resize:vertical;min-height:4rem;font-family:inherit;line-height:1.45}.tenant-admin-form-stack{display:flex;flex-direction:column;gap:.75rem}.tenant-admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.tenant-admin-form-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:.5rem}.tenant-admin-error{color:#dc2626;font-size:.875rem;margin-bottom:1rem}.tenant-admin-loading{text-align:center;padding:3rem;color:var(--muted)}.tenant-admin-no-courses{font-size:.875rem;color:var(--muted);padding:.75rem .5rem}.tenant-admin-hide-sm{display:inline-flex}@media (max-width: 640px){.tenant-admin-hide-sm{display:none}}.dash{min-height:100vh;background:#f3f4f6;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.dash-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e5e7eb}.dash-header-left{display:flex;align-items:center;gap:.75rem}.dash-logo-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center}.dash-title{margin:0;font-size:1.25rem;font-weight:700;color:#1f2937}.dash-subtitle{margin:.15rem 0 0;font-size:.85rem;color:#6b7280}.dash-header-right{display:flex;align-items:center;gap:.75rem}.dash-back{font-size:.9rem;padding:.5rem .75rem}.dash-user{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;color:#374151}.dash-user svg{color:#9ca3af}.dash-logout{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.9rem;color:#6b7280;background:transparent;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:background .15s,color .15s}.dash-logout:hover{background:#f9fafb;color:#374151}.dash-main{display:grid;grid-template-columns:1fr 380px;gap:1.5rem;padding:1.5rem;max-width:1400px;margin:0 auto}.dash-left{display:flex;flex-direction:column;gap:1rem}.dash-card{background:#fff;border-radius:12px;padding:1.25rem 1.5rem;box-shadow:0 1px 3px #0000000f;border:1px solid #e5e7eb}.dash-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.dash-card-head h2{margin:0;font-size:1.05rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.5rem}.dash-card-head h2 svg{color:#6b7280}.dash-session{position:relative}.dash-progress{position:absolute;top:1.25rem;right:1.5rem;width:48px;height:48px}.dash-progress-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(#3b82f6 var(--pct, 0)%,#e5e7eb var(--pct, 0)%)}.dash-progress-ring:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:#fff;border-radius:50%}.dash-progress-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:#1f2937}.dash-session-type,.dash-session-id,.dash-session-time,.dash-session-address{margin:.25rem 0;font-size:.9rem;color:#4b5563}.dash-session-address{line-height:1.45}.dash-session-count{margin:.5rem 0 0;font-size:.85rem;color:#3b82f6;font-weight:500}.dash-validity{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.dash-validity-label{font-size:.9rem;color:#374151;margin:0}.dash-validity-select{padding:.45rem .75rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;background:#fff;min-width:120px}.dash-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.9rem;font-weight:500;border-radius:8px;cursor:pointer;border:none;transition:background .15s,color .15s}.dash-btn-ghost{background:transparent;color:#6b7280;border:1px solid #e5e7eb}.dash-btn-ghost:hover{background:#f9fafb;color:#374151}.dash-btn-outline{background:#fff;color:#4f46e5;border:1px solid #c7d2fe}.dash-btn-outline:hover:not(:disabled){background:#eef2ff}.dash-btn-primary{background:#4f46e5;color:#fff}.dash-btn-primary:hover:not(:disabled){background:#4338ca}.dash-btn-sm{padding:.35rem .6rem;font-size:.8rem}.dash-btn:disabled{opacity:.6;cursor:not-allowed}.dash-alumnos-desc{margin:.2rem 0 0;font-size:.85rem;color:#6b7280}.dash-badge{font-size:.8rem;color:#6b7280;background:#f3f4f6;padding:.25rem .6rem;border-radius:999px;white-space:nowrap}.dash-alumnos-list{list-style:none;padding:0;margin:0}.dash-alumno-row{display:flex;align-items:center;gap:.75rem;padding:.75rem .85rem;margin:0 -.5rem;border-radius:8px;margin-bottom:2px}.dash-alumno-row.signed{background:#ecfdf5}.dash-alumno-row-qr-selected{outline:2px solid #4f46e5;outline-offset:-2px;background:#eef2ff!important}.dash-alumno-avatar{width:36px;height:36px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-alumno-avatar.signed{background:#a7f3d0;color:#059669}.dash-alumno-info{flex:1;min-width:0}.dash-alumno-nombre{display:block;font-weight:500;color:#1f2937;font-size:.95rem}.dash-alumno-dni{display:block;font-size:.8rem;color:#6b7280;margin-top:.1rem}.dash-status-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:500;padding:.25rem .6rem;border-radius:999px}.dash-status-badge.signed{background:#d1fae5;color:#065f46}.dash-status-badge.pending{background:#fef3c7;color:#92400e}.dash-btn-trash{padding:.4rem;color:#6b7280;background:transparent;border:none;border-radius:6px}.dash-btn-trash:hover:not(:disabled){color:#dc2626;background:#fef2f2}.dash-qr-panel{display:flex;flex-direction:column;align-self:start}.dash-qr-panel h2{margin:0 0 .25rem;font-size:1.05rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.5rem}.dash-qr-para{margin:.35rem 0 0;font-size:.95rem;color:#374151}.dash-qr-para strong{color:#4f46e5}.dash-qr-desc{margin:0 0 1rem;font-size:.85rem;color:#6b7280}.dash-qr-area{width:100%;aspect-ratio:1;max-width:260px;margin:0 auto 1rem;border-radius:12px;overflow:hidden;border:2px dashed #e5e7eb;background:#fafafa;display:flex;align-items:center;justify-content:center}.dash-qr-image{width:100%;height:100%;object-fit:contain}.dash-qr-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#9ca3af;padding:1rem;text-align:center}.dash-qr-placeholder svg{opacity:.6}.dash-qr-hint{font-size:.75rem;color:#d1d5db}.dash-qr-link-wrap{margin-bottom:.75rem}.dash-qr-link-wrap label{display:block;font-size:.85rem;color:#374151;margin-bottom:.35rem}.dash-qr-link-input-wrap{display:flex;align-items:center;gap:.25rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff;overflow:hidden}.dash-qr-link-input{flex:1;border:none;padding:.5rem .75rem;font-size:.8rem;color:#374151;background:transparent;outline:none}.dash-btn-icon{padding:.5rem;background:transparent;border:none;color:#6b7280;cursor:pointer;border-radius:6px}.dash-btn-icon:hover{background:#f3f4f6;color:#374151}.dash-qr-expiry{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:#92400e;background:#fef3c7;padding:.4rem .75rem;border-radius:8px;margin-bottom:1rem}.dash-qr-email-wrap{margin-bottom:.75rem}.dash-qr-email-wrap label{display:block;font-size:.85rem;color:#374151;margin-bottom:.35rem}.dash-qr-email-input{width:100%;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;margin-bottom:.5rem}.dash-qr-email-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e526}.dash-qr-email-input:disabled{background:#f9fafb;color:#9ca3af}.dash-btn-email{width:100%;justify-content:center;background:#0d9488;color:#fff}.dash-btn-email:hover:not(:disabled){background:#0f766e}.dash-email-ok{margin:0 0 .5rem;font-size:.9rem;color:#059669}.dash-email-err{margin:0 0 .5rem;font-size:.9rem;color:#dc2626}.dash-qr-actions{display:flex;gap:.5rem;margin-top:auto}.dash-qr-actions .dash-btn{flex:1;justify-content:center}.dash-firma-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:dash-fadeIn .2s ease-out}@keyframes dash-fadeIn{0%{opacity:0}to{opacity:1}}.dash-firma-popup{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:520px;width:100%;padding:1.5rem 1.75rem;position:relative;animation:dash-popIn .25s ease-out}@keyframes dash-popIn{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.dash-firma-popup-close{position:absolute;top:.75rem;right:.75rem;width:36px;height:36px;border:none;background:#f3f4f6;color:#6b7280;font-size:1.5rem;line-height:1;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s,color .15s}.dash-firma-popup-close:hover{background:#e5e7eb;color:#1f2937}.dash-firma-popup-title{margin:0 2rem 1rem 0;font-size:1.2rem;font-weight:600;color:#1f2937}.dash-firma-popup-img-wrap{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1rem;text-align:center}.dash-firma-popup-img{max-width:100%;height:auto;max-height:280px;object-fit:contain}.dash-qr-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:dash-fadeIn .2s ease-out}.dash-qr-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:400px;width:100%;max-height:calc(100vh - 2rem);overflow-y:auto;padding:1.25rem 1.5rem 1.5rem;position:relative;animation:dash-popIn .25s ease-out}.dash-qr-modal-close{position:absolute;top:.75rem;right:.75rem;width:36px;height:36px;border:none;background:#f3f4f6;color:#6b7280;font-size:1.5rem;line-height:1;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s,color .15s}.dash-qr-modal-close:hover{background:#e5e7eb;color:#1f2937}.dash-qr-modal-title{margin:0 2.5rem .25rem 0;font-size:1.05rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.4rem}.dash-qr-modal-title svg{flex-shrink:0}.dash-qr-modal-hint{margin:1rem 0 0;font-size:.85rem;color:#6b7280;text-align:center}@media (max-width: 1024px){.dash-main{grid-template-columns:1fr}}@media (max-width: 640px){.dash-header{flex-direction:column;align-items:flex-start;gap:.75rem}.dash-alumno-row{flex-wrap:wrap}.dash-status-badge{order:1;width:100%;margin-top:.25rem}}.firma-page{min-height:100vh;padding:1.5rem 0}.firma-card{max-width:560px;margin:0 auto}.firma-card h1{margin:0 0 .25rem;font-size:1.5rem;color:#1a1a2e}.firma-subtitle{margin:0 0 1.5rem;color:var(--text-muted);font-size:.95rem}.firma-datos{margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid var(--border)}.firma-datos h2,.firma-contexto h2,.firma-canvas-section h2{margin:0 0 .5rem;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.firma-nombre{margin:0;font-size:1.25rem;font-weight:600;color:#1a1a2e}.firma-id{margin:.25rem 0 0;font-size:.9rem;color:var(--text-muted)}.firma-contexto{margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid var(--border)}.firma-dl{margin:0;display:grid;gap:.35rem 1rem;grid-template-columns:auto 1fr}.firma-dl dt{margin:0;font-weight:500;color:#475569}.firma-dl dd{margin:0;color:#1a1a2e}.firma-dl code{background:#e2e8f0;padding:.15rem .4rem;border-radius:4px;font-size:.9rem}.firma-canvas-section{margin-bottom:1rem}.firma-ayuda{margin:0 0 .5rem;font-size:.9rem;color:var(--text-muted)}.canvas-wrap{border:2px solid var(--border);border-radius:8px;overflow:hidden;background:#fff;max-width:100%;width:100%;margin-bottom:.75rem;aspect-ratio:500 / 200;min-height:180px}.signature-canvas{display:block;width:100%;height:100%;touch-action:none}@media (max-width: 540px){.canvas-wrap{margin-left:-.5rem;margin-right:-.5rem}}.btn-clear{margin-bottom:1rem}.firma-error{color:#dc2626;margin:0 0 1rem;font-size:.95rem}.firma-form{margin-top:.5rem}.btn-firmar{width:100%;padding:.85rem 1.5rem;font-size:1.05rem}.firma-success h1{color:var(--success)}.firma-success p{margin:.5rem 0 0;color:#334155}.mis-cursos-page{min-height:100vh;background:#f3f4f6;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.mis-cursos-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e5e7eb}.mis-cursos-header-left{display:flex;align-items:center;gap:.75rem}.mis-cursos-logo-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center}.mis-cursos-title{margin:0;font-size:1.25rem;font-weight:700;color:#1f2937}.mis-cursos-subtitle{margin:.15rem 0 0;font-size:.85rem;color:#6b7280}.mis-cursos-header-right{display:flex;align-items:center;gap:1rem}.mis-cursos-user{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;color:#374151}.mis-cursos-user svg{color:#9ca3af}.mis-cursos-logout{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.9rem;color:#6b7280;background:transparent;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:background .15s,color .15s}.mis-cursos-logout:hover{background:#f9fafb;color:#374151}.mis-cursos-main{max-width:80rem;margin:0 auto;padding:2rem 1.5rem;width:100%;box-sizing:border-box}.mis-cursos-heading{margin:0 0 .5rem;font-size:1.35rem;font-weight:700;color:#1f2937}.mis-cursos-desc{margin:0 0 1.5rem;font-size:.95rem;color:#6b7280}.mis-cursos-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.25rem;width:100%}@media (min-width: 640px){.mis-cursos-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.mis-cursos-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.mis-cursos-card{background:#fff;border-radius:12px;padding:1.25rem 1.5rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;min-height:100%;box-sizing:border-box}.mis-cursos-card-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.mis-cursos-card-icon{width:44px;height:44px;border-radius:10px;background:#eef2ff;color:#6366f1;display:flex;align-items:center;justify-content:center}.mis-cursos-card-title{margin:0;font-size:1.1rem;font-weight:600;color:#1f2937}.course-login-url--mis-cursos{margin:.75rem 0 0;padding:10px 12px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px}.mis-cursos-card-tipos-label{margin:0 0 .5rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#6b7280}.mis-cursos-tipos{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.mis-cursos-tipo-btn{padding:.6rem 1rem;font-size:.9rem;font-weight:500;color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.mis-cursos-tipo-btn:hover{background:#e0e7ff;color:#4338ca;border-color:#a5b4fc}.admin-cursos-page{min-height:100vh;background:#f3f4f6;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.admin-cursos-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e5e7eb}.admin-cursos-header-left{display:flex;align-items:center;gap:.75rem}.admin-cursos-logo-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center}.admin-cursos-title{margin:0;font-size:1.25rem;font-weight:700;color:#1f2937}.admin-cursos-subtitle{margin:.15rem 0 0;font-size:.85rem;color:#6b7280}.admin-cursos-header-right{display:flex;align-items:center;gap:1rem}.admin-cursos-user{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;color:#374151}.admin-cursos-user svg{color:#9ca3af}.admin-cursos-logout{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.9rem;color:#6b7280;background:transparent;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:background .15s,color .15s}.admin-cursos-logout:hover{background:#f9fafb;color:#374151}.admin-cursos-main{max-width:640px;margin:0 auto;padding:2rem 1.5rem}.admin-cursos-heading{margin:0 0 .5rem;font-size:1.35rem;font-weight:700;color:#1f2937}.admin-cursos-desc{margin:0 0 1.5rem;font-size:.95rem;color:#6b7280}.admin-cursos-filters{margin-bottom:1.5rem}.admin-cursos-filter-label{display:block;margin-bottom:.35rem;font-size:.85rem;font-weight:500;color:#374151}.admin-cursos-filter-select{padding:.5rem .75rem;font-size:.95rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff;min-width:200px}.admin-cursos-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.admin-cursos-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fff;border-radius:12px;padding:1rem 1.25rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000f}.admin-cursos-card-left{display:flex;align-items:center;gap:.75rem}.admin-cursos-card-icon{width:40px;height:40px;border-radius:10px;background:#eef2ff;color:#6366f1;display:flex;align-items:center;justify-content:center}.admin-cursos-card-title{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.admin-cursos-card-profesor{margin:.2rem 0 0;font-size:.85rem;color:#6b7280}.admin-cursos-card-btn{padding:.5rem 1rem;font-size:.9rem;font-weight:500;color:#fff;background:#6366f1;border:none;border-radius:8px;cursor:pointer;transition:background .15s}.admin-cursos-card-btn:hover{background:#4f46e5}.admin-cursos-empty{margin:1rem 0 0;font-size:.95rem;color:#6b7280}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#f5f6f8;color:#1a1a2e;min-height:100vh}#root{min-height:100vh}:root{--primary: #2563eb;--primary-hover: #1d4ed8;--success: #059669;--card-bg: #fff;--border: #e2e8f0;--text-muted: #64748b}button{cursor:pointer;font:inherit}input,select{font:inherit}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:900px;margin:0 auto;padding:1rem}.card{background:var(--card-bg);border-radius:12px;box-shadow:0 1px 3px #00000014;padding:1.5rem;margin-bottom:1rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border:none;border-radius:8px;font-weight:500;transition:background .15s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:#e2e8f0;color:#334155}.btn-secondary:hover{background:#cbd5e1}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.35rem;font-weight:500;color:#334155}.form-group input,.form-group select{width:100%;max-width:280px;padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px}.badge{display:inline-block;padding:.25rem .6rem;border-radius:999px;font-size:.85rem;font-weight:500}.badge-success{background:#d1fae5;color:#065f46}.badge-pending{background:#fef3c7;color:#92400e}