.app-inner{background:#f8fafc}.card{box-shadow:0 4px 20px #0000000f!important;border:1px solid rgba(226,232,240,.6)!important;border-radius:var(--br)!important}.form-group input:focus{border-color:var(--orange)!important;box-shadow:0 0 0 4px #e8772e1f!important}.btn{border-radius:14px!important;font-weight:700!important;transition:all .3s!important}.btn-primary{box-shadow:0 4px 15px #c420324d!important}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #c4203266!important}.btn-secondary{border:1px solid #e2e8f0!important}.btn-secondary:hover{border-color:var(--orange)!important;box-shadow:0 4px 16px #e8772e1f!important;transform:translateY(-1px)}.level-card{border:1px solid rgba(226,232,240,.6)!important;border-radius:16px!important;box-shadow:0 2px 12px #0000000d!important;transition:all .3s!important}.level-card:hover{transform:translate(5px)!important;border-color:var(--orange)!important;box-shadow:0 4px 20px #e8772e26!important}.progress-fill{background:linear-gradient(90deg,var(--orange),#f39c12)!important}.progress-text{color:var(--orange)!important;font-weight:600!important}.question-number{background:linear-gradient(135deg,var(--orange),#f39c12)!important;color:#fff!important;box-shadow:0 2px 10px #e8772e4d!important}.question-text{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:16px!important}.option{border:2px solid rgba(226,232,240,.6)!important;border-radius:14px!important;transition:all .3s!important}.option:hover:not(.disabled){border-color:var(--orange)!important;box-shadow:0 4px 16px #e8772e1f!important;transform:translateY(-2px)}.option.correct{border-color:#10b981!important;background:#10b98114!important;box-shadow:0 4px 16px #10b98126!important}.option.incorrect{border-color:#ef4444!important;background:#ef444414!important}.option-letter{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)!important;color:var(--text)!important;font-weight:700!important;border-radius:50%!important}.score-fill{filter:drop-shadow(0 0 6px rgba(232,119,46,.4))!important}.stat{background:#f8fafc!important;border:1px solid rgba(226,232,240,.6)!important;border-radius:16px!important}.video-lesson-card,.video-card{border:1px solid rgba(226,232,240,.6)!important;border-radius:16px!important;box-shadow:0 2px 10px #0000000a!important;transition:all .3s!important}.video-lesson-card:hover,.video-card:hover{border-color:var(--orange)!important;box-shadow:0 4px 20px #e8772e1f!important;transform:translateY(-2px)!important}.video-level-tab,.study-level-tab{border:1px solid rgba(226,232,240,.4)!important;border-radius:25px!important;transition:all .3s!important}.video-level-tab:hover,.study-level-tab:hover{border-color:var(--orange)!important;color:var(--orange)!important}.video-level-tab.active,.study-level-tab.active{background:linear-gradient(135deg,var(--orange),#f39c12)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 4px 12px #e8772e4d!important}.study-category-card{border:1px solid rgba(226,232,240,.6)!important;border-radius:16px!important;box-shadow:0 2px 10px #0000000a!important;transition:all .3s!important}.study-category-card:hover{border-color:var(--orange)!important;box-shadow:0 4px 20px #e8772e1f!important;transform:translateY(-2px)!important}.specialty-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0003!important}.specialty-card:active{transform:scale(.96)}.cert-card,.membership-card{border:1px solid rgba(226,232,240,.6)!important;border-radius:16px!important;box-shadow:0 2px 10px #0000000a!important;transition:all .3s!important}.cert-card:hover,.membership-card:hover{transform:translateY(-3px)!important;border-color:var(--orange)!important;box-shadow:0 8px 25px #e8772e26!important}.certificate-card{box-shadow:0 4px 20px #ffd70026!important;border-radius:20px!important}.certificate-earned-badge{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 2px 8px #10b9814d!important}.profile-avatar{box-shadow:0 8px 30px #1a3a6b33!important;border:4px solid #e2e8f0!important}.admin-stat-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 1px 3px #0000000f!important;transition:all .2s!important;color:#1e293b!important}.admin-stat-card:hover{transform:translateY(-3px)!important;box-shadow:0 8px 25px #1a3a6b1f!important;border-color:var(--blue-light)!important}.admin-section{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a!important;padding:20px!important}.technician-card{border-left:4px solid var(--blue-light)!important;transition:all .3s!important}.technician-card:hover{box-shadow:0 4px 16px #2563eb1a!important;transform:translate(5px)!important}.admin-lock-toggle.locked{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 2px 8px #ef44444d!important}.admin-lock-toggle.unlocked{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 2px 8px #10b9814d!important}.timeline-tab.active{background:linear-gradient(135deg,var(--orange),#f39c12)!important;color:#fff!important}h1,h2,h3,.level-info h3,.technician-name,.cert-name,.video-lesson-info h3,.study-category-info h3{color:var(--text)!important;font-weight:800!important}.subtitle,.profile-level-subtitle,.study-breadcrumb,.certificate-title,.admin-chart-title,.video-progress-text,.progress-text,.timeline-date,.score-label{color:var(--text-light)!important;font-weight:600!important}.stat-value,.admin-stat-value{font-weight:900!important}.btn-primary{background:linear-gradient(135deg,var(--red),#a01a2a)!important}.option-text,.question-text,.profile-value,.admin-detail-value,.certificate-detail-value,.cert-detail-value,.admin-bar-label{color:var(--text)!important;font-weight:600!important}.profile-label,.certificate-detail-label,.cert-detail-label,.admin-detail-label,.stat-label,.admin-stat-label,.video-card-info p,.technician-meta,.technician-id{color:var(--text-light)!important}.level-icon{font-size:32px!important;width:56px!important;height:56px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:linear-gradient(145deg,#f8fafc,#e2e8f0)!important;box-shadow:0 4px 12px #0000001a,inset 0 2px 4px #fffc,inset 0 -2px 4px #0000000f!important;border:2px solid rgba(0,0,0,.06)!important;position:relative!important}.cert-icon{font-size:32px!important;width:52px!important;height:52px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:linear-gradient(145deg,#fffbeb,#fde68a)!important;box-shadow:0 4px 12px #e8772e33,inset 0 2px 4px #fffc!important;border:2px solid rgba(232,119,46,.25)!important}.badge-principiante,.level-card:nth-child(1) .level-icon{background:linear-gradient(145deg,#d1fae5,#6ee7b7)!important;border-color:#10b9814d!important}.badge-intermedio,.level-card:nth-child(2) .level-icon{background:linear-gradient(145deg,#dbeafe,#93c5fd)!important;border-color:#3b82f64d!important}.badge-avanzado,.level-card:nth-child(3) .level-icon{background:linear-gradient(145deg,#fef3c7,#fcd34d)!important;border-color:#f59e0b4d!important}.badge-elite,.level-card:nth-child(4) .level-icon{background:linear-gradient(145deg,#fee2e2,#fca5a5)!important;border-color:#c420324d!important}.badge-platino,.level-card:nth-child(5) .level-icon{background:linear-gradient(145deg,#e0e7ff,#a5b4fc)!important;border-color:#1a3a6b4d!important}div[style*="grid-template-columns: repeat(4, 1fr)"]{grid-template-columns:repeat(3,1fr)!important;gap:12px!important}.cert-card{padding:16px 10px!important;border-radius:16px!important;min-height:110px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.cert-card .cert-icon{width:60px!important;height:60px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:16px!important;background:linear-gradient(145deg,#f8fafc,#e2e8f0)!important;box-shadow:0 4px 12px #00000014,inset 0 2px 4px #ffffffe6!important;margin-bottom:8px!important;font-size:32px!important}.cert-card .cert-name{font-size:13px!important;font-weight:700!important;color:var(--text)!important;margin-bottom:2px!important}.cert-card .cert-price,.cert-card .cert-status{font-size:11px!important;font-weight:600!important}.attendance-card{background:#fff;border-radius:15px;padding:25px;margin:15px 0;text-align:center;box-shadow:0 2px 12px #00000014;border:1px solid #e2e8f0}.attendance-timer{font-size:48px;font-weight:700;color:#e31937;margin:20px 0;font-family:Courier New,monospace}.attendance-status{display:inline-block;padding:8px 20px;border-radius:20px;font-weight:700;font-size:14px;margin:10px 0}.status-active{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.status-inactive{background:#fce4ec;color:#c62828;border:1px solid #ef9a9a}.btn-checkin{width:100%;padding:18px;border:none;border-radius:12px;font-size:20px;font-weight:700;cursor:pointer;transition:all .3s;margin:10px 0}.btn-checkin-in{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;box-shadow:0 4px 15px #2ecc714d}.btn-checkin-in:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2ecc7166}.btn-checkin-out{background:linear-gradient(135deg,#e31937,#c62828);color:#fff;box-shadow:0 4px 15px #e319374d}.btn-checkin-out:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e3193766}.attendance-type-selector{display:flex;gap:10px;margin:15px 0}.type-option{flex:1;padding:12px;border-radius:10px;border:2px solid #e2e8f0;background:#f8fafc;color:#1e293b;cursor:pointer;text-align:center;transition:all .3s}.type-option.selected{border-color:#e31937;background:#fce4ec;color:#e31937;font-weight:700}.attendance-history{margin-top:20px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#f8fafc;border-radius:10px;margin:8px 0;font-size:14px;border:1px solid #e2e8f0}.history-date{color:#64748b}.history-hours{color:#e31937;font-weight:700}.history-type{padding:3px 10px;border-radius:10px;font-size:12px}.type-presencial{background:#e8f5e9;color:#2e7d32}.type-zoom{background:#e3f2fd;color:#1565c0}.admin-attendance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;margin:15px 0}.admin-att-card{background:#fff;border-radius:12px;padding:15px;border-left:4px solid #f39c12;border:1px solid #e2e8f0}.admin-att-card h4{margin:0 0 5px;color:#f39c12;font-size:13px}.admin-att-stat{font-size:28px;font-weight:700;color:#fff}.admin-att-label{font-size:12px;color:#ccc}.live-indicator{display:inline-block;width:8px;height:8px;background:#2ecc71;border-radius:50%;margin-right:5px;animation:pulse-dot 1.5s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.attendance-table{width:100%;border-collapse:collapse;margin:10px 0;font-size:13px}.attendance-table th{background:#f39c1233;padding:10px 8px;text-align:left;color:#f39c12;border-bottom:1px solid rgba(255,255,255,.15)}.attendance-table td{padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.08);color:#ddd}.attendance-table tr:hover td{background:#ffffff0d}.attendance-summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.att-summary-card{background:#f8fafc;border-radius:10px;padding:15px;text-align:center;border:1px solid #e2e8f0}.att-summary-number{font-size:24px;font-weight:700;color:#e31937}.att-summary-text{font-size:11px;color:#64748b;margin-top:5px}.filter-bar{display:flex;gap:10px;margin:15px 0;flex-wrap:wrap}.filter-bar select{padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:#ffffff26;color:#fff;font-size:13px}.notif-bell-container{position:fixed;top:70px;right:15px;z-index:500}.notif-bell-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;width:48px;height:48px;border-radius:50%;font-size:22px;cursor:pointer;position:relative;box-shadow:0 4px 15px #6366f166;transition:transform .2s;display:flex;align-items:center;justify-content:center}.notif-bell-btn:hover{transform:scale(1.1)}.notif-badge{position:absolute;top:-2px;right:-2px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid white}.notif-badge.hidden{display:none}.notif-panel{position:fixed;top:70px;right:10px;width:340px;max-width:calc(100vw - 20px);max-height:70vh;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(99,102,241,.3);border-radius:16px;box-shadow:0 20px 60px #00000080;overflow:hidden;display:none;z-index:501}.notif-panel.open{display:block}.notif-panel-header{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.notif-panel-title{color:#fff;font-size:16px;font-weight:700}.notif-clear-btn{background:none;border:none;color:#64748b;font-size:12px;cursor:pointer;padding:5px 10px;border-radius:8px}.notif-clear-btn:hover{background:#ffffff1a;color:#94a3b8}.notif-list{overflow-y:auto;max-height:calc(70vh - 55px);padding:8px}.notif-item{display:flex;gap:12px;padding:12px;border-radius:12px;margin-bottom:4px;transition:background .2s}.notif-item:hover{background:#ffffff0d}.notif-item.unread{background:#6366f11a;border-left:3px solid #6366f1}.notif-icon{font-size:24px;flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px}.notif-icon.checkin{background:#27ae6033}.notif-icon.quiz{background:#f39c1233}.notif-icon.payment{background:#2ecc7133}.notif-icon.register{background:#3498db33}.notif-content{flex:1;min-width:0}.notif-text{color:#e2e8f0;font-size:13px;line-height:1.4}.notif-time{color:#64748b;font-size:11px;margin-top:3px}.notif-empty{text-align:center;padding:40px 20px;color:#64748b}.notif-empty-icon{font-size:40px;margin-bottom:10px;opacity:.5}@keyframes bounceArrow{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 6px))}}