.sidebar{background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;justify-content:flex-start;gap:20px;width:270px;min-height:100vh;padding:24px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{text-align:center;border-bottom:1px solid #f1f5f9;flex-direction:column;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;display:flex}.brand-badge{color:#fff;background:var(--color-primario);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-weight:800;display:flex;box-shadow:0 4px 10px #0000001a}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-direction:column;flex:1;gap:10px;padding-bottom:12px;padding-right:4px;display:flex;overflow-y:auto}.sidebar-nav a{color:#475569;border-radius:10px;padding:10px 14px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.sidebar-nav a:hover{color:#1e293b;background:#f1f5f9}.sidebar-nav a.active{color:var(--color-primario);background:#eff6ff;font-weight:600}.sidebar-nav a[href=\/balance]{font-weight:600}.sidebar-nav a.tienda-ia-link{color:#0f62fe!important;background:linear-gradient(135deg,#0f62fe14 0%,#6366f11f 100%)!important;border:1px solid #0f62fe66!important;border-radius:10px!important;margin:4px 0!important;font-weight:800!important;transition:all .2s!important;box-shadow:0 2px 8px #0f62fe1f!important}.sidebar-nav a.tienda-ia-link:hover{background:linear-gradient(135deg,#0f62fe29 0%,#6366f138 100%)!important;border-color:#0f62fe!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #0f62fe33!important}.logout-btn{color:#ef4444;cursor:pointer;letter-spacing:.3px;background:#fef2f2;border:1px solid #fee2e2;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:40px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.logout-btn:hover{background:#fee2e2;border-color:#fca5a5;transform:translateY(-1px)}.logout-btn:active{transform:scale(.98)}.sidebar-content{flex-direction:column;flex:1;min-height:100%;display:flex}.sidebar-footer-actions{border-top:1px solid #f1f5f9;flex-direction:column;gap:8px;margin-top:20px;padding:16px 12px 12px;display:flex}.mfa-sidebar-btn{color:#4f46e5;cursor:pointer;background:#eef2ff;border:1px solid #e0e7ff;border-radius:12px;height:42px;font-size:.82rem;font-weight:600;transition:all .2s}.mfa-sidebar-btn:hover{background:#e0e7ff;border-color:#c7d2fe;transform:translateY(-1px)}@media (width<=768px){.sidebar{z-index:9999;border-bottom:1px solid #e2e8f0;border-right:none;gap:16px;width:100%;max-width:280px;height:100vh;min-height:auto;padding:16px;transition:left .3s;position:fixed;top:0;left:-100%}.sidebar.open{left:0}.sidebar-brand{margin-bottom:16px}.sidebar-nav{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.sidebar-nav a{text-align:center;padding:10px 12px;font-size:14px}}@media (width<=480px){.sidebar-nav{grid-template-columns:1fr}.sidebar-brand h2{font-size:18px}.sidebar-brand p{font-size:12px}}.topbar-mobile{display:none}@media (width<=768px){.topbar-mobile{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:flex-start;align-items:center;gap:20px;padding:12px 16px;display:flex}.topbar-mobile button{color:#1e293b;cursor:pointer;background:0 0;border:none;font-size:20px}.topbar-mobile h2{color:#1e293b;font-size:18px}}.overlay{display:none}@media (width<=768px){.overlay{z-index:998;background:#00000080;width:100%;height:100%;display:block;position:fixed;top:0;left:0}body.sidebar-open{overflow:hidden}.dashboard-layout{display:block}.dashboard-main{width:100%;min-width:0;padding-top:70px}}.sidebar-footer-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin-top:20px;padding:16px}.sidebar-footer-info p{color:#64748b;margin:4px 0;font-size:12px}.sidebar-footer-info strong{color:#1e293b;margin-bottom:8px;font-size:14px;display:block}.sidebar-user-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:12px;margin-top:10px;margin-bottom:28px;padding:12px;transition:all .2s;display:flex}.sidebar-user-card:hover{background:#f1f5f9}.user-avatar{color:#fff;background:var(--color-primario);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex}.user-info strong{color:#1e293b;margin-bottom:2px;font-size:14px;display:block}.user-info span{color:#64748b;font-size:12px}.user-status{color:#64748b;align-items:center;gap:6px;font-size:12px;display:flex}.status-dot{background:#10b981;border-radius:50%;width:8px;height:8px}.badge{color:#fff;background:#ef4444;border-radius:999px;margin-left:8px;padding:2px 6px;font-size:11px}.sidebar-logo{width:100%;max-width:200px;height:auto;margin:0 auto 10px;display:block}.sidebar::-webkit-scrollbar{background:0 0;width:0}.sidebar{scrollbar-width:none;-ms-overflow-style:none}.sidebar-group-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin:1.5rem 0 .5rem;padding-left:10px;font-size:.75rem;font-weight:700}.sidebar-group-title:first-of-type{margin-top:0}.sidebar{flex-direction:column;display:flex;overflow-y:hidden!important}.sidebar-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.sidebar-nav{flex:1;padding-right:5px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:0}.sidebar-nav{scrollbar-width:none;-ms-overflow-style:none}.sidebar-brand-divider{background-color:#e2e8f0;width:100%;height:1px;margin:10px 0 12px}.sidebar-school-info-row{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:row;align-items:center;gap:12px;width:100%;padding:6px 8px;display:flex}.sidebar-school-logo-img{object-fit:contain;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;width:38px;min-width:38px;height:38px;padding:2px;box-shadow:0 1px 4px #0000000a}.sidebar-school-logo-avatar{background-color:var(--color-primario,#0f62fe);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;font-size:1.1rem;font-weight:800;display:flex;box-shadow:0 2px 6px #0f62fe40}.sidebar-school-text-wrap{flex-direction:column;flex:1;display:flex;overflow:hidden}.sidebar-school-name{color:var(--text-primary,#0f172a);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:.86rem;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.sidebar-school-role{color:#64748b;margin-top:2px;font-size:.7rem;font-weight:500}.mfa-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mfa-modal{text-align:center;color:#e2e8f0;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:1px solid #6366f14d;border-radius:20px;width:100%;max-width:420px;padding:2.5rem;animation:.3s slideUp;position:relative;box-shadow:0 25px 60px #00000080,0 0 30px #6366f11a}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mfa-close{color:#94a3b8;cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;width:32px;height:32px;font-size:14px;transition:all .2s;position:absolute;top:1rem;right:1rem}.mfa-close:hover{color:#fff;background:#ef44444d}.mfa-icon{margin-bottom:1rem;font-size:3.5rem;animation:2s infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.mfa-modal h2{color:#fff;margin-bottom:.75rem;font-size:1.4rem;font-weight:700}.mfa-modal p{color:#94a3b8;margin-bottom:1.25rem;font-size:.9rem;line-height:1.6}.mfa-qr{background:#fff;border:3px solid #6366f166;border-radius:12px;width:180px;height:180px;margin:.75rem auto 1.25rem;padding:8px;display:block}.mfa-secret-label{font-size:.78rem;margin-bottom:.35rem!important}.mfa-secret{color:#a5b4fc;word-break:break-all;letter-spacing:1px;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:1.25rem;padding:.6rem 1rem;font-family:Courier New,monospace;font-size:.8rem;display:block}.mfa-input{color:#fff;text-align:center;letter-spacing:.5rem;background:#ffffff12;border:1px solid #6366f166;border-radius:10px;outline:none;width:100%;margin-bottom:1rem;padding:.75rem;font-size:1.5rem;transition:border-color .2s}.mfa-input:focus{border-color:#6366f1}.mfa-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:.5rem .75rem;font-size:.82rem;margin-bottom:1rem!important}.mfa-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:10px;width:100%;padding:.85rem;font-size:.95rem;font-weight:600;transition:all .25s;box-shadow:0 4px 15px #6366f159}.mfa-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6366f180}.mfa-btn-primary:disabled{opacity:.5;cursor:not-allowed}.mfa-btn-danger{color:#fca5a5;cursor:pointer;background:#ef444426;border:1px solid #ef444459;border-radius:10px;width:100%;margin-top:.5rem;padding:.85rem;font-size:.95rem;font-weight:600;transition:all .25s}.mfa-btn-danger:hover:not(:disabled){background:#ef44444d;border-color:#ef444499}.mfa-btn-danger:disabled{opacity:.5;cursor:not-allowed}.trial-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#0f172ab3;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-out trialFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes trialFadeIn{0%{opacity:0}to{opacity:1}}.trial-modal-content{text-align:center;background:#fff;border-radius:16px;width:90%;max-width:600px;padding:40px;animation:.4s cubic-bezier(.16,1,.3,1) trialSlideUp;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes trialSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.trial-modal-icon{margin-bottom:20px;font-size:64px;line-height:1}.trial-modal-content h2{color:#1e293b;margin-bottom:15px;font-size:1.5rem;font-weight:700}.trial-modal-intro{color:#475569;margin-bottom:25px;font-size:1.05rem;line-height:1.5}.trial-modal-list{text-align:left;background:#f8fafc;border-radius:12px;margin-bottom:25px;padding:25px;list-style:none}.trial-modal-list li{color:#334155;margin-bottom:12px;font-size:1rem;line-height:1.5}.trial-modal-list li:last-child{margin-bottom:0}.trial-modal-list strong{color:#0f172a}.trial-modal-warning{text-align:left;background:#eef2ff;border-left:4px solid #4f46e5;border-radius:0 8px 8px 0;margin-bottom:30px;padding:15px 20px}.trial-modal-warning p{color:#312e81;margin:0;font-size:.95rem;line-height:1.5}.trial-modal-actions{justify-content:center;gap:15px;display:flex}.trial-btn-explore{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;flex:1;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s}.trial-btn-explore:hover{background:#4338ca;transform:translateY(-1px)}.trial-btn-plans{color:#4f46e5;cursor:pointer;background:#fff;border:1px solid #4f46e5;border-radius:8px;flex:1;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s}.trial-btn-plans:hover{background:#eef2ff}@media (width<=600px){.trial-modal-actions{flex-direction:column}.trial-modal-content{padding:30px 20px}}