:root{--deped-blue: #145747;--secondary-blue: #247b63;--light-blue: #edf4ed;--white: #FFFFFF;--dark-navy: #243e34;--accent-gold: #e8b84b;--accent-cyan: #06B6D4;--accent-purple: #7C3AED;--success: #198754;--warning: #F59E0B;--danger: #DC3545;--bg: #f7f6ef;--card: #FFFFFF;--text: #243e34;--text-muted: #697b70;--border: #dfe5da;--shadow-sm: 0 1px 2px rgba(36,62,52,.06);--shadow: 0 2px 8px rgba(36,62,52,.08);--shadow-lg: 0 8px 24px rgba(36,62,52,.12);--shadow-glow: 0 0 24px rgba(20,87,71,.18);--radius: 10px;--radius-sm: 6px;--radius-lg: 16px;--sidebar-w: 260px;--header-h: 60px;--transition: .18s ease;--font: "Inter", "Segoe UI", Roboto, Arial, sans-serif;--gradient-primary: linear-gradient(135deg, #145747 0%, #247b63 50%, #2d8c80 100%);--gradient-gold: linear-gradient(135deg, #e8b84b 0%, #F59E0B 100%);--gradient-success: linear-gradient(135deg, #198754 0%, #10B981 100%);--gradient-danger: linear-gradient(135deg, #DC3545 0%, #F43F5E 100%);--gradient-hero: linear-gradient(135deg, #145747 0%, #247b63 40%, #7C3AED 100%);--gradient-card: linear-gradient(135deg, rgba(255,255,255,.9) 0%, rgba(234,242,255,.7) 100%);--gradient-sidebar: linear-gradient(180deg, #145747 0%, #104838 50%, #0b362b 100%);--gradient-mesh: radial-gradient(at 20% 0%, rgba(247,201,72,.1) 0px, transparent 50%), radial-gradient(at 80% 100%, rgba(6,182,212,.1) 0px, transparent 50%), radial-gradient(at 0% 100%, rgba(124,58,237,.08) 0px, transparent 50%)}[data-theme=dark]{--bg: #18181b;--card: #27272a;--text: #f4f4f5;--text-muted: #a1a1aa;--border: #3f3f46;--light-blue: #3f3f46;--deped-blue: #3b82f6;--secondary-blue: #2563eb;--accent-gold: #fbbf24;--accent-cyan: #22d3ee;--accent-purple: #a78bfa;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow: 0 2px 8px rgba(0,0,0,.45);--shadow-lg: 0 8px 24px rgba(0,0,0,.55);--shadow-glow: 0 0 24px rgba(59, 130, 246, .3);--gradient-sidebar: linear-gradient(180deg, #18181b 0%, #1c1c1f 50%, #09090b 100%);--gradient-card: linear-gradient(135deg, rgba(39,39,42,.95) 0%, rgba(24,24,27,.8) 100%)}[data-theme=dark] .nav-item.active{background:linear-gradient(90deg,rgba(59,130,246,.18) 0%,rgba(59,130,246,.05) 60%,transparent 100%)}[data-theme=deped-green]{--bg: #f0f5f1;--card: #ffffff;--text: #1a2f24;--text-muted: #4d6a5a;--border: #d1e0d5;--light-blue: #e3efe6;--deped-blue: #0f5132;--secondary-blue: #198754;--accent-gold: #c9a227;--accent-cyan: #2d8c80;--accent-purple: #7c3aed;--shadow-sm: 0 1px 2px rgba(26,47,36,.06);--shadow: 0 2px 8px rgba(26,47,36,.08);--shadow-lg: 0 8px 24px rgba(26,47,36,.12);--shadow-glow: 0 0 24px rgba(15,81,50,.18);--gradient-sidebar: linear-gradient(180deg, #0f5132 0%, #0a3d25 50%, #072c1b 100%);--gradient-card: linear-gradient(135deg, rgba(255,255,255,.9) 0%, rgba(227,239,230,.7) 100%);--gradient-primary: linear-gradient(135deg, #0f5132 0%, #198754 50%, #20c997 100%);--gradient-hero: linear-gradient(135deg, #0f5132 0%, #198754 40%, #c9a227 100%)}[data-theme=deped-green] .nav-item.active{background:linear-gradient(90deg,rgba(201,162,39,.24) 0%,rgba(201,162,39,.1) 60%,transparent 100%)}[data-theme=noir]{--bg: #0a0a0a;--card: #141414;--text: #f5f5f5;--text-muted: #8f8f8f;--border: #262626;--light-blue: #1a1a1a;--deped-blue: #dc2626;--secondary-blue: #b91c1c;--accent-gold: #fbbf24;--accent-cyan: #22d3ee;--accent-purple: #a78bfa;--shadow-sm: 0 1px 2px rgba(0,0,0,.7);--shadow: 0 2px 8px rgba(0,0,0,.75);--shadow-lg: 0 8px 24px rgba(0,0,0,.9);--shadow-glow: 0 0 24px rgba(220,38,38,.32);--gradient-sidebar: linear-gradient(180deg, #0a0a0a 0%, #0d0d0d 50%, #121212 100%);--gradient-card: linear-gradient(135deg, rgba(20,20,20,.95) 0%, rgba(26,26,26,.75) 100%);--gradient-primary: linear-gradient(135deg, #dc2626 0%, #b91c1c 50%, #7f1d1d 100%);--gradient-hero: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 40%, #2a1414 100%)}[data-theme=noir] .nav-item.active{background:linear-gradient(90deg,rgba(251,191,36,.22) 0%,rgba(251,191,36,.08) 60%,transparent 100%)}[data-theme=navy]{--bg: #0a1628;--card: #142137;--text: #dbe4f0;--text-muted: #7f96b5;--border: #1e3050;--light-blue: #172a44;--deped-blue: #5b9cff;--secondary-blue: #4285f4;--accent-gold: #f4c430;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow: 0 2px 8px rgba(0,0,0,.45);--shadow-lg: 0 8px 24px rgba(0,0,0,.55);--shadow-glow: 0 0 24px rgba(91,156,255,.35);--gradient-sidebar: linear-gradient(180deg, #0a1628 0%, #0d1e38 50%, #0f2440 100%);--gradient-card: linear-gradient(135deg, rgba(20,33,55,.9) 0%, rgba(23,42,68,.7) 100%)}[data-theme=sepia]{--bg: #f5ecd8;--card: #fdf8ee;--text: #3d2e1a;--text-muted: #7d6a4c;--border: #e0d3ba;--light-blue: #ede0c8;--deped-blue: #8b4513;--secondary-blue: #a0522d;--accent-gold: #c9a227;--accent-cyan: #0e7490;--accent-purple: #6d28d9;--shadow-sm: 0 1px 2px rgba(61,46,26,.08);--shadow: 0 2px 8px rgba(61,46,26,.1);--shadow-lg: 0 8px 24px rgba(61,46,26,.15);--shadow-glow: 0 0 24px rgba(139,69,19,.18);--gradient-sidebar: linear-gradient(180deg, #6b4423 0%, #4a2f18 50%, #3a2410 100%);--gradient-card: linear-gradient(135deg, rgba(253,248,238,.9) 0%, rgba(245,236,216,.7) 100%);--gradient-primary: linear-gradient(135deg, #8b4513 0%, #a0522d 50%, #c9a227 100%);--gradient-hero: linear-gradient(135deg, #6b4423 0%, #8b4513 40%, #a0522d 100%)}[data-theme=sepia] .nav-item.active{background:linear-gradient(90deg,rgba(201,162,39,.22) 0%,rgba(201,162,39,.08) 60%,transparent 100%)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background var(--transition),color var(--transition);overflow-x:hidden}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:var(--deped-blue);text-decoration:none}[data-theme=dark] a{color:#6fa8ff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.brand-logo,.auth-brand-logo{flex-shrink:0;display:block;object-fit:contain;-webkit-user-drag:none;filter:drop-shadow(0 4px 10px var(--theme-soft));animation:logoPulse 4s ease-in-out infinite}@keyframes logoPulse{0%,to{filter:drop-shadow(0 4px 10px var(--theme-soft))}50%{filter:drop-shadow(0 4px 18px var(--theme-accent))}}.brand-logo.fixed,.auth-brand-logo.fixed{animation:none;filter:drop-shadow(0 4px 10px var(--theme-soft))}.auth-screen{position:fixed;inset:0;z-index:4000;display:flex;align-items:stretch;justify-content:center;background:var(--bg);overflow:hidden}.auth-screen.hidden{display:none}.auth-bg-mesh{position:absolute;inset:0;pointer-events:none;background:var(--gradient-mesh);opacity:.85}.auth-bg-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35;pointer-events:none;will-change:transform}.auth-bg-blob.b1{width:380px;height:380px;background:var(--theme-accent,#247b63);top:-120px;left:-120px;animation:floatBlob1 18s ease-in-out infinite}.auth-bg-blob.b2{width:320px;height:320px;background:#e8b84b;bottom:-100px;right:20%;opacity:.22;animation:floatBlob2 22s ease-in-out infinite}.auth-bg-blob.b3{width:280px;height:280px;background:#7c3aed;top:30%;right:-80px;opacity:.18;animation:floatBlob1 26s ease-in-out infinite reverse}@keyframes floatBlob1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,30px) scale(1.08)}}@keyframes floatBlob2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,-40px) scale(1.1)}}.auth-split{position:relative;z-index:1;display:flex;width:100%;max-width:1400px;margin:0 auto;min-height:100%}.auth-brand{flex:1.1;display:flex;flex-direction:column;justify-content:space-between;padding:48px 56px;color:#fff;position:relative;overflow:hidden;background:var(--gradient-hero);background-size:200% 200%;animation:gradientShift 18s ease infinite}.auth-brand:before{content:"";position:absolute;inset:0;background:radial-gradient(at 30% 10%,rgba(247,201,72,.16) 0%,transparent 55%),radial-gradient(at 90% 90%,rgba(6,182,212,.16) 0%,transparent 55%);pointer-events:none}.auth-brand>*{position:relative;z-index:1}.auth-brand-top{display:flex;align-items:center;gap:14px}.auth-brand-name{font-size:17px;font-weight:800;letter-spacing:.3px}.auth-brand-tag{font-size:11px;opacity:.8;letter-spacing:.5px;margin-top:2px}.auth-brand-mid{max-width:540px}.auth-brand-mid h1{font-size:clamp(24px,2.6vw,38px);font-weight:800;line-height:1.15;margin-bottom:14px;letter-spacing:-.4px}.auth-brand-mid p.lead{font-size:clamp(13px,1.05vw,15px);opacity:.9;margin-bottom:28px;max-width:480px}.auth-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}.auth-feature-card{display:flex;flex-direction:column;gap:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);padding:20px;border-radius:12px;transition:background .2s ease}.auth-feature-card:hover{background:#ffffff1f}.auth-feature-card svg{width:24px;height:24px;color:var(--accent-gold)}.auth-feature-card strong{display:block;font-size:13px;margin-bottom:4px;color:#fff}.auth-feature-card span{font-size:12px;color:#ffffffbf;line-height:1.5}.auth-card{width:100%;max-width:420px;background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:32px;border-top:4px solid var(--deped-blue)}@media (max-width: 900px){.auth-features-grid{grid-template-columns:1fr}}.auth-feature svg{width:20px;height:20px;flex-shrink:0;margin-top:2px;color:var(--accent-gold)}.auth-feature strong{display:block;font-size:13px;font-weight:700;margin-bottom:2px}.auth-feature span{font-size:12px;opacity:.85}.auth-brand-foot{font-size:11px;opacity:.72;display:flex;flex-direction:column;gap:4px}.auth-form-panel{flex:0 0 460px;max-width:460px;display:flex;align-items:center;justify-content:center;padding:40px 32px;background:var(--bg)}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);background-size:200% 100%;animation:gradientShift 6s ease infinite}@keyframes authCardIn{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}.auth-logo-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:18px}.auth-card h2{font-size:20px;font-weight:800;letter-spacing:-.2px;margin-bottom:6px;text-align:center}.auth-card .auth-sub{font-size:13px;color:var(--text-muted);text-align:center;margin-bottom:22px}.auth-field{margin-bottom:14px;position:relative}.auth-field label{display:block;font-size:12px;font-weight:600;margin-bottom:6px;color:var(--text)}.auth-field .input-wrap{position:relative}.auth-field input{width:100%;padding:11px 40px;min-height:44px;border:1px solid var(--border);border-radius:9px;background:var(--card);color:var(--text);font-size:14px;transition:border .15s,box-shadow .15s}.auth-field input:focus{outline:none;border-color:var(--deped-blue);box-shadow:0 0 0 3px var(--theme-soft,#14574724)}.auth-field input.invalid{border-color:var(--danger)}.auth-field .input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted);pointer-events:none}.auth-field .pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:background .15s,color .15s}.auth-field .pw-toggle:hover{background:var(--light-blue);color:var(--deped-blue)}.auth-field .pw-toggle svg{width:16px;height:16px}.auth-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 14px;flex-wrap:wrap}.auth-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);cursor:pointer;user-select:none}.auth-check input{width:16px;height:16px;accent-color:var(--deped-blue);cursor:pointer}.auth-link{font-size:12.5px;font-weight:600;color:var(--deped-blue)}[data-theme=dark] .auth-link{color:#6fa8ff}.auth-link:hover{text-decoration:underline}.auth-submit{width:100%;padding:12px 16px;min-height:46px;border-radius:9px;font-size:14.5px;font-weight:700;background:var(--gradient-primary);color:#fff;box-shadow:0 4px 14px var(--theme-soft,#1457474d);transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex;align-items:center;justify-content:center;gap:8px;background-size:150% 150%}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px var(--theme-soft,#1457476b);background-position:100% 100%}.auth-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-submit .spinner-sm{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-error{display:none;padding:10px 12px;border-radius:8px;background:#dc35451a;color:var(--danger);font-size:12.5px;margin-bottom:14px;border:1px solid rgba(220,53,69,.2)}.auth-error.show{display:flex;align-items:flex-start;gap:8px}.auth-error svg{width:16px;height:16px;flex-shrink:0;margin-top:1px}.auth-notice{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:8px;margin-top:16px;background:var(--light-blue);color:var(--deped-blue);font-size:11.5px;line-height:1.5}[data-theme=dark] .auth-notice{color:#6fa8ff}.auth-notice svg{width:14px;height:14px;flex-shrink:0;margin-top:2px}.auth-foot{text-align:center;font-size:11px;color:var(--text-muted);margin-top:20px;line-height:1.7}.auth-foot a{color:var(--text-muted);margin:0 6px}.auth-foot a:hover{color:var(--deped-blue)}.auth-recovery{display:none}.auth-recovery.show{display:block}.pw-strength{margin-top:6px}.pw-strength-bar{height:4px;border-radius:2px;background:var(--border);overflow:hidden;display:flex;gap:3px}.pw-strength-bar>span{flex:1;height:100%;background:var(--border);border-radius:2px;transition:background .2s}.pw-strength-bar[data-level="1"]>span:nth-child(-n+1){background:#dc3545}.pw-strength-bar[data-level="2"]>span:nth-child(-n+2){background:#f59e0b}.pw-strength-bar[data-level="3"]>span:nth-child(-n+3){background:var(--theme-accent,#2d8c80)}.pw-strength-bar[data-level="4"]>span:nth-child(-n+4){background:#198754}.pw-strength-label{font-size:11px;color:var(--text-muted);margin-top:4px}.sec-email-method-option svg{width:15px;height:15px;flex-shrink:0;display:inline-block;vertical-align:-2px;margin-right:4px}.tos-framework-card{display:block;padding:16px;border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);background:var(--card);position:relative}.tos-framework-card:hover{border-color:var(--deped-blue);box-shadow:var(--shadow)}.tos-framework-card.active{border-color:var(--deped-blue);background:var(--light-blue);box-shadow:0 0 0 3px var(--theme-soft,#1457471f)}.tos-framework-card .tos-framework-title{font-weight:700;font-size:14px;margin-bottom:4px;color:var(--text)}.tos-test-config-row{display:flex;gap:8px;align-items:center;padding:8px;margin-bottom:8px;background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);flex-wrap:wrap}.tos-test-config-row select{flex:1;min-width:180px}.tos-test-config-row input[type=number]{width:90px}.tos-test-config-row .other-input{flex:1;min-width:140px}.tos-cog-badge{display:inline-block;min-width:22px;text-align:center;padding:2px 5px;border-radius:4px;font-size:11px;font-weight:700;background:var(--light-blue);color:var(--deped-blue)}.tos-cog-badge.zero{background:var(--bg);color:var(--text-muted)}.tos-preview-empty{text-align:center;padding:28px 16px 24px;color:var(--text-muted)}.tos-preview-empty-icon{width:44px;height:44px;margin:0 auto 14px;border-radius:12px;background:var(--light-blue);color:var(--deped-blue);display:flex;align-items:center;justify-content:center;opacity:.75}.tos-preview-empty-icon svg{width:22px;height:22px;min-width:22px;min-height:22px;max-width:22px;max-height:22px;display:block;flex-shrink:0}.tos-preview-empty-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:6px}.tos-preview-empty-text{font-size:12px;line-height:1.55;margin:0 auto 16px;max-width:260px}.tos-preview-empty-hints{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;padding-top:14px;border-top:1px dashed var(--border);max-width:260px;margin:0 auto}.tos-preview-empty-hints span{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;color:var(--text-muted);letter-spacing:.2px}.tos-preview-empty-hints i{width:8px;height:8px;border-radius:2px;display:inline-block;flex-shrink:0}.tos-preview-summary{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11.5px;color:var(--text-muted);margin-bottom:8px}.tos-preview-summary strong{color:var(--text);font-weight:800}.tos-preview-dot{opacity:.5}.tos-preview-alloc-bar{height:4px;border-radius:2px;background:var(--bg);overflow:hidden;margin-bottom:12px}.tos-preview-alloc-bar>div{height:100%;background:var(--gradient-primary);border-radius:2px;transition:width .25s ease}.tos-preview-list{display:flex;flex-direction:column;gap:6px;max-height:420px;overflow-y:auto;padding-right:2px}.tos-preview-row{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);transition:border-color .15s ease,transform .12s ease}.tos-preview-row:hover{border-color:var(--deped-blue);transform:translate(1px)}.tos-preview-row-index{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--light-blue);color:var(--deped-blue);display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800}[data-theme=dark] .tos-preview-row-index,[data-theme=navy] .tos-preview-row-index,[data-theme=noir] .tos-preview-row-index{background:#93c5fd1f;color:#93c5fd}.tos-preview-row-body{flex:1;min-width:0}.tos-preview-row-text{font-size:11.5px;font-weight:600;color:var(--text);line-height:1.35;margin-bottom:3px;overflow-wrap:anywhere}.tos-preview-row-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:10px;color:var(--text-muted)}.tos-preview-row-meta strong{color:var(--deped-blue);font-weight:800}.tos-preview-row-range{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:9.5px;padding:1px 6px;border-radius:4px;background:var(--card);border:1px solid var(--border)}.exam-preview{font-family:Times New Roman,Times,serif;line-height:1.6;color:#000;background:#fff;padding:28px;border:1px solid var(--border);border-radius:var(--radius);max-height:780px;overflow-y:auto}.exam-preview h1{font-size:18px;font-weight:700;text-align:center;margin-bottom:20px;text-transform:uppercase}.exam-preview h2{font-size:15px;font-weight:700;margin-top:22px;margin-bottom:10px;border-bottom:2px solid #000;padding-bottom:4px}.exam-preview h3{font-size:14px;font-weight:700;margin-top:14px;margin-bottom:6px}.exam-preview p{margin-bottom:10px}.exam-preview ol{list-style-type:decimal;padding-left:24px;margin-top:8px;margin-bottom:16px}.exam-preview ol>li{margin-bottom:14px;text-align:justify}.exam-preview ul{list-style-type:upper-alpha;padding-left:20px;margin-top:6px;margin-bottom:6px;font-weight:400}.exam-preview ul>li{margin-bottom:4px}.exam-preview table{width:100%;border-collapse:collapse;margin:10px 0}.exam-preview th,.exam-preview td{border:1px solid #000;padding:6px;text-align:left}@media (max-width: 900px){.auth-split{flex-direction:column}.auth-brand{flex:0 0 auto;padding:28px 24px}.auth-brand-mid{margin-top:12px}.auth-brand-mid p.lead{margin-bottom:16px}.auth-feature-list,.auth-brand-foot{display:none}.auth-form-panel{flex:1 0 auto;max-width:none;padding:24px 20px calc(24px + env(safe-area-inset-bottom))}.auth-card{max-width:420px}}@media (max-width: 480px){.auth-card{padding:24px 20px 18px;border-radius:14px}.auth-card h2{font-size:18px}}.lock-screen{position:fixed;inset:0;z-index:4500;background:var(--bg);display:none;align-items:center;justify-content:center;padding:100px 20px 40px}.lock-screen.show{display:flex;animation:fadeIn .25s ease}.lock-screen .auth-bg-mesh{opacity:1}.lock-card{position:relative;z-index:1;width:100%;max-width:400px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:0 28px 24px;text-align:center;overflow:visible;animation:authCardIn .4s cubic-bezier(.16,1,.3,1)}.lock-brand{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;z-index:5;pointer-events:none}.lock-brand-halo{position:absolute;inset:-24px;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--theme-soft) 0%,rgba(124,58,237,.1) 40%,transparent 68%);animation:lockBrandHaloPulse 2.8s ease-in-out infinite;will-change:transform,opacity}@keyframes lockBrandHaloPulse{0%,to{transform:scale(.9);opacity:.55}50%{transform:scale(1.15);opacity:1}}.lock-brand-ring{position:absolute;border-radius:50%;border:2px solid transparent;will-change:transform}.lock-brand-ring-1{inset:0;border-top-color:var(--deped-blue);border-right-color:var(--deped-blue);box-shadow:0 0 18px var(--theme-soft,#14574759),inset 0 0 10px var(--theme-soft,#14574726);animation:lockBrandSpin 1.8s linear infinite}.lock-brand-ring-2{inset:-8px;border-width:2.5px;border-bottom-color:var(--accent-gold);border-left-color:var(--accent-gold);box-shadow:0 0 22px #e8b84b59,inset 0 0 12px #e8b84b1f;animation:lockBrandSpin 2.8s linear infinite reverse}.lock-brand-ring-3{inset:-16px;border-width:1.5px;border-top-color:var(--accent-cyan);border-left-color:var(--accent-purple);opacity:.7;animation:lockBrandSpin 3.8s linear infinite}@keyframes lockBrandSpin{to{transform:rotate(360deg)}}.lock-brand-orbit{position:absolute;inset:0;border-radius:50%;animation:lockBrandSpin 3.4s linear infinite;will-change:transform}.lock-brand-orbit span{position:absolute;top:-3px;left:50%;width:7px;height:7px;border-radius:50%;transform:translate(-50%);background:var(--gradient-primary);box-shadow:0 0 10px var(--theme-soft,#145747e6),0 0 20px var(--theme-soft,#14574780)}.lock-brand-orbit-1{inset:0;animation-duration:3.2s}.lock-brand-orbit-2{inset:-8px;animation-duration:4.6s;animation-direction:reverse}.lock-brand-orbit-2 span{background:var(--accent-gold);box-shadow:0 0 10px #e8b84be6,0 0 20px #e8b84b80}.lock-brand-orbit-3{inset:-16px;animation-duration:6s}.lock-brand-orbit-3 span{width:5px;height:5px;background:var(--accent-cyan);box-shadow:0 0 8px #06b6d4e6,0 0 16px #06b6d480}.lock-brand-sparkles{position:absolute;inset:-22px;pointer-events:none}.lock-brand-spark{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--accent-gold);box-shadow:0 0 6px 1px #e8b84bf2,0 0 12px 2px #e8b84b66;opacity:0;will-change:transform,opacity}.lock-brand-spark.s1{top:22%;left:12%;animation:lockBrandSparkle 3s ease-in-out infinite 0s}.lock-brand-spark.s2{top:30%;right:10%;animation:lockBrandSparkle 3s ease-in-out infinite .7s}.lock-brand-spark.s3{bottom:22%;left:14%;animation:lockBrandSparkle 3s ease-in-out infinite 1.4s}.lock-brand-spark.s4{bottom:26%;right:12%;animation:lockBrandSparkle 3s ease-in-out infinite 2.1s}@keyframes lockBrandSparkle{0%,to{opacity:0;transform:scale(.4) translateY(0)}50%{opacity:1;transform:scale(1.35) translateY(-3px)}}.lock-brand-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:16px;background:var(--gradient-primary);background-size:200% 200%;display:flex;align-items:center;justify-content:center;z-index:4;box-shadow:0 0 0 3px #fffffffa,0 8px 22px var(--theme-soft,#14574759),inset 0 0 14px #0000001a;animation:lockBrandFloat 3s ease-in-out infinite,lockBrandGradientShift 6s ease infinite;will-change:transform}.lock-brand-core img{width:40px;height:40px;object-fit:contain;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.24))}@keyframes lockBrandFloat{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-5px)}}@keyframes lockBrandGradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.lock-hero{padding-top:82px;display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.lock-avatar{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:#fff;letter-spacing:.5px;background:var(--gradient-primary);overflow:hidden;position:relative;z-index:2;box-shadow:0 6px 18px var(--theme-soft,#14574740),0 0 0 3px #fffffffa,0 0 0 5px var(--theme-soft,#1457470f);transition:transform .2s ease,box-shadow .2s ease}.lock-avatar:hover{transform:scale(1.04);box-shadow:0 8px 22px var(--theme-soft,#14574752),0 0 0 3px #fffffffa,0 0 0 5px #e8b84b38}.lock-avatar img{width:100%;height:100%;object-fit:cover;display:block}.lock-card h3{font-size:19px;font-weight:800;margin-bottom:3px;letter-spacing:-.2px;color:var(--text);line-height:1.25}.lock-card .lock-sub{font-size:13px;color:var(--text-muted);margin-bottom:20px}.lock-actions{display:flex;gap:8px;margin-top:12px}.lock-actions .btn{flex:1}@media (max-width: 480px){.lock-screen{padding:90px 16px 32px}.lock-card{padding:0 22px 20px}.lock-brand{width:84px;height:84px}.lock-brand-core{width:54px;height:54px;border-radius:14px}.lock-brand-core img{width:34px;height:34px}.lock-brand-ring-2{inset:-7px}.lock-brand-ring-3{inset:-14px}.lock-brand-orbit-2{inset:-7px}.lock-brand-orbit-3{inset:-14px}.lock-brand-halo{inset:-20px}.lock-brand-sparkles{inset:-18px}.lock-hero{padding-top:72px}.lock-avatar{width:68px;height:68px;font-size:24px}.lock-card h3{font-size:17.5px}}@media (prefers-reduced-motion: reduce){.lock-brand-halo,.lock-brand-ring,.lock-brand-orbit,.lock-brand-spark,.lock-brand-core{animation:none!important}.lock-brand-core{transform:translate(-50%,-50%)}}.security-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:20px;font-size:11.5px;font-weight:600;background:#1987541a;color:var(--status-success-text,var(--success));border:1px solid rgba(25,135,84,.18);cursor:pointer;transition:transform .15s,box-shadow .15s;white-space:nowrap}.security-pill:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.security-pill.warn{background:#f59e0b1f;color:#b45309;border-color:#f59e0b40}.security-pill.danger{background:#dc35451a;color:var(--danger);border-color:#dc354533}.security-pill svg{width:12px;height:12px}.security-pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.session-warning{position:fixed;bottom:24px;right:24px;z-index:3000;max-width:360px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:16px;display:none;animation:authCardIn .3s ease;border-left:4px solid var(--warning)}.session-warning.show{display:block}.session-warning h4{font-size:14px;font-weight:700;margin-bottom:6px}.session-warning p{font-size:12.5px;color:var(--text-muted);margin-bottom:12px}.session-warning .actions{display:flex;gap:8px}.setup-shell{max-width:560px;width:100%;margin:0 auto}.setup-header{text-align:center;margin-bottom:24px}.setup-header h1{font-size:22px;font-weight:800;margin-bottom:6px}.setup-header p{font-size:13px;color:var(--text-muted)}.setup-steps{display:flex;justify-content:center;gap:8px;margin-bottom:22px}.setup-steps .step{width:30px;height:4px;border-radius:2px;background:var(--border);transition:background .2s}.setup-steps .step.active{background:var(--gradient-primary)}.setup-steps .step.done{background:var(--success)}.setup-step{display:none}.setup-step.active{display:block;animation:fadeIn .3s ease}.recovery-key{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;font-weight:600;letter-spacing:1.5px;background:var(--bg);border:1px dashed var(--border);padding:14px;border-radius:10px;word-break:break-all;text-align:center;user-select:all}.recovery-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:16px}:focus-visible{outline:2px solid var(--deped-blue);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.auth-bg-blob{display:none}.hero-banner,.auth-brand{animation:none!important}}[hidden],.hidden{display:none!important}.loading-screen{position:fixed;inset:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5000;gap:28px;overflow:hidden;contain:strict}.loading-screen:before{content:"";position:absolute;inset:0;background:var(--gradient-mesh);pointer-events:none;animation:loaderBgDrift 18s ease-in-out infinite;will-change:transform}@keyframes loaderBgDrift{0%,to{transform:scale(1) translate(0)}50%{transform:scale(1.08) translate(-1.5%,-1.5%)}}.loader-orb{position:relative;width:190px;height:190px;display:flex;align-items:center;justify-content:center;z-index:1}.loader-ring{position:absolute;border-radius:50%;border:2px solid transparent;pointer-events:none;will-change:transform}.loader-ring-1{inset:0;border-top-color:var(--deped-blue);border-right-color:var(--deped-blue);box-shadow:0 0 24px var(--theme-soft,#14574759),inset 0 0 14px var(--theme-soft,#14574726);animation:spin 1.6s linear infinite}.loader-ring-2{inset:-16px;border-width:3px;border-bottom-color:var(--accent-gold);border-left-color:var(--accent-gold);box-shadow:0 0 30px #e8b84b52,inset 0 0 18px #e8b84b1f;animation:spin 2.6s linear infinite reverse}.loader-ring-3{inset:-32px;border-width:1.5px;border-top-color:var(--accent-cyan);border-left-color:var(--accent-purple);opacity:.75;animation:spin 3.6s linear infinite}.loader-halo{position:absolute;inset:-52px;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--theme-soft) 0%,rgba(124,58,237,.1) 35%,transparent 65%);pointer-events:none;animation:loaderHaloPulse 2.6s ease-in-out infinite;will-change:transform,opacity}@keyframes loaderHaloPulse{0%,to{transform:scale(.92);opacity:.55}50%{transform:scale(1.15);opacity:1}}.loader-orbit{position:absolute;inset:-22px;border-radius:50%;pointer-events:none;animation:spin 3.2s linear infinite;will-change:transform}.loader-orbit span{position:absolute;top:-4px;left:50%;width:9px;height:9px;border-radius:50%;transform:translate(-50%);background:var(--gradient-primary);box-shadow:0 0 12px var(--theme-soft,#145747e6),0 0 24px var(--theme-soft,#14574780)}.loader-orbit-2{inset:-22px;animation-duration:4.6s;animation-direction:reverse}.loader-orbit-2 span{background:var(--gradient-gold);box-shadow:0 0 12px #e8b84be6,0 0 24px #e8b84b80}.loader-orbit-3{inset:-34px;animation-duration:6.2s}.loader-orbit-3 span{width:6px;height:6px;background:var(--accent-cyan);box-shadow:0 0 10px #06b6d4e6,0 0 20px #06b6d480}.loader-sparkles{position:absolute;inset:-56px;pointer-events:none}.loader-spark{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--accent-gold);box-shadow:0 0 8px 1px #e8b84bf2,0 0 16px 2px #e8b84b73;opacity:0;will-change:transform,opacity}.loader-spark.s1{top:18%;left:8%;animation:loaderSparkle 3s ease-in-out infinite 0s}.loader-spark.s2{top:30%;right:6%;animation:loaderSparkle 3s ease-in-out infinite .5s}.loader-spark.s3{bottom:32%;left:10%;animation:loaderSparkle 3s ease-in-out infinite 1s}.loader-spark.s4{bottom:18%;right:14%;animation:loaderSparkle 3s ease-in-out infinite 1.5s}.loader-spark.s5{top:6%;right:42%;animation:loaderSparkle 3s ease-in-out infinite 2s}.loader-spark.s6{bottom:6%;left:44%;animation:loaderSparkle 3s ease-in-out infinite 2.5s}@keyframes loaderSparkle{0%,to{opacity:0;transform:scale(.4) translateY(0)}50%{opacity:1;transform:scale(1.35) translateY(-3px)}}.loader-core{position:relative;width:100px;height:100px;border-radius:50%;background:var(--card);display:flex;align-items:center;justify-content:center;z-index:3;box-shadow:0 0 0 4px #ffffff0f,0 10px 36px var(--theme-soft,#14574747),0 0 60px var(--theme-soft,#1457472e),inset 0 0 20px var(--theme-soft,#14574714);animation:loaderCoreFloat 3s ease-in-out infinite;will-change:transform}@keyframes loaderCoreFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.035)}}.loader-core .loader-icon{display:block;width:62px;height:62px;max-width:62px;max-height:62px;object-fit:contain;flex-shrink:0;z-index:2;filter:drop-shadow(0 4px 14px var(--theme-soft));animation:loaderIconBreathe 2.4s ease-in-out infinite;will-change:transform}@keyframes loaderIconBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.loader-pulse{position:absolute;inset:0;border-radius:50%;border:2px solid var(--deped-blue);pointer-events:none;animation:loaderPulseRing 2.2s ease-out infinite;will-change:transform,opacity}@keyframes loaderPulseRing{0%{transform:scale(.92);opacity:.85}to{transform:scale(1.75);opacity:0}}.loading-text{font-size:14px;font-weight:600;letter-spacing:.4px;position:relative;z-index:1;margin:0;background:linear-gradient(90deg,var(--text-muted) 0%,var(--text-muted) 35%,var(--deped-blue) 50%,var(--text-muted) 65%,var(--text-muted) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:loaderTextShimmer 2.6s linear infinite;text-align:center;padding:0 20px}@keyframes loaderTextShimmer{0%{background-position:250% 50%}to{background-position:-250% 50%}}.loading-progress-bar{width:220px;height:3px;border-radius:3px;background:var(--border);overflow:hidden;position:relative;z-index:1;box-shadow:inset 0 1px 2px #0000000a}.loading-progress-fill{height:100%;width:32%;border-radius:3px;background:var(--gradient-primary);background-size:220% 100%;animation:loaderProgressSlide 1.6s cubic-bezier(.65,0,.35,1) infinite,gradientShift 3s ease infinite;will-change:transform}@keyframes loaderProgressSlide{0%{transform:translate(-100%)}to{transform:translate(360%)}}@media (max-width: 480px){.loader-orb{width:148px;height:148px}.loader-core{width:78px;height:78px}.loader-core .loader-icon{width:48px;height:48px;max-width:48px;max-height:48px}.loader-ring-2{inset:-12px}.loader-ring-3{inset:-24px}.loader-orbit{inset:-18px}.loader-orbit-3{inset:-26px}.loader-halo{inset:-40px}.loader-sparkles{inset:-42px}.loading-text{font-size:13px}.loading-progress-bar{width:170px}}@media (prefers-reduced-motion: reduce){.loading-screen:before,.loader-ring,.loader-halo,.loader-orbit,.loader-spark,.loader-core,.loader-icon,.loader-pulse,.loading-text,.loading-progress-fill{animation:none!important}.loading-progress-fill{transform:translate(80%);opacity:.9}}.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--bg) 50%,var(--border) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}#app{display:flex;min-height:100vh}#sidebar{width:var(--sidebar-w);background:var(--gradient-sidebar);color:#fff;position:fixed;top:0;left:0;bottom:0;overflow:hidden;z-index:100;transition:transform var(--transition);display:flex;flex-direction:column}#sidebar:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(247,201,72,.06) 0%,transparent 50%);pointer-events:none}#sidebar .brand{padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:12px;flex-shrink:0;position:relative;z-index:1}#sidebar .brand-text h1{font-size:13px;font-weight:700;letter-spacing:.3px;line-height:1.2}#sidebar .brand-text p{font-size:10px;opacity:.75;margin-top:2px;letter-spacing:.4px}#sidebar nav{flex:1;padding:10px 8px 20px;overflow-y:auto;position:relative;z-index:1}.nav-section{margin-top:14px}.nav-section-title{font-size:10px;text-transform:uppercase;letter-spacing:1.1px;opacity:.5;padding:8px 12px 6px;font-weight:700}.nav-item{position:relative;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;border:none;background:transparent;color:#ffffffc7;font-size:13px;font-weight:500;cursor:pointer;width:100%;text-align:left;margin-bottom:2px;-webkit-tap-highlight-color:transparent;outline:none;transition:color .2s ease}.nav-item>*{position:relative;z-index:2}.nav-item:before{content:"";position:absolute;inset:0;z-index:0;border-radius:10px;pointer-events:none;opacity:0;transform:scale(.97);background-image:linear-gradient(90deg,transparent 0%,transparent 42%,rgba(255,255,255,.14) 50%,transparent 58%,transparent 100%),linear-gradient(180deg,#ffffff24,#ffffff0f 45%,#ffffff08);background-size:200% 100%,100% 100%;background-position:-200% 0,0 0;background-repeat:no-repeat;box-shadow:inset 0 1px #fff3,inset 0 0 0 1px #ffffff0d,0 4px 14px #00000038,0 1px 2px #00000026;transition:opacity .24s ease,transform .28s cubic-bezier(.22,1,.36,1)}.nav-item:after{content:"";position:absolute;left:0;top:50%;z-index:1;width:3px;height:0;border-radius:3px;pointer-events:none;opacity:0;transform:translateY(-50%);background:linear-gradient(180deg,#ffe9a8,#e8b84b 45%,#c98a0b);box-shadow:0 0 8px #e8b84bb3,0 0 20px #e8b84b4d;transition:height .3s cubic-bezier(.22,1,.36,1),opacity .2s ease}@media (hover: hover){.nav-item:hover:not(.active){color:#fff}.nav-item:hover:not(.active):before{opacity:.55;transform:scale(1);box-shadow:inset 0 1px #ffffff1f,inset 0 0 0 1px #ffffff08,0 2px 6px #00000024}}.nav-item.active{color:#fff;font-weight:600}.nav-item.active:before{opacity:1;transform:scale(1);animation:navPillShimmer 1.15s cubic-bezier(.4,0,.2,1) .18s 1}.nav-item.active:after{height:62%;opacity:1}@keyframes navPillShimmer{0%{background-position:-200% 0,0 0}to{background-position:200% 0,0 0}}.nav-item svg{width:16px;height:16px;flex-shrink:0;display:block;transition:color .2s ease,transform .28s cubic-bezier(.22,1,.36,1),filter .24s ease}.nav-item.active svg{color:var(--accent-gold);transform:scale(1.08);filter:drop-shadow(0 0 5px rgba(247,201,72,.45))}.nav-item:focus-visible{color:#fff}.nav-item:focus-visible:before{opacity:.65;transform:scale(1);box-shadow:inset 0 0 0 2px #e8b84b8c,0 2px 8px #0000002e}.nav-item .badge-count{background:var(--gradient-gold);color:var(--dark-navy);font-size:10px;font-weight:700;padding:1px 6px;border-radius:8px}.nav-section-title{font-size:10px;text-transform:uppercase;letter-spacing:1.1px;opacity:.5;padding:10px 12px 6px;font-weight:700}@media (prefers-reduced-motion: reduce){.nav-item:before,.nav-item:after,.nav-item svg{transition:none!important;animation:none!important}.nav-item.active:before{opacity:1;transform:none}.nav-item.active:after{height:62%;opacity:1}.nav-item.active svg{transform:none;filter:none}}@media (hover: hover){.nav-item:hover{background:#ffffff0d;color:#fff}}.nav-item:focus-visible{background:#ffffff0f;box-shadow:inset 0 0 0 2px #e8b84b80;color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(247,201,72,.22) 0%,rgba(247,201,72,.08) 60%,transparent 100%);border-left-color:var(--accent-gold);color:#fff;font-weight:600}.nav-item.active svg{color:var(--accent-gold)}.nav-item.is-locked{opacity:.55}.nav-item.is-locked:hover{opacity:.8}.nav-item svg{width:16px;height:16px;flex-shrink:0;transition:color .15s ease}.nav-item .badge-count{margin-left:auto;background:var(--gradient-gold);color:var(--dark-navy);font-size:10px;font-weight:700;padding:1px 6px;border-radius:8px}.nav-item-trailing{margin-left:auto;display:flex;align-items:center;gap:5px;flex-shrink:0}.nav-item-trailing .nav-pro-badge,.nav-item-trailing .badge-count{margin-left:0}.nav-hub-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:10px;font-size:9.5px;font-weight:700;line-height:1.4;letter-spacing:.2px;background:#ffffff1f;color:#ffffffd9;border:1px solid rgba(255,255,255,.16);transition:background .15s ease,color .15s ease,border-color .15s ease;white-space:nowrap}.nav-hub-badge svg{width:9px;height:9px;display:block;flex-shrink:0;opacity:.9}@media (hover: hover){.nav-item:hover .nav-hub-badge{background:#fff3;color:#fff;border-color:#ffffff47}}.nav-item.active .nav-hub-badge{background:#e8b84b33;color:var(--accent-gold);border-color:#e8b84b66}#sidebar-footer{padding:10px 12px 12px;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0;position:relative;z-index:1;display:flex;flex-direction:column;gap:10px}.sidebar-footer-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sidebar-footer-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:8px;font-size:11.5px;font-weight:600;font-family:inherit;color:#ffffffd1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);cursor:pointer;width:100%;transition:background .15s ease,color .15s ease,border-color .15s ease;-webkit-tap-highlight-color:transparent;outline:none}.sidebar-footer-btn svg{width:13px;height:13px;flex-shrink:0;display:block}@media (hover: hover){.sidebar-footer-btn:hover{background:#ffffff24;color:#fff;border-color:#fff3}}.sidebar-footer-btn:focus-visible{box-shadow:inset 0 0 0 2px #e8b84b8c;color:#fff}#sidebar-lock-btn:hover{background:#e8b84b2e;border-color:#e8b84b59;color:#fff}#sidebar-logout-btn:hover{background:#dc35452e;border-color:#dc354559;color:#fff}.sidebar-footer-meta{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:10px;opacity:.6;padding:0 4px}.sidebar-footer-meta>span:first-child{grid-column:2;text-align:center;white-space:nowrap}.sidebar-footer-meta>#db-status-dot{grid-column:3;justify-self:end}#main-wrap{flex:1;margin-left:var(--sidebar-w);display:flex;flex-direction:column;min-width:0}#topbar{height:var(--header-h);background:var(--card);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:10px;position:sticky;top:0;z-index:50;box-shadow:var(--shadow-sm)}#topbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:.7;background-size:200% 100%;animation:gradientShift 6s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}#mobile-menu-btn{display:none}.topbar-title{font-size:15px;font-weight:700;color:var(--text);display:flex;flex-direction:column;line-height:1.2}.topbar-title span{font-size:11px;font-weight:500;color:var(--text-muted)}.topbar-spacer{flex:1}.topbar-class{display:flex;align-items:center;gap:6px;background:var(--gradient-card);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;color:var(--deped-blue);cursor:pointer;border:1px solid transparent;transition:all var(--transition)}[data-theme=dark] .topbar-class{color:#6fa8ff}.topbar-class:hover{border-color:var(--deped-blue);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.icon-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition);position:relative}.icon-btn:hover{background:var(--light-blue);color:var(--deped-blue);transform:translateY(-1px)}.icon-btn svg{width:18px;height:18px}.icon-btn .dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--gradient-danger);border-radius:50%;border:2px solid var(--card)}#content{flex:1;padding:24px;max-width:1600px;width:100%;margin:0 auto}.page{display:none}.page.active{display:block;animation:fadeIn .35s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-head h2{font-size:22px;font-weight:700;color:var(--text)}[data-theme=dark] .page-head h2{color:#e3ebf5}.page-head p{font-size:13px;color:var(--text-muted);margin-top:2px}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:18px;transition:box-shadow var(--transition);position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.card-head h3{font-size:15px;font-weight:700;color:var(--text)}.card-head p{font-size:12px;color:var(--text-muted)}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.stat-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);padding:16px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px;transition:transform var(--transition),box-shadow var(--transition)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.stat-card .stat-label{font-size:12px;color:var(--text-muted);font-weight:500}.stat-card .stat-value{font-size:26px;font-weight:800;color:var(--text);line-height:1}.stat-card .stat-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--light-blue);color:var(--deped-blue);align-self:flex-start}.stat-card .stat-icon svg{width:18px;height:18px}.stat-card.accent-gold .stat-icon{background:#e8b84b2e;color:#b8860b}.stat-card.accent-success .stat-icon{background:#1987541f;color:var(--status-success-text,var(--success))}.stat-card.accent-danger .stat-icon{background:#dc35451f;color:var(--danger)}.stat-card.accent-warning .stat-icon{background:#f59e0b1f;color:var(--warning)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;min-height:36px;border-radius:8px;font-size:13px;font-weight:600;transition:all var(--transition);white-space:nowrap;border:1px solid transparent}.btn svg{width:15px;height:15px}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 8px var(--theme-soft,#14574740);background-size:150% 150%}.btn-primary:hover{box-shadow:0 4px 16px var(--theme-soft,#14574766);transform:translateY(-1px);background-position:100% 100%}.btn-secondary{background:var(--light-blue);color:var(--deped-blue)}[data-theme=dark] .btn-secondary{color:#6fa8ff}.btn-secondary:hover{background:#dbe7fb}.btn-outline{background:transparent;border-color:var(--border);color:var(--text)}.btn-outline:hover{background:var(--light-blue);border-color:var(--deped-blue)}.btn-danger{background:var(--gradient-danger);color:#fff;box-shadow:0 2px 8px #dc354540}.btn-danger:hover{box-shadow:0 4px 16px #dc354566;transform:translateY(-1px)}.btn-success{background:var(--gradient-success);color:#fff;box-shadow:0 2px 8px #19875440}.btn-success:hover{box-shadow:0 4px 16px #19875466;transform:translateY(-1px)}.btn-warning{background:var(--gradient-gold);color:var(--dark-navy);box-shadow:0 2px 8px #f59e0b40}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--light-blue);color:var(--deped-blue)}.btn-sm{padding:5px 10px;font-size:12px;min-height:30px}.btn-lg{padding:12px 22px;font-size:15px;min-height:46px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-block{width:100%}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:12px;font-weight:600;margin-bottom:5px;color:var(--text)}.form-group label .req{color:var(--danger)}.form-control{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);font-size:13px;transition:border var(--transition),box-shadow var(--transition);min-height:36px}.form-control:focus{outline:none;border-color:var(--deped-blue);box-shadow:0 0 0 3px var(--theme-soft,#1457471f)}.form-control:disabled{opacity:.6;cursor:not-allowed}.form-control.invalid{border-color:var(--danger)}.form-error{font-size:11px;color:var(--danger);margin-top:3px;display:none}.form-error.show{display:block}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}textarea.form-control{resize:vertical;min-height:70px}select.form-control{cursor:pointer}.photo-upload-row{display:flex;gap:16px;align-items:flex-start;margin-bottom:16px;flex-wrap:wrap}.photo-preview-wrap{position:relative;width:100px;height:100px;border-radius:12px;overflow:hidden;background:var(--gradient-card);border:2px dashed var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition)}.photo-preview-wrap:hover{border-color:var(--deped-blue)}.photo-preview-wrap img{width:100%;height:100%;object-fit:cover}.photo-preview-wrap .placeholder{color:var(--text-muted);font-size:28px}.photo-preview-wrap .photo-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;background:var(--gradient-danger);color:#fff;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:12px;line-height:1;box-shadow:0 2px 8px #dc354566}.photo-preview-wrap.has-photo .photo-remove{display:flex}.photo-help{font-size:11px;color:var(--text-muted);margin-top:4px}.photo-actions{display:flex;flex-direction:column;gap:6px}.hidden-file{display:none}.mini-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px;flex-shrink:0;box-shadow:0 2px 6px #102a4326}.mini-avatar img{width:100%;height:100%;object-fit:cover}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:600}.badge-blue{background:var(--light-blue);color:var(--deped-blue)}[data-theme=dark] .badge-blue{color:#6fa8ff}.badge-success{background:#1987541f;color:var(--status-success-text,var(--success))}.badge-warning{background:#f59e0b26;color:#b45309}.badge-danger{background:#dc35451f;color:var(--danger)}.badge-gold{background:#e8b84b33;color:#8a6d0e}.badge-neutral{background:var(--bg);color:var(--text-muted);border:1px solid var(--border)}.badge svg{width:11px;height:11px;flex-shrink:0;display:block}.badge{white-space:nowrap}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border)}table.data-table{width:100%;border-collapse:collapse;font-size:13px;min-width:600px}table.data-table thead th{background:var(--bg);text-align:left;padding:10px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}table.data-table td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}table.data-table tbody tr{transition:background var(--transition)}table.data-table tbody tr:hover{background:var(--light-blue)}table.data-table tbody tr:last-child td{border-bottom:none}.table-actions{display:flex;gap:4px}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-state .empty-icon{width:60px;height:60px;border-radius:50%;background:var(--gradient-card);color:var(--deped-blue);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.empty-state .empty-icon svg{width:28px;height:28px}.empty-state h3{font-size:16px;color:var(--text);margin-bottom:6px}.empty-state p{font-size:13px;margin-bottom:16px}.search-bar{position:relative;flex:1;max-width:360px;min-width:200px}.search-bar input{padding-left:36px}.search-bar svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--text-muted);pointer-events:none}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);overflow-x:auto;margin-bottom:18px}.tab{padding:10px 16px;font-size:13px;font-weight:600;color:var(--text-muted);border-bottom:2px solid transparent;white-space:nowrap;transition:all var(--transition);position:relative}.tab:hover{color:var(--deped-blue)}.tab.active{color:var(--deped-blue);border-bottom-color:var(--deped-blue)}.tab{display:inline-flex;align-items:center;gap:6px}.tab svg{width:14px;height:14px;min-width:14px;min-height:14px;max-width:14px;max-height:14px;flex-shrink:0;display:block;stroke-width:2}.modal-overlay{position:fixed;inset:0;background:#102a438c;backdrop-filter:blur(4px);z-index:9999;display:none;align-items:center;justify-content:center;padding:16px;animation:fadeIn .15s ease}.modal-overlay.show{display:flex}.modal{background:var(--card);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:modalIn .25s cubic-bezier(.16,1,.3,1);border:1px solid var(--border);position:relative;overflow:hidden}.modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary)}.modal.modal-lg{max-width:820px}.modal.modal-xl{max-width:1100px}@keyframes modalIn{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-head{padding:18px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-head h3{font-size:16px;font-weight:700}.modal-body{padding:20px;overflow-y:auto;flex:1}.modal-foot{padding:14px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}#toast-container{position:fixed;top:calc(var(--header-h) + 12px);right:20px;z-index:2147483647;display:flex;flex-direction:column;gap:8px;max-width:min(340px,calc(100vw - 32px));pointer-events:none}#toast-container>.toast{pointer-events:auto}.toast{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow-lg);display:flex;align-items:flex-start;gap:10px;animation:toastIn .3s cubic-bezier(.16,1,.3,1);border-left:4px solid var(--deped-blue);position:relative;overflow:hidden}.toast.success{border-left-color:var(--success)}.toast.warning{border-left-color:var(--warning)}.toast.error{border-left-color:var(--danger)}.toast .toast-icon{flex-shrink:0;margin-top:1px}.toast .toast-icon svg{width:16px;height:16px}.toast.success .toast-icon{color:var(--status-success-text,var(--success))}.toast.warning .toast-icon{color:var(--warning)}.toast.error .toast-icon{color:var(--danger)}.toast.info .toast-icon{color:var(--deped-blue)}.toast .toast-msg{font-size:13px;font-weight:500;flex:1}.toast .toast-close{color:var(--text-muted);font-size:16px;line-height:1}@keyframes toastIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}.chart-container{position:relative;width:100%;height:220px}svg.chart{width:100%;height:100%;overflow:visible}.progress-bar{height:8px;background:var(--bg);border-radius:4px;overflow:hidden}.progress-bar>div{height:100%;background:var(--gradient-primary);border-radius:4px;transition:width .4s ease}.progress-bar.success>div{background:var(--gradient-success)}.progress-bar.warning>div{background:var(--gradient-gold)}.progress-bar.danger>div{background:var(--gradient-danger)}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--light-blue);color:var(--deped-blue);padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}[data-theme=dark] .chip{color:#6fa8ff}.alert{padding:12px 14px;border-radius:var(--radius);font-size:13px;display:flex;gap:10px;align-items:flex-start;margin-bottom:14px}.alert svg{width:18px;height:18px;flex-shrink:0;margin-top:1px}.alert-info{background:var(--light-blue);color:var(--deped-blue)}[data-theme=dark] .alert-info{color:#6fa8ff}.alert-warning{background:#f59e0b1a;color:#92400e}[data-theme=dark] .alert-warning{color:#e8b84b}.alert-danger{background:#dc35451a;color:var(--danger)}.alert-success{background:#1987541a;color:var(--status-success-text,var(--success))}.divider{height:1px;background:var(--border);margin:16px 0}.flex{display:flex}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-center{display:flex;align-items:center;justify-content:center}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.text-muted{color:var(--text-muted)}.text-sm{font-size:12px}.text-xs{font-size:11px}.text-center{text-align:center}.font-bold{font-weight:700}.avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;background:var(--gradient-primary);flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-lg{width:80px;height:80px;font-size:28px}.activity-item{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}.activity-item:last-child{border-bottom:none}.activity-item .activity-icon{width:32px;height:32px;border-radius:8px;background:var(--gradient-card);color:var(--deped-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-item .activity-icon svg{width:15px;height:15px}.activity-item .activity-time{font-size:11px;color:var(--text-muted)}.dev-card{display:grid;grid-template-columns:132px 1fr;gap:22px;align-items:center;padding:22px;border-radius:var(--radius-lg);background:var(--gradient-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.dev-card:before{content:"";position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(247,201,72,.22) 0%,transparent 70%);pointer-events:none}.dev-card .dev-photo{width:132px;height:132px;border-radius:50%;object-fit:cover;border:4px solid var(--card);box-shadow:0 10px 26px var(--theme-soft,#14574747),0 0 0 1px var(--border);background:var(--bg);display:block;position:relative;z-index:1}.dev-card .dev-info{position:relative;z-index:1;min-width:0}.dev-card .dev-name{font-size:20px;font-weight:800;letter-spacing:-.3px;color:var(--text);margin-bottom:4px}.dev-card .dev-role{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--deped-blue);background:var(--light-blue);padding:4px 10px;border-radius:20px;margin-bottom:14px}[data-theme=dark] .dev-card .dev-role{color:#6fa8ff}.dev-card .dev-tagline{font-size:13px;color:var(--text-muted);line-height:1.6;margin-bottom:16px;max-width:520px}.dev-contacts{display:flex;flex-wrap:wrap;gap:8px}.dev-contact{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:30px;background:var(--card);border:1px solid var(--border);font-size:12.5px;font-weight:600;color:var(--text);text-decoration:none;transition:all var(--transition)}.dev-contact:hover{border-color:var(--deped-blue);color:var(--deped-blue);transform:translateY(-1px);box-shadow:var(--shadow)}[data-theme=dark] .dev-contact:hover{color:#6fa8ff;border-color:#6fa8ff}.dev-contact svg{width:15px;height:15px;flex-shrink:0}.dev-contact .dev-contact-label{font-size:10px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.6px;margin-right:2px}[data-theme=dark] .dev-contact .dev-contact-label{color:#8fa5bf}@media (max-width: 620px){.dev-card{grid-template-columns:1fr;text-align:center}.dev-card .dev-photo{margin:0 auto}.dev-card .dev-role{justify-content:center}.dev-card .dev-tagline{margin-left:auto;margin-right:auto}.dev-contacts{justify-content:center}}.pagination{display:flex;align-items:center;justify-content:center;gap:4px;padding:16px 0}.pagination button{min-width:32px;height:32px;padding:0 8px;border-radius:6px;font-size:12px;font-weight:600;color:var(--text-muted);border:1px solid var(--border);transition:all var(--transition)}.pagination button:hover:not(:disabled){background:var(--light-blue);color:var(--deped-blue)}.pagination button.active{background:var(--gradient-primary);color:#fff;border-color:transparent}.pagination button:disabled{opacity:.4;cursor:not-allowed}.attendance-status-group{display:flex;gap:4px}.att-status-btn{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;border:1px solid var(--border);color:var(--text-muted);transition:all var(--transition)}.att-status-btn:hover{transform:translateY(-1px)}.att-status-btn.active.present{background:var(--gradient-success);color:#fff;border-color:transparent}.att-status-btn.active.absent{background:var(--gradient-danger);color:#fff;border-color:transparent}.att-status-btn.active.late{background:var(--gradient-gold);color:#fff;border-color:transparent}.att-status-btn.active.excused{background:var(--gradient-primary);color:#fff;border-color:transparent}.lesson-section{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;overflow:hidden}.lesson-section-head{padding:10px 14px;background:var(--bg);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.lesson-section-body{padding:14px;display:none}.lesson-section.open .lesson-section-body{display:block}.note-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px;transition:all var(--transition)}.note-card:hover{box-shadow:var(--shadow)}.note-card.pinned{border-left:3px solid var(--accent-gold)}.note-card .note-title{font-size:14px;font-weight:700;margin-bottom:6px}.note-card .note-body{font-size:13px;color:var(--text-muted);margin-bottom:10px}.note-card .note-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-muted);flex-wrap:wrap}.quick-tool-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;text-align:center;cursor:pointer;transition:all var(--transition)}.quick-tool-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--deped-blue)}.quick-tool-card:hover .qt-icon{background:var(--gradient-primary);color:#fff}.quick-tool-card .qt-icon{width:44px;height:44px;border-radius:12px;background:var(--light-blue);color:var(--deped-blue);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;transition:all var(--transition)}.quick-tool-card .qt-icon svg{width:22px;height:22px}.quick-tool-card .qt-label{font-size:13px;font-weight:600}.hero-banner{background:var(--gradient-hero);background-size:200% 200%;border-radius:var(--radius-lg);padding:24px;color:#fff;margin-bottom:20px;position:relative;overflow:hidden;animation:gradientShift 10s ease infinite}.hero-banner:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(247,201,72,.2) 0%,transparent 70%);border-radius:50%}.hero-banner h2{font-size:24px;font-weight:800;margin-bottom:4px;position:relative;z-index:1}.hero-banner p{font-size:13px;opacity:.9;position:relative;z-index:1}.hero-banner .hero-stats{display:flex;gap:20px;margin-top:16px;position:relative;z-index:1;flex-wrap:wrap}.hero-banner .hero-stat{text-align:center}.hero-banner .hero-stat-value{font-size:22px;font-weight:800}.hero-banner .hero-stat-label{font-size:11px;opacity:.85}.hero-pro-badge{position:absolute;top:18px;right:18px;z-index:10;cursor:pointer;user-select:none;padding:3px;border-radius:999px;background:conic-gradient(from 0deg,#fde68a,#e8b84b,#b45309,#e8b84b,#fde68a,#f59e0b,#e8b84b 90%,#fde68a);background-size:300% 300%;animation:hpb-border-rotate 6s linear infinite,hpb-halo 3s ease-in-out infinite;box-shadow:0 4px 14px #e8b84b59,0 0 #e8b84b80;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s ease;will-change:transform,box-shadow,background-position}.hero-pro-badge:before{content:"";position:absolute;inset:-3px;border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(247,201,72,.55) 0%,rgba(247,201,72,.15) 45%,transparent 70%);opacity:0;animation:hpb-halo-ring 3.2s ease-in-out infinite;pointer-events:none;z-index:-1}.hero-pro-badge:hover{transform:translateY(-3px) scale(1.035);box-shadow:0 8px 26px #e8b84b8c,0 0 42px #e8b84b73}.hero-pro-badge:active{transform:translateY(-1px) scale(.99)}.hero-pro-badge .hpb-inner{position:relative;display:inline-flex;align-items:center;gap:9px;padding:6px 16px 6px 8px;border-radius:999px;background:linear-gradient(135deg,#1a1206,#2d1e07 40%,#1a1206);overflow:hidden;isolation:isolate}.hero-pro-badge .hpb-inner:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#ffffff38,#ffffff0d 45%,#0000002e);pointer-events:none;z-index:2}.hero-pro-badge .hpb-shine{position:absolute;inset:3px;border-radius:999px;overflow:hidden;pointer-events:none;z-index:3}.hero-pro-badge .hpb-shine:before{content:"";position:absolute;top:-50%;left:-75%;width:40%;height:200%;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.35) 40%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.35) 60%,transparent 100%);transform:skew(-22deg);animation:hpb-shine-sweep 3.8s ease-in-out infinite}.hero-pro-badge .hpb-crown{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#fde68a,#e8b84b 45%,#d97706);color:#4a2c00;box-shadow:inset 0 1px #ffffffa6,inset 0 -2px 4px #00000038,0 2px 6px #e8b84b73;flex-shrink:0;position:relative;z-index:4;animation:hpb-crown-float 2.6s ease-in-out infinite}.hero-pro-badge .hpb-crown svg{width:15px;height:15px;display:block;filter:drop-shadow(0 1px 0 rgba(255,255,255,.4))}.hero-pro-badge .hpb-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1;position:relative;z-index:4}.hero-pro-badge .hpb-label{font-size:11.5px;font-weight:900;letter-spacing:1.4px;background:linear-gradient(180deg,#fff7d1,#fde68a 35%,#e8b84b 60%,#b45309);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 0 rgba(0,0,0,.35);white-space:nowrap}.hero-pro-badge .hpb-sub{font-size:8.5px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:#ffe8a8b3;margin-top:2px;white-space:nowrap}.hero-pro-badge .hpb-sparkles{position:absolute;inset:0;border-radius:999px;pointer-events:none;overflow:hidden;z-index:5}.hero-pro-badge .hpb-spark{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#ffffff 0%,#ffffff 18%,rgba(224,231,255,.9) 30%,rgba(186,230,253,.4) 45%,transparent 65%);box-shadow:0 0 8px 2px #fff,0 0 16px 4px #bae6fdd9,0 0 28px 6px #e0e7ff73;opacity:0;position:absolute;transform:scale(.5)}.hero-pro-badge .hpb-spark:before,.hero-pro-badge .hpb-spark:after{content:"";position:absolute;top:50%;left:50%;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.9) 45%,#ffffff 50%,rgba(255,255,255,.9) 55%,transparent 100%);pointer-events:none}.hero-pro-badge .hpb-spark:before{width:100%;height:2px;transform:translate(-50%,-50%)}.hero-pro-badge .hpb-spark:after{width:2px;height:100%;transform:translate(-50%,-50%);background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.9) 45%,#ffffff 50%,rgba(255,255,255,.9) 55%,transparent 100%)}.hero-pro-badge .hpb-spark.s1{width:12px;height:12px}.hero-pro-badge .hpb-spark.s2{width:8px;height:8px}.hero-pro-badge .hpb-spark.s3{width:14px;height:14px}.hero-pro-badge .hpb-spark.s4{width:10px;height:10px}.hero-pro-badge .hpb-spark.s1{top:30%;left:8%;animation:hpb-spark 2.6s ease-in-out infinite;animation-delay:0s}.hero-pro-badge .hpb-spark.s2{top:65%;left:32%;animation:hpb-spark 2.6s ease-in-out infinite;animation-delay:.65s}.hero-pro-badge .hpb-spark.s3{top:22%;left:62%;animation:hpb-spark 2.6s ease-in-out infinite;animation-delay:1.3s}.hero-pro-badge .hpb-spark.s4{top:55%;left:88%;animation:hpb-spark 2.6s ease-in-out infinite;animation-delay:1.95s}.hero-pro-badge.active{background:conic-gradient(from 0deg,#fff 0% 8%,#e0f2fe 18%,#fff,#fce7f3,#fff,#e0e7ff,#fff,#cffafe 78%,#fff 88% 100%);background-size:300% 300%;animation:hpb-border-rotate 5s linear infinite,hpb-halo-diamond 2.2s ease-in-out infinite;box-shadow:0 4px 20px #ffffff8c,0 0 32px #bae6fd66,0 0 #ffffff8c}.hero-pro-badge.active:before{inset:-6px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.85) 0%,rgba(224,231,255,.55) 25%,rgba(165,243,252,.3) 45%,rgba(251,207,232,.14) 65%,transparent 80%);animation:hpb-halo-diamond 2.2s ease-in-out infinite;filter:blur(.5px);mix-blend-mode:screen}.hero-pro-badge.active:hover{box-shadow:0 8px 30px #bae6fda6,0 0 52px #e0e7ff8c,0 0 80px #fbcfe840}.hero-pro-badge.active .hpb-inner{background:linear-gradient(135deg,#0a1220,#162a44 35%,#1e3a5f 55%,#0f1e33)}.hero-pro-badge.active .hpb-inner:after{background:linear-gradient(180deg,#ffffff4d,#e0e7ff1a 40%,#0a122059)}.hero-pro-badge.active .hpb-crown{background:linear-gradient(135deg,#fff,#e0e7ff 30%,#c7d2fe,#818cf8 80%,#6366f1);color:#1e293b;box-shadow:inset 0 1.5px #fffffff2,inset 0 -2px 5px #312e8159,0 2px 8px #c7d2febf,0 0 16px #a5f3fc73;filter:drop-shadow(0 0 4px rgba(255,255,255,.55))}.hero-pro-badge.active .hpb-crown svg{filter:drop-shadow(0 1px 0 rgba(255,255,255,.85)) drop-shadow(0 0 4px rgba(165,243,252,.6))}.hero-pro-badge.active .hpb-label{background:linear-gradient(180deg,#fff,#f0f9ff,#bae6fd,#e0e7ff 60%,#fbcfe8 78%,#fff);background-size:100% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 0 rgba(0,0,0,.4),0 0 12px rgba(186,230,253,.6);animation:hpb-label-shimmer 4s ease-in-out infinite}@keyframes hpb-label-shimmer{0%,to{background-position:50% 0%}50%{background-position:50% 100%}}.hero-pro-badge.active .hpb-sub{color:#e0e7ffcc;text-shadow:0 0 6px rgba(165,243,252,.5)}.hero-pro-badge.active .hpb-spark{background:#fff;box-shadow:0 0 6px 1px #fff,0 0 12px 2px #bae6fdd9,0 0 20px 3px #fbcfe873}.hero-pro-badge.active .hpb-shine:before{background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.55) 40%,rgba(255,255,255,1) 50%,rgba(255,255,255,.55) 60%,transparent 100%)}@keyframes hpb-halo-diamond{0%,to{opacity:.65;transform:scale(.94);box-shadow:0 4px 18px #ffffff8c,0 0 24px #bae6fd80,0 0 #fff9}45%{opacity:1;transform:scale(1.05);box-shadow:0 6px 28px #fffffff2,0 0 42px #bae6fdd9,0 0 60px #e0e7ff8c,0 0 0 12px #fff0}55%{opacity:1;transform:scale(1.06);box-shadow:0 7px 32px #fff,0 0 50px #e0e7fff2,0 0 70px #fbcfe873,0 0 0 14px #fff0}}@keyframes hpb-border-rotate{0%{background-position:0% 50%}to{background-position:300% 50%}}@keyframes hpb-halo{0%,to{box-shadow:0 4px 14px #e8b84b59,0 0 #e8b84b80}50%{box-shadow:0 6px 22px #e8b84b8c,0 0 0 6px #e8b84b00}}.hero-pro-badge.active{animation:hpb-border-rotate 6s linear infinite,hpb-halo-active 3s ease-in-out infinite}@keyframes hpb-halo-ring{0%,to{opacity:0;transform:scale(.9)}50%{opacity:.55;transform:scale(1.06)}}@keyframes hpb-shine-sweep{0%{left:-75%;opacity:0}15%{opacity:1}55%{opacity:1}70%{left:130%;opacity:0}to{left:130%;opacity:0}}@keyframes hpb-crown-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-1.5px) rotate(-6deg)}}@keyframes hpb-spark{0%{opacity:0;transform:scale(.4) rotate(0)}15%{opacity:1;transform:scale(1.35) rotate(15deg)}35%{opacity:.95;transform:scale(1) rotate(30deg)}60%{opacity:.4;transform:scale(.85) rotate(45deg)}to{opacity:0;transform:scale(.5) rotate(60deg)}}@media (max-width: 640px){.hero-pro-badge{top:12px;right:12px;padding:3px;border-radius:50%}.hero-pro-badge .hpb-inner{gap:0;padding:5px;width:34px;height:34px;border-radius:50%;justify-content:center}.hero-pro-badge .hpb-text{display:none}.hero-pro-badge .hpb-crown{width:22px;height:22px}.hero-pro-badge .hpb-crown svg{width:12px;height:12px}}@media (prefers-reduced-motion: reduce){.hero-pro-badge,.hero-pro-badge.active,.hero-pro-badge:before,.hero-pro-badge .hpb-shine:before,.hero-pro-badge .hpb-crown,.hero-pro-badge .hpb-spark{animation:none!important}}@media (prefers-reduced-motion: reduce){.hero-pro-badge,.hero-pro-badge.active,.hero-pro-badge:before,.hero-pro-badge .hpb-shine:before,.hero-pro-badge .hpb-crown,.hero-pro-badge .hpb-spark,.hero-pro-badge.active .hpb-label{animation:none!important}}.hero-pro-badge:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e8b84b99}.hero-pro-badge svg{width:13px;height:13px;flex-shrink:0;display:block}.hero-pro-badge.active:hover{box-shadow:0 6px 20px #10b98199}@media (max-width: 640px){.hero-pro-badge{top:12px;right:12px;padding:4px 10px;font-size:10px}.hero-pro-badge svg{width:11px;height:11px}}.hero-class-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;position:relative;z-index:1}.hero-class-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:11.5px;font-weight:600;background:#ffffff24;border:1px solid rgba(255,255,255,.22);color:#fff;cursor:pointer;transition:background .15s,border-color .15s,transform .12s}.hero-class-chip:hover{background:#ffffff3d;transform:translateY(-1px)}.hero-class-chip.active{background:#e8b84be6;border-color:var(--accent-gold);color:var(--dark-navy)}.hero-class-chip .hc-count{font-size:10px;opacity:.85;font-weight:500}.hero-class-chip svg{width:12px;height:12px;flex-shrink:0;display:block}.hero-class-chip>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.dash-checklist{background:var(--card);border:2px solid var(--deped-blue);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px;box-shadow:var(--shadow)}.dash-checklist h3{font-size:15px;font-weight:700;color:var(--deped-blue);margin-bottom:4px;display:flex;align-items:center;gap:8px}.dash-checklist h3 svg{width:16px;height:16px;flex-shrink:0;display:block}.dash-checklist p{font-size:12.5px;color:var(--text-muted);margin-bottom:14px}.dash-checklist-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:13px;transition:background .15s}.dash-checklist-item:hover{background:var(--light-blue)}.dash-checklist-item.done{color:var(--text-muted);text-decoration:line-through;text-decoration-color:var(--success)}.dash-checklist-item .tick{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--border);background:var(--card)}.dash-checklist-item.done .tick{background:var(--success);border-color:var(--success);color:#fff}.dash-checklist-item .tick svg{width:11px;height:11px;stroke-width:3}.dash-checklist-item .go{margin-left:auto;font-size:11px;font-weight:600;color:var(--deped-blue);opacity:0;transition:opacity .15s;background:transparent;border:none;cursor:pointer;padding:2px 8px}.dash-checklist-item:hover .go{opacity:1}.dash-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.dash-grid.cols-1{grid-template-columns:1fr}.dash-grid.cols-2{grid-template-columns:repeat(2,1fr)}.dash-widget{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .18s,opacity .15s,transform .15s;display:flex;flex-direction:column;min-width:0}.dash-widget:hover{box-shadow:var(--shadow)}.dash-widget[data-span=full]{grid-column:1 / -1}.dash-widget.dragging{opacity:.35}.dash-widget.drop-target{outline:2px dashed var(--deped-blue);outline-offset:2px}.dash-widget-head{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--card);position:relative;z-index:1}.dash-widget-head h3{font-size:14px;font-weight:700;color:var(--text);flex:1;min-width:0}.dash-widget-head .dash-widget-tools{display:flex;gap:4px;align-items:center}.dash-widget-head .dash-widget-tools button{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--text-muted);border:none;cursor:pointer;transition:background .15s,color .15s}.dash-widget-head .dash-widget-tools button:hover{background:var(--light-blue);color:var(--deped-blue)}.dash-widget-head .dash-widget-tools svg{width:14px;height:14px}.dash-drag-handle{cursor:grab;color:var(--text-muted);padding:4px;border-radius:4px;display:flex;align-items:center;transition:background .15s,color .15s;opacity:.4}.dash-widget:hover .dash-drag-handle{opacity:1}.dash-drag-handle:hover{background:var(--light-blue);color:var(--deped-blue)}.dash-drag-handle:active{cursor:grabbing}.dash-drag-handle svg{width:14px;height:14px}.dash-widget-body{padding:16px;flex:1;min-height:0}.dash-widget.collapsed .dash-widget-body{display:none}.dash-widget.collapsed .dash-widget-head{border-bottom-color:transparent}.dash-widget.collapse-toggle svg{transition:transform .18s}.dash-widget.collapsed .dash-widget-collapse svg{transform:rotate(-90deg)}.dash-widget.is-hidden{display:none}.stat-card{position:relative}.stat-delta{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:12px;font-size:10.5px;font-weight:700;margin-left:6px;vertical-align:middle}.stat-delta.up{background:#1987541f;color:var(--status-success-text,var(--success))}.stat-delta.down{background:#dc35451f;color:var(--danger)}.stat-delta.flat{background:var(--bg);color:var(--text-muted)}.stat-delta svg{width:9px;height:9px}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--deped-blue)}.attention-feed{display:flex;flex-direction:column;gap:6px}.attention-row{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:8px;background:var(--bg);border-left:3px solid var(--border);transition:background .15s,transform .12s}.attention-row:hover{background:var(--light-blue);transform:translate(2px)}.attention-row.p1{border-left-color:var(--danger)}.attention-row.p2{border-left-color:var(--warning)}.attention-row.p3{border-left-color:var(--deped-blue)}.attention-row .attention-icon{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.attention-row.p1 .attention-icon{background:#dc35451f;color:var(--danger)}.attention-row.p2 .attention-icon{background:#f59e0b1f;color:var(--warning)}.attention-row.p3 .attention-icon{background:var(--light-blue);color:var(--deped-blue)}.attention-row .attention-icon svg{width:14px;height:14px}.attention-row .attention-text{flex:1;min-width:0;font-size:12.5px;line-height:1.45;color:var(--text)}.attention-row .attention-action{font-size:11px;font-weight:700;color:var(--deped-blue);background:transparent;border:1px solid var(--border);border-radius:6px;padding:3px 10px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s,color .15s}.attention-row .attention-action:hover{background:var(--deped-blue);color:#fff;border-color:var(--deped-blue)}.attention-empty{text-align:center;padding:22px 12px;color:var(--text-muted);font-size:12.5px}.attention-empty svg{width:28px;height:28px;opacity:.4;display:block;margin:0 auto 8px}.sparkline-wrap{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.sparkline-wrap svg{flex:1;height:32px;width:100%}.sparkline-label{font-size:10.5px;color:var(--text-muted);font-weight:600;text-align:right;white-space:nowrap}.sparkline-label strong{display:block;font-size:12px;color:var(--text)}.dash-prompt{display:flex;gap:14px;align-items:center;padding:16px 18px;border-radius:var(--radius);background:linear-gradient(135deg,var(--theme-soft,#1457470f),#e8b84b14);border:1px solid var(--border)}.dash-prompt .prompt-icon{width:44px;height:44px;border-radius:12px;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px var(--theme-soft,#14574740)}.dash-prompt .prompt-icon svg{width:20px;height:20px}.dash-prompt .prompt-text{flex:1;min-width:0}.dash-prompt .prompt-title{font-size:14.5px;font-weight:700;color:var(--text);margin-bottom:3px}.dash-prompt .prompt-body{font-size:12.5px;color:var(--text-muted);line-height:1.5}.bday-list{display:flex;flex-direction:column;gap:6px}.bday-item{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:8px;background:var(--bg);cursor:pointer;transition:background .15s,transform .12s}.bday-item:hover{background:var(--light-blue);transform:translate(2px)}.bday-item.today{background:#f59e0b1f;border:1px solid rgba(245,158,11,.35)}.bday-item.tomorrow{background:#7c3aed14;border:1px solid rgba(124,58,237,.25)}.bday-item .bday-name{flex:1;font-size:13px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bday-item .bday-when{font-size:11px;color:var(--text-muted)}.dash-customize-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;margin-bottom:12px;background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap}.dash-customize-list{display:flex;flex-direction:column;gap:6px;max-height:52vh;overflow-y:auto;padding-right:4px;margin-right:-4px}.dash-customize-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:10px;background:var(--card);border:1px solid var(--border);cursor:pointer;user-select:none;transition:background .15s,border-color .15s,transform .12s}.dash-customize-row:hover{background:var(--light-blue);border-color:var(--deped-blue)}.dash-customize-row:active{transform:scale(.995)}.dash-customize-row svg{width:20px;height:20px;min-width:20px;min-height:20px;max-width:20px;max-height:20px;flex-shrink:0;display:block}.dc-icon{width:40px;height:40px;border-radius:10px;background:var(--light-blue);color:var(--deped-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s}[data-theme=dark] .dc-icon{background:var(--theme-soft,#247b6326);color:#6fa8ff}.dash-customize-row:hover .dc-icon{background:var(--gradient-primary);color:#fff}.dc-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dc-label{font-size:13.5px;font-weight:600;color:var(--text);line-height:1.3}.dc-desc{font-size:11.5px;color:var(--text-muted);line-height:1.45;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dc-switch{position:relative;flex-shrink:0;width:42px;height:24px}.dc-switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2}.dc-switch-track{position:absolute;inset:0;border-radius:12px;background:var(--border);transition:background .2s ease}.dc-switch-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000002e;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.dc-switch input:checked+.dc-switch-track{background:var(--deped-blue)}.dc-switch input:checked+.dc-switch-track .dc-switch-thumb{transform:translate(18px)}.dc-switch input:focus-visible+.dc-switch-track{box-shadow:0 0 0 3px var(--theme-soft,#14574740)}.dash-customize-footer{margin-top:16px;padding-top:12px;border-top:1px solid var(--border);text-align:right}@media (max-width: 480px){.dash-customize-list{max-height:60vh}.dash-customize-row{padding:10px 12px;gap:10px}.dc-icon{width:34px;height:34px;border-radius:8px}.dc-label{font-size:13px}.dc-desc{font-size:11px;-webkit-line-clamp:1}.dc-switch{width:38px;height:22px}.dc-switch-thumb{width:16px;height:16px}.dc-switch input:checked+.dc-switch-track .dc-switch-thumb{transform:translate(16px)}}@media (max-width: 768px){.dash-grid{grid-template-columns:1fr}.dash-widget[data-span=full]{grid-column:auto}.hero-class-chips{gap:4px;margin-top:8px}.hero-class-chip{font-size:11px;padding:3px 10px}}@media (max-width: 480px){.dash-stats-scroll{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;margin:0 -16px;padding-left:16px;padding-right:16px}.dash-stats-scroll>*{flex:0 0 78%;scroll-snap-align:start}.dash-stats-scroll::-webkit-scrollbar{height:4px}}.hero-teacher-avatar{position:relative;width:76px;height:76px;border-radius:50%;overflow:visible;flex-shrink:0;border:3px solid rgba(255,255,255,.35);background:#fff3;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:#fff;letter-spacing:.5px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;z-index:2;box-shadow:0 4px 14px #0000002e}.hero-teacher-avatar>img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.hero-teacher-avatar:hover{transform:scale(1.05);border-color:#e8b84be6;box-shadow:0 6px 22px #e8b84b59}.hero-teacher-avatar:focus-visible{outline:3px solid var(--accent-gold);outline-offset:3px}.hero-teacher-avatar .hero-avatar-badge{position:absolute;bottom:-2px;right:-2px;width:24px;height:24px;border-radius:50%;background:var(--gradient-gold);color:var(--dark-navy);display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 2px 6px #0003;pointer-events:none}.hero-teacher-avatar .hero-avatar-badge svg{width:13px;height:13px;stroke-width:2.4}@media (max-width: 600px){.hero-teacher-avatar{width:60px;height:60px;font-size:20px}.hero-teacher-avatar .hero-avatar-badge{width:20px;height:20px}.hero-teacher-avatar .hero-avatar-badge svg{width:11px;height:11px}}.seat-grid{display:grid;gap:8px;padding:16px;background:var(--bg);border-radius:var(--radius)}.seat{aspect-ratio:1;background:var(--card);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;text-align:center;padding:4px;cursor:grab;transition:all var(--transition);position:relative;overflow:hidden}.seat:hover{border-color:var(--deped-blue);box-shadow:var(--shadow-sm)}.seat.dragging{opacity:.4}.seat.empty{background:transparent;border-style:dashed;color:var(--text-muted)}.seat .seat-remove{position:absolute;top:2px;right:2px;width:16px;height:16px;background:var(--gradient-danger);color:#fff;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:10px;line-height:1;z-index:2}.seat:hover .seat-remove{display:flex}.seat .seat-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.seat .seat-name{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.75) 100%);color:#fff;font-size:9px;font-weight:600;padding:12px 4px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;z-index:1}.seat .seat-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:20px}.seat-back-banner,.seat-front-banner{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:9px 12px;border-radius:8px}.seat-editor-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:10px;margin-bottom:12px}.seat-editor-toolbar .stb-group{display:flex;gap:4px;align-items:center;padding-right:12px;border-right:1px solid var(--border)}.seat-editor-toolbar .stb-group:last-child{border-right:none;padding-right:0}.seat-editor-toolbar .stb-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-right:4px}.seat-layout-split{display:grid;grid-template-columns:minmax(0,max-content) minmax(280px,1fr);gap:16px;align-items:start;margin-bottom:16px}@media (max-width: 900px){.seat-layout-split{grid-template-columns:1fr}}.seat-layout-main{min-width:0;display:flex;flex-direction:column}.seat-layout-side{min-width:0}.seat-layout-side .card{margin-bottom:0}.seat-editor-wrap{overflow:auto;max-width:100%;max-height:70vh;border-radius:10px;border:1px solid var(--border);background:var(--card);position:relative;width:max-content}.seat-editor{border-collapse:collapse;table-layout:fixed;background:var(--card);user-select:none;width:max-content}.seat-editor th,.seat-editor td{border:1px solid var(--border);padding:0;position:relative;vertical-align:middle}.seat-editor .seat-corner-cell{width:36px;min-width:36px;background:var(--bg);font-size:10px;font-weight:700;color:var(--text-muted);text-align:center;height:26px;position:sticky;left:0;z-index:4}.seat-editor .seat-col-head{background:var(--bg);height:26px;font-size:10px;font-weight:700;color:var(--text-muted);text-align:center;cursor:pointer;position:relative;transition:background .12s,color .12s}.seat-editor .seat-col-head:hover{background:var(--light-blue);color:var(--deped-blue)}.seat-editor .seat-row-head{width:36px;min-width:36px;background:var(--bg);font-size:10px;font-weight:700;color:var(--text-muted);text-align:center;cursor:pointer;position:sticky;left:0;z-index:3;transition:background .12s,color .12s}.seat-editor .seat-row-head:hover{background:var(--light-blue);color:var(--deped-blue)}.seat-editor .seat-col-resize{position:absolute;top:0;right:-3px;bottom:0;width:6px;cursor:col-resize;background:transparent;z-index:5;touch-action:none}.seat-editor .seat-col-resize:hover,.seat-editor .seat-col-resize.active{background:var(--deped-blue);opacity:.7}.seat-editor .seat-row-resize{position:absolute;left:0;right:0;bottom:-3px;height:6px;cursor:row-resize;background:transparent;z-index:5;touch-action:none}.seat-editor .seat-row-resize:hover,.seat-editor .seat-row-resize.active{background:var(--deped-blue);opacity:.7}.seat-editor td.seat-editor-cell.blocked{background:repeating-linear-gradient(45deg,var(--bg),var(--bg) 6px,rgba(220,53,69,.08) 6px,rgba(220,53,69,.08) 12px);cursor:not-allowed}.seat-editor td.seat-editor-cell .seat-editor-block-btn{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:var(--card);border:1px solid var(--border);color:var(--text-muted);display:none;align-items:center;justify-content:center;cursor:pointer;padding:0;z-index:3;transition:background .12s,color .12s,border-color .12s}.seat-editor td.seat-editor-cell .seat-editor-block-btn svg{width:10px;height:10px}.seat-editor td.seat-editor-cell.empty:hover .seat-editor-block-btn{display:flex}.seat-editor td.seat-editor-cell.blocked .seat-editor-block-btn{display:flex;background:#dc354526;color:var(--danger);border-color:#dc354559}.seat-editor td.seat-editor-cell .seat-editor-block-btn:hover{background:var(--deped-blue);color:#fff;border-color:var(--deped-blue)}.seat-editor td.seat-editor-cell.blocked .seat-editor-block-btn:hover{background:var(--success);border-color:var(--success);color:#fff}.seat-editor td.seat-editor-cell{padding:3px;transition:background .12s,outline .12s}.seat-editor td.seat-editor-cell.empty{background:var(--bg)}.seat-editor td.seat-editor-cell.empty:hover{background:var(--light-blue)}.seat-editor td.seat-editor-cell.empty:after{content:"";display:block;width:100%;height:100%}.seat-editor td.seat-editor-cell.occupied{background:var(--card);cursor:grab}.seat-editor td.seat-editor-cell.occupied:active{cursor:grabbing}.seat-editor td.seat-editor-cell.dragging{opacity:.35}.seat-editor td.seat-editor-cell.drop-target{outline:3px solid var(--deped-blue);outline-offset:-3px;background:var(--light-blue)}.seat-editor .seat-editor-inner{width:100%;height:100%;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px;border-radius:6px;overflow:hidden;position:relative}.seat-editor .seat-editor-photo{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0}.seat-editor .seat-editor-initials{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:12px;flex-shrink:0}.seat-editor .seat-editor-name{font-size:10.5px;font-weight:600;text-align:center;line-height:1.15;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;max-width:100%}.seat-editor .seat-editor-remove{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:var(--gradient-danger);color:#fff;display:none;align-items:center;justify-content:center;font-size:10px;line-height:1;border:none;cursor:pointer;z-index:2}.seat-editor td.seat-editor-cell:hover .seat-editor-remove{display:flex}.seat-ctx-menu{position:fixed;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 18px #00000024;padding:4px;min-width:150px;max-width:200px;z-index:2100;display:flex;flex-direction:column;gap:1px;font-size:12px;line-height:1.25}.seat-ctx-menu button{background:transparent;border:none;padding:5px 8px;text-align:left;border-radius:5px;cursor:pointer;color:var(--text);font-weight:500;font-size:12px;display:flex;align-items:center;gap:6px;white-space:nowrap}.seat-ctx-menu button:hover{background:var(--light-blue);color:var(--deped-blue)}.seat-ctx-menu button.danger{color:var(--danger)}.seat-ctx-menu button.danger:hover{background:#dc35451a;color:var(--danger)}.seat-ctx-menu button>svg,.seat-ctx-menu button svg{width:12px!important;height:12px!important;min-width:12px!important;min-height:12px!important;max-width:12px!important;max-height:12px!important;flex:0 0 12px!important;display:block!important;stroke-width:2!important}.seat-ctx-menu .ctx-divider{height:1px;background:var(--border);margin:3px 2px}.seat-ctx-menu .ctx-head{padding:4px 8px 2px;font-size:9.5px;text-transform:uppercase;letter-spacing:.5px;font-weight:700;color:var(--text-muted)}.seat-orientation-bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;margin-bottom:10px;border-radius:8px;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.seat-orientation-bar svg{width:14px;height:14px;flex-shrink:0;display:block}.seat-orientation-bar.front{color:var(--deped-blue);background:var(--light-blue);border:2px solid var(--deped-blue)}.seat-orientation-bar.back{color:var(--text-muted);background:var(--bg);border:2px dashed var(--border)}.seat-back-banner{color:var(--text-muted);background:var(--bg);border:1px dashed var(--border);margin:0 0 12px}.seat-front-banner{color:var(--deped-blue);background:var(--light-blue);border:2px solid var(--deped-blue);margin:12px 0 0}[data-theme=dark] .seat-front-banner{color:#6fa8ff;border-color:#6fa8ff}.seat-back-banner svg,.seat-front-banner svg{width:14px;height:14px;flex-shrink:0}.seat-table{background:var(--card);border:2px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-height:150px;transition:border-color .15s,box-shadow .15s}.seat-table:hover{border-color:var(--deped-blue);box-shadow:var(--shadow-sm)}.seat-table-head{background:var(--light-blue);padding:8px 10px;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--border)}[data-theme=dark] .seat-table-head{background:var(--theme-soft,#247b6326)}.seat-table-name{flex:1;min-width:0;border:none;background:transparent;font-weight:700;font-size:13px;color:var(--deped-blue);padding:3px 6px;border-radius:5px;font-family:inherit}[data-theme=dark] .seat-table-name{color:#6fa8ff}.seat-table-name:focus{outline:none;background:var(--card);box-shadow:0 0 0 2px var(--theme-soft,#14574733)}.seat-table-cap{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;color:var(--text-muted);flex-shrink:0}.seat-table-cap.over{color:var(--danger)}.seat-table-cap button{width:18px;height:18px;border-radius:4px;background:var(--theme-soft,#14574714);color:var(--deped-blue);border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;line-height:1}.seat-table-cap button:hover{background:var(--deped-blue);color:#fff}.seat-table-del{width:20px;height:20px;border-radius:4px;background:transparent;color:var(--text-muted);border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.seat-table-del:hover{background:var(--danger);color:#fff}.seat-table-body{flex:1;padding:8px;display:flex;flex-direction:column;gap:5px;min-height:70px}.seat-table-body:empty:after{content:"Drop learners here";display:flex;align-items:center;justify-content:center;flex:1;color:var(--text-muted);font-size:11px;font-style:italic;padding:14px 6px;border:2px dashed var(--border);border-radius:6px}.seat-table-member{display:flex;align-items:center;gap:6px;padding:4px 6px 4px 4px;background:var(--bg);border:1px solid var(--border);border-radius:20px;font-size:12px;cursor:grab;transition:transform .12s,border-color .12s}.seat-table-member:hover{transform:translate(2px);border-color:var(--deped-blue)}.seat-table-member .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-table-member .remove{width:16px;height:16px;border-radius:50%;background:transparent;color:var(--text-muted);border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;line-height:1;flex-shrink:0}.seat-table-member .remove:hover{background:var(--danger);color:#fff}.seat-unseated-pool{display:flex;flex-wrap:wrap;gap:6px;padding:12px;min-height:60px;background:var(--bg);border:2px dashed var(--border);border-radius:10px;transition:border-color .15s,background .15s}.seat-unseated-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;background:var(--card);border:1px solid var(--border);border-radius:20px;font-size:12px;cursor:grab;user-select:none;transition:transform .12s,border-color .12s}.seat-unseated-chip:hover{transform:translateY(-1px);border-color:var(--deped-blue)}.big-timer{font-size:clamp(48px,12vw,96px);font-weight:800;font-variant-numeric:tabular-nums;text-align:center;line-height:1;color:var(--text)}.big-timer.warning{color:var(--warning)}.big-timer.danger{color:var(--danger)}.picker-display{font-size:clamp(28px,6vw,56px);font-weight:800;text-align:center;padding:40px 20px;color:var(--deped-blue);min-height:140px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);background:var(--gradient-card);border:1px solid var(--border);flex-direction:column;gap:12px}[data-theme=dark] .picker-display{color:#6fa8ff}.picker-display .picker-photo{width:80px;height:80px;border-radius:50%;object-fit:cover;box-shadow:0 4px 16px var(--theme-soft,#1457474d);border:3px solid var(--card)}.picker-display .picker-photo-fallback{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:28px}.quiz-card-meta svg{width:12px;height:12px;display:inline-block;vertical-align:-1px;flex-shrink:0}.rz-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media (max-width: 720px){.rz-grid{grid-template-columns:1fr}}.rz-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:box-shadow .18s}.rz-card:hover{box-shadow:var(--shadow)}.rz-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.rz-card-head h3{font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px;margin:0}.rz-card-head h3 svg{width:16px;height:16px;flex-shrink:0}.rz-stage{min-height:180px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:14px;background:radial-gradient(circle at 50% 0%,var(--theme-soft) 0%,transparent 60%),radial-gradient(circle at 50% 100%,rgba(247,201,72,.1) 0%,transparent 60%),var(--bg);border:1px solid var(--border);overflow:hidden;margin-bottom:14px;padding:16px}.rz-number{font-size:clamp(56px,10vw,108px);font-weight:800;font-variant-numeric:tabular-nums;line-height:1;color:var(--deped-blue);letter-spacing:-3px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),color .2s,opacity .2s}.rz-number.rolling{color:var(--secondary-blue);opacity:.72;filter:blur(.6px);animation:rzJitter .09s infinite}.rz-number.settled{animation:rzPop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes rzJitter{0%{transform:translate(0) rotate(0)}25%{transform:translate(-1px,-2px) rotate(-1.5deg)}50%{transform:translate(2px,1px) rotate(1.5deg)}75%{transform:translate(-2px,2px) rotate(-1deg)}to{transform:translate(0) rotate(0)}}@keyframes rzPop{0%{transform:scale(1)}40%{transform:scale(1.22)}70%{transform:scale(.96)}to{transform:scale(1)}}.rz-dice-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;align-items:center}.rz-die{width:clamp(60px,8vw,88px);height:clamp(60px,8vw,88px);color:var(--deped-blue);will-change:transform}.rz-die svg{width:100%;height:100%;display:block}.rz-die.rolling{animation:rzDieShake .35s infinite}.rz-die.settled{animation:rzPop .5s cubic-bezier(.34,1.56,.64,1)}.rz-die:nth-child(odd){animation-delay:.04s}.rz-die:nth-child(2n){animation-delay:.09s}@keyframes rzDieShake{0%{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(-3px,-6px) rotate(-12deg) scale(1.02)}50%{transform:translate(3px,2px) rotate(10deg) scale(.98)}75%{transform:translate(-2px,4px) rotate(-6deg) scale(1.03)}to{transform:translate(0) rotate(0) scale(1)}}.rz-poly-die{width:clamp(60px,8vw,88px);height:clamp(60px,8vw,88px);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff,var(--light-blue));border:2px solid var(--deped-blue);color:var(--deped-blue);box-shadow:0 4px 12px var(--theme-soft,#14574726);will-change:transform}.rz-poly-die .num{font-size:clamp(20px,3vw,32px);font-weight:800;line-height:1}.rz-poly-die .sides{font-size:9px;letter-spacing:1px;text-transform:uppercase;font-weight:700;opacity:.65;margin-top:2px}.rz-poly-die.rolling{animation:rzDieShake .35s infinite}.rz-poly-die.settled{animation:rzPop .5s cubic-bezier(.34,1.56,.64,1)}.rz-sum{text-align:center;font-size:12px;color:var(--text-muted);font-weight:600;letter-spacing:.5px;margin-top:12px;opacity:0;transition:opacity .3s}.rz-sum.show{opacity:1}.rz-sum .value{color:var(--deped-blue);font-weight:800;font-size:18px;margin-left:4px}.rz-coin-scene{perspective:900px;display:flex;align-items:center;justify-content:center;width:100%;min-height:150px}.rz-coin{width:clamp(110px,14vw,150px);height:clamp(110px,14vw,150px);position:relative;transform-style:preserve-3d;will-change:transform}.rz-coin-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;box-shadow:inset 0 4px 12px #fff6,inset 0 -6px 14px #0003,0 12px 30px #0000002e;border-width:5px;border-style:solid}.rz-coin-face .glyph{font-size:clamp(44px,6vw,66px);line-height:1;font-weight:800}.rz-coin-heads{background:radial-gradient(circle at 40% 30%,#fde68a,#e8b84b 60%,#b45309);border-color:#92400e;color:#7c2d12}.rz-coin-tails{background:radial-gradient(circle at 40% 30%,#e2e8f0,#94a3b8 60%,#475569);border-color:#1e293b;color:#0f172a;transform:rotateX(180deg)}.rz-coin.settled{filter:drop-shadow(0 0 14px rgba(247,201,72,.65))}.rz-coin-stats{display:flex;justify-content:center;gap:22px;margin-top:6px}.rz-coin-stats .stat{display:flex;flex-direction:column;align-items:center;gap:1px}.rz-coin-stats .stat .lbl{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:var(--text-muted)}.rz-coin-stats .stat .val{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.rz-coin-stats .stat.heads .val{color:#b45309}.rz-coin-stats .stat.tails .val{color:#334155}.rz-coin-stats .stat.streak .val{color:var(--deped-blue)}.rz-yn-stage{min-height:180px;display:flex;align-items:center;justify-content:center;border-radius:14px;border:2px solid var(--border);background:var(--bg);margin-bottom:14px;position:relative;overflow:hidden;transition:background .4s,border-color .4s}.rz-yn-stage.rolling{background:linear-gradient(135deg,var(--theme-soft,#1457470f),#7c3aed0f);border-color:var(--deped-blue)}.rz-yn-stage.yes{background:linear-gradient(135deg,#19875424,#1987540a);border-color:var(--success)}.rz-yn-stage.no{background:linear-gradient(135deg,#dc354524,#dc35450a);border-color:var(--danger)}.rz-yn-value{font-size:clamp(44px,7vw,84px);font-weight:800;line-height:1;letter-spacing:-2px;transition:color .3s,opacity .2s}.rz-yn-stage.rolling .rz-yn-value{animation:rzJitter .08s infinite;color:var(--text-muted);opacity:.6}.rz-yn-stage.yes .rz-yn-value{color:var(--status-success-text,var(--success));animation:rzPop .55s cubic-bezier(.34,1.56,.64,1)}.rz-yn-stage.no .rz-yn-value{color:var(--danger);animation:rzPop .55s cubic-bezier(.34,1.56,.64,1)}.rz-controls{display:flex;gap:8px;flex-wrap:wrap}.rz-controls .btn{flex:1;min-width:130px}.rz-segment{display:inline-flex;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:3px;gap:2px}.rz-segment button{padding:5px 12px;font-size:12px;font-weight:700;border-radius:7px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s}.rz-segment button:hover{color:var(--deped-blue)}.rz-segment button.active{background:var(--card);color:var(--deped-blue);box-shadow:0 1px 4px #00000014}.rz-history{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px;min-height:24px;align-items:center}.rz-history-empty{font-size:11px;font-style:italic;color:var(--text-muted)}.rz-history-chip{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;padding:3px 9px;border-radius:12px;background:var(--light-blue);color:var(--deped-blue);border:1px solid transparent;animation:rzChipIn .3s cubic-bezier(.34,1.56,.64,1)}[data-theme=dark] .rz-history-chip{color:#6fa8ff}.rz-history-chip.latest{background:var(--gradient-primary);color:#fff;border-color:var(--deped-blue)}@keyframes rzChipIn{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.noise-meter-live{height:48px;border-radius:10px;overflow:hidden;position:relative;border:1px solid var(--border);box-shadow:inset 0 1px 3px #00000014;background:linear-gradient(90deg,#16a34a,#22c55e 22%,#eab308 50%,#f97316 72%,#dc2626)}.noise-meter-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px;align-items:stretch}.noise-stage{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:#0f172a;box-shadow:inset 0 0 80px #0000008c,0 6px 24px #00000040;min-height:460px;display:flex;flex-direction:column}.noise-stage-canvas{display:block;width:100%;flex:1;min-height:460px;touch-action:none}.noise-stage-overlay{position:absolute;top:12px;left:16px;z-index:2;pointer-events:none;display:flex;flex-direction:column;gap:2px;text-shadow:0 2px 8px rgba(0,0,0,.55)}.noise-stage-overlay .nso-val{font-size:34px;font-weight:800;line-height:1;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-1px}.noise-stage-overlay .nso-lbl{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:#ffffffbf}.noise-controls{display:flex;flex-direction:column;gap:20px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 16px}.noise-control-group{display:flex;flex-direction:column;gap:8px}.noise-control-label{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:1.3px;color:var(--text-muted);display:flex;justify-content:space-between;align-items:center}.noise-control-label .ncl-value{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;color:var(--deped-blue);font-weight:700;letter-spacing:0}.noise-slider{width:100%;-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:var(--border);outline:none;cursor:pointer}.noise-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--deped-blue);cursor:pointer;box-shadow:0 2px 6px var(--theme-soft,#14574759);transition:transform .12s}.noise-slider::-webkit-slider-thumb:hover{transform:scale(1.12)}.noise-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--deped-blue);cursor:pointer;border:none;box-shadow:0 2px 6px var(--theme-soft,#14574759)}.noise-theme-list{display:flex;flex-direction:column;gap:2px}.noise-theme-btn{text-align:center;padding:7px 10px;border-radius:7px;font-size:13px;font-weight:600;background:transparent;color:var(--text-muted);border:1px solid transparent;cursor:pointer;transition:all .15s}.noise-theme-btn:hover{background:var(--light-blue);color:var(--deped-blue)}.noise-theme-btn.active{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:0 2px 8px var(--theme-soft,#14574747)}.noise-alert-list{display:flex;flex-direction:column;gap:2px}.noise-alert-btn{padding:6px 10px;border-radius:7px;font-size:12.5px;font-weight:500;background:transparent;color:var(--text-muted);border:none;cursor:pointer;text-align:center;transition:all .12s}.noise-alert-btn:hover{background:var(--light-blue);color:var(--deped-blue)}.noise-alert-btn.active{background:var(--light-blue);color:var(--deped-blue);font-weight:700}.noise-mic-toggle{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:12px;background:var(--bg);border:1px solid var(--border);cursor:pointer;transition:all .15s}.noise-mic-toggle:hover{border-color:var(--deped-blue);background:var(--light-blue)}.noise-mic-toggle.active{background:var(--gradient-success);border-color:transparent;color:#fff}.noise-mic-toggle.active .nm-icon{color:#fff}.noise-mic-toggle .nm-icon{width:32px;height:32px;color:var(--text-muted);transition:color .15s}.noise-mic-toggle .nm-status-lbl{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;opacity:.85}.noise-stats-mini{display:grid;grid-template-columns:1fr 1fr;gap:8px}.noise-stats-mini>div{background:var(--bg);border-radius:8px;padding:8px 10px;text-align:center}.noise-stats-mini .nsm-v{font-size:18px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums;line-height:1}.noise-stats-mini .nsm-l{font-size:9.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin-top:3px}@media (max-width: 820px){.noise-meter-layout{grid-template-columns:1fr}.noise-stage,.noise-stage-canvas{min-height:340px}}.noise-balls-canvas{width:100%;height:clamp(280px,52vh,520px);border-radius:var(--radius);background:radial-gradient(ellipse at 50% 0%,#1e293b,#0f172a 70%,#020617);display:block;box-shadow:inset 0 0 60px #0009;touch-action:none}#nm-ball-type-row{justify-content:center;align-items:center}#nm-ball-type-row .btn{min-width:78px}.noise-meter-mask{position:absolute;top:0;right:0;bottom:0;background:var(--bg);width:100%;transition:width .09s linear;border-left:1px solid var(--border)}.noise-meter-marker{position:absolute;top:0;bottom:0;width:4px;background:#fff;box-shadow:0 0 10px #0000004d,0 0 4px #00000080;transition:left .09s linear;left:0;z-index:2}.noise-meter-live.is-listening:after{content:"";position:absolute;top:6px;right:8px;width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 8px #ef4444;animation:noisePulse 1.2s ease-in-out infinite;z-index:3}@keyframes noisePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.85)}}.noise-meter{height:32px;border-radius:8px;overflow:hidden;background:var(--bg);position:relative;border:1px solid var(--border)}.noise-meter-fill{height:100%;transition:width .15s ease;background:linear-gradient(90deg,var(--success),var(--warning),var(--danger));width:0%}.signal-display{padding:40px 20px;border-radius:var(--radius-lg);text-align:center}.signal-display svg{width:64px;height:64px;margin-bottom:12px}.signal-display h3{font-size:28px;font-weight:800;margin-bottom:6px}.signal-display p{font-size:14px;opacity:.85}.schedule-grid{display:grid;grid-template-columns:80px repeat(5,1fr);gap:4px}.schedule-cell{padding:8px;border-radius:6px;font-size:12px;min-height:56px;background:var(--card);border:1px solid var(--border);transition:all var(--transition)}.schedule-cell.header{background:var(--bg);font-weight:700;font-size:11px;text-align:center;display:flex;align-items:center;justify-content:center}.schedule-cell.time{font-weight:600;font-size:11px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;text-align:center}.schedule-cell.subject{font-weight:600;color:var(--deped-blue)}.schedule-cell.empty{background:transparent;border-style:dashed}.schedule-cell.empty:hover{background:var(--light-blue)}.schedule-cell.header{position:relative}.schedule-day-copy{position:absolute;top:4px;right:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--text-muted);background:transparent;border:none;cursor:pointer;opacity:0;transition:opacity .15s,background .15s,color .15s}.schedule-cell.header:hover .schedule-day-copy,.schedule-day-copy:focus-visible{opacity:1}.schedule-day-copy:hover{background:var(--light-blue);color:var(--deped-blue)}.schedule-day-copy svg{width:13px;height:13px}@media (max-width: 768px){.schedule-day-copy{opacity:1}}.grade-badge{display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:3px 8px;border-radius:6px;font-size:12px;font-weight:700}.grade-outstanding{background:#19875426;color:var(--status-success-text,var(--success))}.grade-verysatisfactory{background:var(--theme-soft,#247b631f);color:var(--deped-blue)}.grade-satisfactory{background:#e8b84b33;color:#8a6d0e}.grade-fairly{background:#f59e0b26;color:#b45309}.grade-didnot{background:#dc35451f;color:var(--danger)}.grade-badge.advancing{background:#19875426;color:var(--status-success-text,var(--success))}.grade-badge.benchmarking{background:var(--theme-soft,#247b631f);color:var(--deped-blue)}.grade-badge.connecting{background:var(--theme-soft,#1457471f);color:var(--deped-blue)}.grade-badge.developing{background:#f59e0b26;color:#b45309}.grade-badge.emerging{background:#dc35451f;color:var(--danger)}[data-theme=dark] .grade-badge.advancing,[data-theme=navy] .grade-badge.advancing{background:#22c55e2e;color:#86efac}[data-theme=noir] .grade-badge.emerging{background:#dc262633;color:#fca5a5}.wizard-progress{display:flex;gap:6px;margin-bottom:24px;justify-content:center}.wizard-progress .step-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:all var(--transition)}.wizard-progress .step-dot.active{background:var(--deped-blue);width:24px;border-radius:4px}.wizard-progress .step-dot.done{background:var(--success)}.gb-sex-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 3px;border-radius:3px;font-size:9px;font-weight:800;letter-spacing:0;line-height:1;flex-shrink:0}.gb-sex-badge[data-sex=M]{background:#0056b81f;color:var(--deped-blue)}.gb-sex-badge[data-sex=F]{background:#dc35451f;color:var(--danger)}.wheel-stage{position:relative;width:min(560px,100%);aspect-ratio:1 / 1;height:auto;margin:0 auto;filter:drop-shadow(0 16px 44px var(--theme-soft))}.wheel-svg{display:block;width:100%;height:100%;transform-origin:50% 50%;will-change:transform;transition:transform 5s cubic-bezier(.15,.85,.15,1)}[data-theme=dark] .wheel-stage{filter:drop-shadow(0 16px 44px rgba(0,0,0,.55))}.wheel-pointer{position:absolute;top:8%;left:50%;transform:translate(-50%,-100%);width:clamp(34px,8%,48px);height:clamp(50px,12%,70px);z-index:4;pointer-events:none;filter:drop-shadow(0 8px 12px var(--theme-soft)) drop-shadow(0 2px 4px rgba(0,0,0,.18))}.wheel-pointer svg{display:block;width:100%;height:100%;overflow:visible}[data-theme=dark] .wheel-pointer{filter:drop-shadow(0 8px 14px rgba(0,0,0,.6)) drop-shadow(0 2px 4px rgba(0,0,0,.35))}.wheel-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:96px;height:96px;border-radius:50%;background:var(--gradient-primary);background-size:200% 200%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:800;font-size:15px;letter-spacing:1.5px;box-shadow:0 8px 24px var(--theme-soft,#1457476b),inset 0 -4px 10px #00000038,inset 0 4px 10px #ffffff2e;border:4px solid var(--card);z-index:2;transition:transform .18s ease,box-shadow .18s ease;user-select:none;animation:gradientShift 6s ease infinite}.wheel-hub:hover{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 12px 32px var(--theme-soft,#14574785),inset 0 -4px 10px #00000038,inset 0 4px 10px #ffffff2e}.wheel-hub:active{transform:translate(-50%,-50%) scale(.97)}.wheel-hub.spinning{pointer-events:none;opacity:.65}.wheel-result-card{display:flex;align-items:center;justify-content:center;gap:16px;min-height:84px;margin-top:26px}.wheel-result-empty{font-size:15px;font-weight:600;color:var(--text-muted);letter-spacing:.3px}.wheel-result-winner{display:flex;align-items:center;gap:16px;padding:12px 22px 12px 12px;background:var(--gradient-card);border:1px solid var(--border);border-radius:60px;box-shadow:var(--shadow-lg);animation:authCardIn .5s cubic-bezier(.16,1,.3,1)}.wheel-result-winner .winner-meta{text-align:left;line-height:1.15}.wheel-result-winner .winner-label{font-size:10px;text-transform:uppercase;letter-spacing:1.6px;font-weight:700;color:var(--text-muted)}.wheel-result-winner .winner-name{font-size:24px;font-weight:800;letter-spacing:-.4px;color:var(--deped-blue)}[data-theme=dark] .wheel-result-winner .winner-name{color:#6fa8ff}@media (max-width: 768px){.wheel-stage{width:100%;height:auto;aspect-ratio:1 / 1;max-width:420px}.wheel-hub{width:78px;height:78px;font-size:13px}.wheel-pointer{top:25px}.wheel-result-winner .winner-name{font-size:20px}}@media (max-width: 768px){.wheel-card{padding-left:8px!important;padding-right:8px!important}}.quick-fab{position:fixed;bottom:24px;right:24px;z-index:90;transition:opacity .2s ease}.quick-fab.dragging{z-index:95;transition:none}.quick-fab.modal-open{opacity:0;pointer-events:none}.quick-fab-main{width:52px;height:52px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:transform var(--transition),box-shadow var(--transition);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.quick-fab-main:hover{transform:scale(1.06)}.quick-fab-main svg{width:24px;height:24px;pointer-events:none}.quick-fab.dragging .quick-fab-main{cursor:grabbing;transform:scale(1.05);box-shadow:var(--shadow-lg),0 0 0 3px var(--theme-soft,#14574740)}.quick-fab.open .quick-fab-main{transform:rotate(45deg)}.quick-fab-menu{position:absolute;bottom:62px;right:0;background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-lg);padding:6px;min-width:210px;display:none;flex-direction:column;gap:2px;max-height:calc(100vh - 120px);overflow-y:auto}.quick-fab.open .quick-fab-menu{display:flex}.quick-fab-menu button{display:flex;flex-direction:row;align-items:center;gap:10px;padding:9px 12px;border-radius:6px;font-size:13px;font-weight:500;color:var(--text);text-align:left;width:100%;background:transparent;border:none;cursor:pointer;white-space:nowrap}.quick-fab-menu button:hover{background:var(--light-blue);color:var(--deped-blue)}.quick-fab-menu button svg{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;flex:0 0 16px!important;display:block;pointer-events:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--card);border-top:1px solid var(--border);display:none;z-index:80;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-inner{display:flex}.bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:10px;font-weight:600;color:var(--text-muted);transition:color var(--transition);position:relative}.bottom-nav button.active{color:var(--deped-blue)}.bottom-nav button.active:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:2px;background:var(--gradient-primary);border-radius:2px}.bottom-nav button svg{width:20px;height:20px}.autosave-indicator{position:fixed;bottom:24px;left:24px;z-index:85;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:6px 12px;font-size:11px;color:var(--text-muted);display:none;align-items:center;gap:6px;box-shadow:var(--shadow)}.autosave-indicator.show{display:flex}.autosave-indicator .dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.autosave-indicator.saving .dot{background:var(--warning)}.notif-panel{position:fixed;top:66px;right:16px;width:340px;max-width:calc(100vw - 32px);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:200;display:none;max-height:70vh;overflow-y:auto}.notif-panel.show{display:block}.notif-head{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.notif-item{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;gap:10px;font-size:13px}.notif-item:last-child{border-bottom:none}.notif-item .notif-dot{width:8px;height:8px;border-radius:50%;background:var(--deped-blue);flex-shrink:0;margin-top:6px}.notif-item.read .notif-dot{background:var(--border)}#sidebar-backdrop,#print-area{display:none}@media print{#app,#main-wrap,#loading-screen,#db-error-screen,#login-screen,#setup-screen,#lock-screen,#session-warning,#modal-root,#notif-panel,#sidebar,#topbar,#content,.bottom-nav,.quick-fab,#toast-container,.autosave-indicator,.no-print,.auth-screen,.lock-screen{display:none!important}#print-area{display:block!important}#print-area{display:block!important;position:static!important;width:100%!important;height:auto!important;overflow:visible!important}#print-area ol,.print-tos-exam ol{list-style-type:decimal;list-style-position:outside;padding-left:28pt;margin:6pt 0 12pt}#print-area ul,.print-tos-exam ul{list-style-type:upper-alpha;list-style-position:outside;padding-left:26pt;margin:4pt 0}#print-area ol>li,.print-tos-exam ol>li{display:list-item;margin-bottom:10pt;page-break-inside:avoid}#print-area ul>li,.print-tos-exam ul>li{display:list-item;margin-bottom:3pt;page-break-inside:avoid}html,body{margin:0!important;padding:0!important}html,body{height:auto!important;min-height:0!important;overflow:visible!important}body{background:#fff;color:#000;font-size:11pt}.print-header{text-align:center;margin-bottom:18px}.print-header h1{font-size:16pt;margin-bottom:4px}.print-header p{font-size:10pt}.print-header .print-line{border-top:2px solid #000;margin:10px 0}table{width:100%;border-collapse:collapse;font-size:10pt}table th,table td{border:1px solid #000;padding:4px 6px;text-align:left}table th{background:#eee}.print-meta{display:flex;justify-content:space-between;margin-bottom:10px;font-size:9pt}.print-footer{margin-top:20px;font-size:9pt;display:flex;justify-content:space-between}@page{margin:1cm}.print-sf2{font-family:Arial,Helvetica,sans-serif;color:#000}.print-sf2 table{font-size:7.5pt}.print-sf2 table th,.print-sf2 table td{padding:2px 3px;text-align:center}.print-sf2 table td.sf2-name{text-align:left;white-space:nowrap}.print-sf2 .sf2-title{text-align:center;font-weight:700;font-size:12pt;text-transform:uppercase;margin-bottom:2px}.print-sf2 .sf2-subtitle{text-align:center;font-size:9pt;margin-bottom:10px}.print-sf2 .sf2-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px 16px;font-size:9pt;margin-bottom:10px}.print-sf2 .sf2-legend{font-size:7.5pt;margin-top:8px}.print-sf2 .sf2-sign{display:flex;justify-content:space-between;margin-top:24px;font-size:9pt}.print-sf2 .sf2-sign div{text-align:center;width:220px}.print-sf2 .sf2-sign .line{border-top:1px solid #000;margin-top:28px;padding-top:2px}@page sf2{size:landscape;margin:.7cm}.print-sf9{font-family:Arial,Helvetica,sans-serif;color:#000}.print-sf9 .sf9-page{page-break-after:always;padding-bottom:10px}.print-sf9 .sf9-page:last-child{page-break-after:auto}.print-sf9 .sf9-title{text-align:center;font-weight:700;font-size:12pt;text-transform:uppercase}.print-sf9 .sf9-subtitle{text-align:center;font-size:9pt;margin-bottom:10px}.print-sf9 .sf9-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 20px;font-size:9pt;margin-bottom:10px;border:1px solid #000;padding:6px 10px}.print-sf9 table{font-size:9pt}.print-sf9 .sf9-sign{display:flex;justify-content:space-between;margin-top:20px;font-size:9pt}.print-sf9 .sf9-sign div{text-align:center;width:200px}.print-sf9 .sf9-sign .line{border-top:1px solid #000;margin-top:28px;padding-top:2px}.print-sf1{page:sf1;font-family:Arial,Helvetica,sans-serif;color:#000}@page sf1{size:landscape;margin:.55cm}.print-sf1 .sf1-title{text-align:center;font-weight:700;font-size:11pt;letter-spacing:.2px;margin-bottom:1px}.print-sf1 .sf1-subtitle{text-align:center;font-size:7.5pt;margin-bottom:6px}.print-sf1 table{font-size:6.2pt;border-collapse:collapse;width:100%;table-layout:fixed}.print-sf1 table th,.print-sf1 table td{border:.5pt solid #000;padding:1px 2px;vertical-align:middle;word-wrap:break-word;overflow-wrap:anywhere}.print-sf1 table th{background:#e8ecf2;text-align:center;font-weight:700;line-height:1.15}.print-sf1 table td{line-height:1.15}.print-sf1 .sf1-info{width:100%;font-size:7.5pt;margin-bottom:4px;border-collapse:collapse}.print-sf1 .sf1-info td{border:none!important;padding:1px 4px!important}.print-sf1 .sf1-total td{font-weight:700;background:#eef3fa;border-top:1pt solid #000!important;border-bottom:1pt solid #000!important;color:#0a2c6b}.print-sf1 .sf1-legend{font-size:6.5pt;margin-top:8px}.print-sf1 .sf1-legend table th,.print-sf1 .sf1-legend table td{text-align:left;padding:2px 3px;line-height:1.25}.print-sf1 .sf1-footer{font-size:7pt;margin-top:6px;display:flex;justify-content:space-between}.print-sf1 col.c-lrn{width:8.5%}.print-sf1 col.c-name{width:14%}.print-sf1 col.c-sex{width:3%}.print-sf1 col.c-birth{width:6.5%}.print-sf1 col.c-age{width:3.5%}.print-sf1 col.c-tongue{width:6.5%}.print-sf1 col.c-ip{width:6%}.print-sf1 col.c-religion{width:5.5%}.print-sf1 col.c-house,.print-sf1 col.c-brgy,.print-sf1 col.c-muni,.print-sf1 col.c-prov{width:6.5%}.print-sf1 col.c-father,.print-sf1 col.c-mother{width:8.5%}.print-sf1 col.c-guardian{width:7.5%}.print-sf1 col.c-rel{width:5%}.print-sf1 col.c-contact{width:6.5%}.print-sf1 col.c-modality,.print-sf1 col.c-remarks{width:5.5%}.print-logo-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.print-logo-header .print-logo-img{width:68px;height:68px;object-fit:contain;flex-shrink:0}.print-logo-header .print-logo-header-text{flex:1;text-align:center}.print-logo-header .print-logo-spacer{width:68px;flex-shrink:0}.print-sf9{font-family:Bookman Old Style,Bookman,Georgia,Times New Roman,serif;color:#000;font-size:7pt;line-height:1.25}.print-sf9 .sf9-container{box-sizing:border-box}.print-sf9.a4-mode .sf9-container{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;width:297mm;height:210mm;margin:0 auto}.print-sf9.a4-mode .sf9-page{width:148.5mm;height:210mm;padding:5mm 6mm;box-sizing:border-box;flex-shrink:0}.print-sf9:not(.a4-mode) .sf9-container{display:block;width:148mm;margin:0 auto}.print-sf9:not(.a4-mode) .sf9-page{width:148mm;height:210mm;padding:5mm 6mm;margin:0 auto;box-sizing:border-box;page-break-after:always;break-after:page}.print-sf9:not(.a4-mode) .sf9-page:last-child{page-break-after:auto;break-after:auto}html,body{margin:0!important;padding:0!important;background:#fff!important}#print-area{margin:0 auto!important;padding:0!important}.print-sf9 .sf9-header{display:flex;align-items:center;justify-content:space-between;gap:4mm;margin-bottom:2mm}.print-sf9 .sf9-logo{width:16mm;height:16mm;object-fit:contain;flex-shrink:0}.print-sf9 .sf9-logo-placeholder{width:16mm;height:16mm;flex-shrink:0}.print-sf9 .sf9-header-text{flex:1;text-align:center;font-size:7pt;line-height:1.15}.print-sf9 .sf9-header-text .sf9-republic,.print-sf9 .sf9-header-text .sf9-deped{font-weight:700;font-size:8pt}.print-sf9 .sf9-header-text .sf9-region{font-weight:700;font-size:7pt;margin-top:1mm}.print-sf9 .sf9-header-text .sf9-division{font-weight:700;font-size:8pt;text-transform:uppercase}.print-sf9 .sf9-header-text .sf9-district,.print-sf9 .sf9-header-text .sf9-municipality{font-weight:600;font-size:7pt}.print-sf9 .sf9-header-text .sf9-school-name{font-weight:700;font-size:8pt;text-transform:uppercase;margin-top:1mm}.print-sf9 .sf9-title-block{text-align:center;margin:2mm 0}.print-sf9 .sf9-main-title{font-weight:700;font-size:11pt;text-transform:uppercase;letter-spacing:.3px;text-decoration:underline;text-underline-offset:2px}.print-sf9 .sf9-sy{font-weight:700;font-size:8pt;margin-top:.5mm}.print-sf9 .sf9-learner-info{margin:2mm 0;font-size:7.5pt}.print-sf9 .sf9-info-row{display:flex;align-items:baseline;gap:1.5mm;margin-bottom:1.5mm}.print-sf9 .sf9-info-label{font-weight:700;white-space:nowrap}.print-sf9 .sf9-info-value{flex:1;border-bottom:.5px solid #000;min-width:15mm;padding:0 1mm}.print-sf9 .sf9-info-value.sf9-name-value{min-width:50mm}.print-sf9 .sf9-letter{margin:2mm 0;font-size:7pt;text-align:justify;line-height:1.35}.print-sf9 .sf9-letter-greeting{font-style:italic;margin-bottom:1mm}.print-sf9 .sf9-letter p{margin:0 0 1mm;text-indent:5mm}.print-sf9 .sf9-signatures-top,.print-sf9 .sf9-transfer-signatures{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:flex-start!important;gap:8mm;width:100%;margin:4mm 0 2mm;padding:0 2mm;box-sizing:border-box}.print-sf9 .sf9-signature-block{flex:0 0 45%!important;max-width:45%!important;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;box-sizing:border-box}.print-sf9 .sf9-signature-name{font-size:7.5pt;font-weight:700;text-align:center;min-height:3.5mm;line-height:1.2;padding:0 1mm;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.print-sf9 .sf9-signature-line{border-bottom:.5px solid #000;height:0;width:100%;margin:.5mm 0}.print-sf9 .sf9-signature-label{font-size:7pt;font-weight:600;text-align:center;width:100%;margin-top:.5mm}.print-sf9 .sf9-section-title{font-weight:700;font-size:8pt;text-transform:uppercase;text-align:center;text-decoration:underline;text-underline-offset:2px;margin:2.5mm 0 1mm;letter-spacing:.2px}.print-sf9 table.sf9-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:6.8pt}.print-sf9 table.sf9-table th,.print-sf9 table.sf9-table td{border:.5px solid #000;padding:.8mm 1mm;vertical-align:middle}.print-sf9 table.sf9-table th{font-weight:700;text-align:center;background:#f0f0f0}.print-sf9 .sf9-grades-table .sf9-th-learning{width:42%}.print-sf9 .sf9-grades-table .sf9-th-term{width:22%}.print-sf9 .sf9-grades-table .sf9-th-term-num{width:7.33%}.print-sf9 .sf9-grades-table .sf9-th-final,.print-sf9 .sf9-grades-table .sf9-th-remarks{width:9%}.print-sf9 .sf9-grades-table td{text-align:center;height:4mm}.print-sf9 .sf9-grades-table td.sf9-subject{text-align:left;padding-left:2mm;font-size:7pt}.print-sf9 .sf9-grades-table td.sf9-subject-parent{font-weight:600;text-align:left;padding-left:2mm}.print-sf9 .sf9-grades-table td.sf9-subject-child{text-align:left;padding-left:6mm;font-size:6.5pt}.print-sf9 .sf9-grades-table tr.sf9-general-average td{font-weight:700;background:#f8f8f8}.print-sf9 .sf9-grades-table tr.sf9-general-average td.sf9-ga-label{text-align:right;padding-right:2mm}.print-sf9 .sf9-descriptors-table{width:70%;margin:0 auto;font-size:6.5pt}.print-sf9 .sf9-descriptors-table th{font-size:6.5pt}.print-sf9 .sf9-descriptors-table td{text-align:center;height:3.5mm}.print-sf9 .sf9-descriptors-table td:first-child{width:28%}.print-sf9 .sf9-descriptors-table td:nth-child(2){width:36%}.print-sf9 .sf9-descriptors-table td:last-child{width:36%}.print-sf9 .sf9-attendance-table{font-size:6pt;table-layout:fixed;width:100%;border-collapse:collapse}.print-sf9 .sf9-attendance-table thead th{font-weight:700;font-size:6pt;text-align:center;padding:.6mm .3mm;height:3.8mm;background:#f0f0f0;border:.5px solid #000;vertical-align:middle}.print-sf9 .sf9-attendance-table th.sf9-att-corner{width:16%;text-align:left;padding-left:1.5mm;font-weight:700}.print-sf9 .sf9-attendance-table th.sf9-att-month{width:6.9%}.print-sf9 .sf9-attendance-table th.sf9-att-total{width:8%;font-weight:700;background:#e8e8e8}.print-sf9 .sf9-attendance-table tbody td{font-size:6pt;text-align:center;padding:.6mm .3mm;height:3.8mm;border:.5px solid #000;vertical-align:middle}.print-sf9 .sf9-attendance-table tbody td.sf9-att-label{text-align:left;padding-left:1.5mm;font-weight:600;font-size:6pt}.print-sf9 .sf9-attendance-table tbody td.sf9-att-total{font-weight:700;background:#f8f8f8;text-align:center}.print-sf9 .sf9-comments-container{margin:1mm 0}.print-sf9 .sf9-comment-block{display:flex;align-items:flex-start;gap:2mm;margin-bottom:1mm}.print-sf9 .sf9-comment-label{font-weight:700;font-size:7pt;white-space:nowrap;min-width:12mm}.print-sf9 .sf9-comment-box{flex:1;border:.5px solid #000;min-height:12mm;padding:1mm}.print-sf9 .sf9-signature-lines{margin:2mm 0}.print-sf9 .sf9-signature-row{display:flex;align-items:baseline;gap:2mm;margin-bottom:3mm}.print-sf9 .sf9-signature-term{font-weight:700;font-size:7pt;min-width:14mm;text-align:center}.print-sf9 .sf9-signature-line-long{flex:1;border-bottom:.5px solid #000;height:0}.print-sf9 .sf9-transfer-text{font-size:6.5pt;text-align:justify;margin:1mm 0 2mm;line-height:1.35}.print-sf9 .sf9-transfer-fields{margin:1mm 0}.print-sf9 .sf9-transfer-field{display:flex;align-items:baseline;gap:2mm;margin-bottom:1.5mm;font-size:7pt}.print-sf9 .sf9-transfer-field>span:first-child{font-weight:600;white-space:nowrap}.print-sf9 .sf9-transfer-line{flex:1;border-bottom:.5px solid #000;height:0;min-width:30mm}.print-sf9 .sf9-transfer-signatures{display:flex;justify-content:space-between;margin:4mm 0 2mm;padding:0 8mm}.print-sf9 .sf9-cancellation{margin:2mm 0}.print-sf9 .sf9-cancellation-row{display:flex;align-items:baseline;gap:2mm;margin-bottom:3mm;font-size:7pt}.print-sf9 .sf9-cancellation-row>span:first-child{font-weight:600;white-space:nowrap}.print-sf9 .sf9-cancellation-line{flex:1;border-bottom:.5px solid #000;height:0}.print-sf9 .sf9-cancellation-signature{margin-top:8mm;text-align:center}.print-sf9 .sf9-cancellation-signature .sf9-signature-line{width:60mm;margin:0 auto .5mm}}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){:root{--sidebar-w: 280px}#sidebar{transform:translate(-100%);box-shadow:var(--shadow-lg)}#sidebar.open{transform:translate(0)}#main-wrap{margin-left:0}#mobile-menu-btn{display:flex}#content{padding:16px}.grid-2,.grid-3,.grid-4,.grid-auto,.form-row,.form-row-3{grid-template-columns:1fr}.page-head h2{font-size:18px}.stat-card .stat-value{font-size:22px}.bottom-nav{display:block}#content{padding-bottom:80px}.quick-fab{bottom:84px;right:16px}.autosave-indicator{bottom:84px;left:16px}.modal{max-height:95vh}.schedule-grid{grid-template-columns:60px repeat(5,1fr);font-size:11px}.schedule-cell{padding:6px;min-height:48px}#sidebar-backdrop{display:none;position:fixed;inset:0;background:#0006;z-index:99}#sidebar-backdrop.show{display:block}.session-warning{bottom:84px;left:16px;right:16px;max-width:none}.security-pill span.label{display:none}}@media (max-width: 480px){.page-head{flex-direction:column}.page-actions{width:100%}.page-actions .btn{flex:1}.topbar-class span{display:none}.topbar-class{padding:6px 8px}.topbar-title span{display:none}.photo-upload-row{flex-direction:column;align-items:center;text-align:center}.photo-actions{width:100%}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.weekly-planner-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--border)}.weekly-grid{display:grid;grid-template-columns:90px repeat(6,minmax(140px,1fr));gap:2px;min-width:900px}.weekly-grid .wg-head{background:var(--card);padding:10px 8px 8px;text-align:center;font-weight:700;font-size:13px;color:var(--text);position:relative}.weekly-grid .wg-head .wg-date{display:block;font-size:11px;font-weight:500;color:var(--text-muted);margin-top:2px}.weekly-grid .wg-head.is-today{background:var(--light-blue);color:var(--deped-blue)}[data-theme=dark] .weekly-grid .wg-head.is-today{color:#6fa8ff}.weekly-grid .wg-head.is-today:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:24px;height:2px;border-radius:2px;background:var(--gradient-primary)}.weekly-grid .wg-time{background:var(--card);padding:12px 10px;font-size:11.5px;font-weight:600;color:var(--text-muted);display:flex;align-items:flex-start;justify-content:flex-end;text-align:right}.weekly-grid .wg-cell{background:var(--card);padding:5px;min-height:68px;cursor:pointer;transition:background var(--transition);position:relative}.weekly-grid .wg-cell.empty{display:flex;align-items:center;justify-content:center}.weekly-grid .wg-cell.empty:before{content:"";font-size:11.5px;color:var(--text-muted);font-weight:500;opacity:.45;transition:opacity var(--transition),color var(--transition)}.weekly-grid .wg-cell.empty:hover{background:var(--light-blue)}.weekly-grid .wg-cell.empty:hover:before{opacity:1;color:var(--deped-blue)}.weekly-grid .wg-entry{background:#e8f5e9;border-left:3px solid #4CAF50;border-radius:6px;padding:8px 10px;height:100%;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition)}.weekly-grid .wg-entry:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.weekly-grid .wg-entry .wg-entry-title{font-size:12.5px;font-weight:700;color:#1b5e20;margin-bottom:2px;line-height:1.25}.weekly-grid .wg-entry .wg-entry-loc{font-size:11px;color:var(--theme-muted,#4a6b4d);line-height:1.3}.weekly-grid .wg-entry[data-cat=Class]{background:#e8f5e9;border-left-color:#4caf50}.weekly-grid .wg-entry[data-cat=Class] .wg-entry-title{color:#1b5e20}.weekly-grid .wg-entry[data-cat=Class] .wg-entry-loc{color:var(--theme-muted,#4a6b4d)}.weekly-grid .wg-entry[data-cat=Lesson]{background:#e3f2fd;border-left-color:#2196f3}.weekly-grid .wg-entry[data-cat=Lesson] .wg-entry-title{color:#0d47a1}.weekly-grid .wg-entry[data-cat=Lesson] .wg-entry-loc{color:#3b6ba1}.weekly-grid .wg-entry[data-cat=Preparation]{background:#f3e5f5;border-left-color:#9c27b0}.weekly-grid .wg-entry[data-cat=Preparation] .wg-entry-title{color:#4a148c}.weekly-grid .wg-entry[data-cat=Preparation] .wg-entry-loc{color:#7b6b9e}.weekly-grid .wg-entry[data-cat=Meeting]{background:#fff3e0;border-left-color:#ff9800}.weekly-grid .wg-entry[data-cat=Meeting] .wg-entry-title{color:#e65100}.weekly-grid .wg-entry[data-cat=Meeting] .wg-entry-loc{color:#b26830}.weekly-grid .wg-entry[data-cat=Break]{background:#f5f5f5;border-left-color:#9e9e9e}.weekly-grid .wg-entry[data-cat=Break] .wg-entry-title{color:#424242}.weekly-grid .wg-entry[data-cat=Break] .wg-entry-loc{color:#6b6b6b}.weekly-grid .wg-entry[data-cat=Other]{background:#e0f7fa;border-left-color:#00bcd4}.weekly-grid .wg-entry[data-cat=Other] .wg-entry-title{color:#006064}.weekly-grid .wg-entry[data-cat=Other] .wg-entry-loc{color:#3a7a7f}[data-theme=dark] .weekly-grid .wg-entry[data-cat=Class]{background:#4caf5026}[data-theme=dark] .weekly-grid .wg-entry[data-cat=Class] .wg-entry-title{color:#a5d6a7}[data-theme=dark] .weekly-grid .wg-entry[data-cat=Class] .wg-entry-loc{color:#66bb6a}[data-theme=dark] .weekly-grid .wg-entry[data-cat=Lesson]{background:#2196f326}[data-theme=dark] .weekly-grid .wg-entry[data-cat=Lesson] .wg-entry-title{color:#90caf9}[data-theme=dark] .weekly-grid .wg-entry[data-cat=Lesson] .wg-entry-loc{color:#64b5f6}[data-theme=dark] .weekly-grid .wg-entry[data-cat=Preparation]{background:#9c27b026}[data-theme=dark] .weekly-grid .wg-entry[data-cat=Preparation] .wg-entry-title{color:#ce93d8}[data-theme=dark] .weekly-grid .wg-entry[data-cat=Preparation] .wg-entry-loc{color:#ba68c8}[data-theme=dark] .weekly-grid .wg-entry[data-cat=Meeting]{background:#ff980026}[data-theme=dark] .weekly-grid .wg-entry[data-cat=Meeting] .wg-entry-title{color:#ffcc80}[data-theme=dark] .weekly-grid .wg-entry[data-cat=Meeting] .wg-entry-loc{color:#ffb74d}[data-theme=dark] .weekly-grid .wg-entry[data-cat=Break]{background:#9e9e9e26}[data-theme=dark] .weekly-grid .wg-entry[data-cat=Break] .wg-entry-title{color:#e0e0e0}[data-theme=dark] .weekly-grid .wg-entry[data-cat=Break] .wg-entry-loc{color:#bdbdbd}[data-theme=dark] .weekly-grid .wg-entry[data-cat=Other]{background:#00bcd426}[data-theme=dark] .weekly-grid .wg-entry[data-cat=Other] .wg-entry-title{color:#80deea}[data-theme=dark] .weekly-grid .wg-entry[data-cat=Other] .wg-entry-loc{color:#4dd0e1}.week-nav{display:flex;align-items:center;gap:6px}.week-nav .wn-label{padding:7px 16px;border:1px solid var(--border);border-radius:8px;font-weight:600;font-size:13px;min-width:220px;text-align:center;color:var(--text);background:var(--card)}.week-nav .icon-btn:disabled{opacity:.4;cursor:not-allowed}.cal-shell{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:1px}.cal-head{background:var(--bg);padding:10px 8px;text-align:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.cal-cell{background:var(--card);min-height:112px;padding:6px 6px 4px;display:flex;flex-direction:column;gap:3px;cursor:pointer;transition:background var(--transition);position:relative;overflow:hidden}.cal-cell:hover{background:var(--light-blue)}.cal-cell.other-month{background:var(--bg)}.cal-cell.other-month .cal-daynum{color:var(--text-muted);opacity:.55}.cal-cell.other-month .cal-event{opacity:.55}.cal-daynum{font-size:12px;font-weight:700;color:var(--text);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;align-self:flex-start;flex-shrink:0}.cal-cell.is-today .cal-daynum{background:var(--gradient-primary);color:#fff;box-shadow:0 3px 10px var(--theme-soft,#14574759)}.cal-cell.is-weekend{background:var(--gradient-card)}.cal-event{font-size:11px;font-weight:600;padding:3px 7px;border-radius:5px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-left:3px solid transparent;transition:transform var(--transition),box-shadow var(--transition);display:block;width:100%;text-align:left}.cal-event:hover{transform:translate(1px);box-shadow:var(--shadow-sm)}.cal-event[data-cat=Meeting]{background:#7c3aed24;color:#5b21b6;border-left-color:#7c3aed}.cal-event[data-cat=Exam]{background:#dc354521;color:#b91c1c;border-left-color:#dc3545}.cal-event[data-cat=Assignment]{background:var(--theme-soft,#247b6321);color:#1e40af;border-left-color:var(--theme-accent,#247b63)}.cal-event[data-cat=Activity]{background:#19875424;color:#166534;border-left-color:#198754}.cal-event[data-cat=Holiday]{background:#f59e0b29;color:#b45309;border-left-color:#f59e0b}.cal-event[data-cat=Personal]{background:#0891b224;color:#0e7490;border-left-color:var(--theme-accent,#2d8c80)}.cal-event.auto{font-style:italic;opacity:.9;background:#627d9824;color:var(--text-muted);border-left-color:var(--text-muted)}.cal-event.deped{border-left-style:dashed;font-weight:600;letter-spacing:.1px}[data-theme=dark] .cal-event.deped{opacity:.92}.cal-event.auto[data-cat=Assignment]{background:var(--theme-soft,#247b631a);color:#1e40af;border-left-color:var(--theme-accent,#247b63);border-left-style:dashed}[data-theme=dark] .cal-event[data-cat=Meeting]{background:#7c3aed47;color:#c4b5fd}[data-theme=dark] .cal-event[data-cat=Exam]{background:#dc354547;color:#fca5a5}[data-theme=dark] .cal-event[data-cat=Assignment]{background:var(--theme-soft,#247b6347);color:#93c5fd}[data-theme=dark] .cal-event[data-cat=Activity]{background:#19875447;color:#86efac}[data-theme=dark] .cal-event[data-cat=Holiday]{background:#f59e0b47;color:#fde68a}[data-theme=dark] .cal-event[data-cat=Personal]{background:#0891b247;color:#67e8f9}[data-theme=dark] .cal-event.auto{background:#8fa5bf2e;color:#b8c6d8}.cal-more{font-size:10.5px;font-weight:700;color:var(--deped-blue);padding:1px 6px;cursor:pointer;align-self:flex-start;border-radius:4px}[data-theme=dark] .cal-more{color:#6fa8ff}.cal-more:hover{background:var(--light-blue)}.cal-legend{display:flex;flex-wrap:wrap;gap:14px;padding:12px 2px 0;font-size:11.5px;color:var(--text-muted)}.cal-legend .cl-item{display:inline-flex;align-items:center;gap:5px}.cal-legend .cl-dot{width:10px;height:10px;border-radius:3px;border-left:3px solid transparent}.cal-legend .cl-dot[data-cat=Meeting]{background:#7c3aed40;border-left-color:#7c3aed}.cal-legend .cl-dot[data-cat=Exam]{background:#dc354533;border-left-color:#dc3545}.cal-legend .cl-dot[data-cat=Assignment]{background:var(--theme-soft,#247b6333);border-left-color:var(--theme-accent,#247b63)}.cal-legend .cl-dot[data-cat=Activity]{background:#19875433;border-left-color:#198754}.cal-legend .cl-dot[data-cat=Holiday]{background:#f59e0b40;border-left-color:#f59e0b}.cal-legend .cl-dot[data-cat=Personal]{background:#0891b233;border-left-color:var(--theme-accent,#2d8c80)}.cal-upcoming{display:flex;flex-direction:column;gap:6px}.cal-upcoming .cu-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--card);cursor:pointer;transition:all var(--transition)}.cal-upcoming .cu-item:hover{border-color:var(--deped-blue);transform:translate(2px)}.cal-upcoming .cu-date{flex-shrink:0;width:44px;text-align:center;border-right:1px solid var(--border);padding-right:10px}.cal-upcoming .cu-day{font-size:18px;font-weight:800;color:var(--deped-blue);line-height:1}[data-theme=dark] .cal-upcoming .cu-day{color:#6fa8ff}.cal-upcoming .cu-mon{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-weight:600}.cal-upcoming .cu-title{font-size:13px;font-weight:600;color:var(--text)}.cal-upcoming .cu-cat{font-size:11px;color:var(--text-muted);margin-top:2px}.cal-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.cal-layout-side{position:sticky;top:calc(var(--header-h) + 16px);max-height:calc(100vh - var(--header-h) - 32px);overflow-y:auto}.cal-layout-side .card{margin-bottom:0}.cal-upcoming{display:flex;flex-direction:column;gap:0;max-height:520px;overflow-y:auto;padding-right:2px;margin:0 -4px}.cal-upcoming .cu-group-label{font-size:10px;text-transform:uppercase;letter-spacing:1.1px;font-weight:700;color:var(--text-muted);padding:12px 6px 5px;position:sticky;top:0;background:var(--card);z-index:1}.cal-upcoming .cu-group-label:first-child{padding-top:0}.cal-upcoming .cu-group-label .count{color:var(--text-muted);font-weight:500;margin-left:4px;letter-spacing:0;text-transform:none}.cal-upcoming .cu-item{display:flex;align-items:flex-start;gap:10px;padding:7px 8px;border-radius:8px;cursor:pointer;transition:background var(--transition);border-left:3px solid transparent;background:transparent;border-top:none;border-right:none;border-bottom:none}.cal-upcoming .cu-item:hover{background:var(--light-blue);transform:none}.cal-upcoming .cu-item[data-cat=Meeting]{border-left-color:#7c3aed}.cal-upcoming .cu-item[data-cat=Exam]{border-left-color:#dc3545}.cal-upcoming .cu-item[data-cat=Assignment]{border-left-color:var(--theme-accent,#247b63)}.cal-upcoming .cu-item[data-cat=Activity]{border-left-color:#198754}.cal-upcoming .cu-item[data-cat=Holiday]{border-left-color:#f59e0b}.cal-upcoming .cu-item[data-cat=Personal]{border-left-color:var(--theme-accent,#2d8c80)}.cal-upcoming .cu-date{flex-shrink:0;width:38px;text-align:center;line-height:1;padding-top:2px;border-right:none;padding-right:0}.cal-upcoming .cu-wday{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:2px}.cal-upcoming .cu-day{font-size:16px;font-weight:800;color:var(--text);line-height:1}.cal-upcoming .cu-mon{font-size:9.5px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-top:2px}.cal-upcoming .cu-item.is-today .cu-day{color:var(--deped-blue)}[data-theme=dark] .cal-upcoming .cu-item.is-today .cu-day{color:#6fa8ff}.cal-upcoming .cu-item.is-tomorrow .cu-day{color:var(--accent-purple)}.cal-upcoming .cu-body{flex:1;min-width:0}.cal-upcoming .cu-title{font-size:12.5px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.cal-upcoming .cu-title.auto{font-style:italic;color:var(--text-muted);font-weight:500}.cal-upcoming .cu-meta{display:flex;align-items:center;gap:4px;font-size:10.5px;color:var(--text-muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-upcoming .cu-meta .cu-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--text-muted)}.cal-upcoming .cu-meta[data-cat=Meeting] .cu-dot{background:#7c3aed}.cal-upcoming .cu-meta[data-cat=Exam] .cu-dot{background:#dc3545}.cal-upcoming .cu-meta[data-cat=Assignment] .cu-dot{background:var(--theme-accent,#247b63)}.cal-upcoming .cu-meta[data-cat=Activity] .cu-dot{background:#198754}.cal-upcoming .cu-meta[data-cat=Holiday] .cu-dot{background:#f59e0b}.cal-upcoming .cu-meta[data-cat=Personal] .cu-dot{background:var(--theme-accent,#2d8c80)}.cal-upcoming .cu-empty{text-align:center;padding:26px 12px;font-size:12px;color:var(--text-muted)}.cal-upcoming .cu-empty svg{width:28px;height:28px;opacity:.4;margin-bottom:8px}@media (max-width: 1100px){.cal-layout{grid-template-columns:1fr}.cal-layout-side{position:static;max-height:none;overflow-y:visible}.cal-upcoming{max-height:340px}}.cal-today-pill{display:inline-flex;align-items:center;gap:6px;background:var(--light-blue);color:var(--deped-blue);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}[data-theme=dark] .cal-today-pill{color:#6fa8ff}@media (max-width: 900px){.cal-grid{grid-template-columns:repeat(7,minmax(46px,1fr))}.cal-head{padding:6px 2px;font-size:10px}.cal-cell{min-height:74px;padding:3px}.cal-daynum{width:20px;height:20px;font-size:11px}.cal-event{font-size:9.5px;padding:2px 4px;border-radius:4px;border-left-width:2px}.cal-legend{font-size:10.5px;gap:8px}}#presenter-screen{position:fixed;inset:0;z-index:9999;background:radial-gradient(at 20% 0%,#1e293b,#0f172a 50%,#020617);display:flex;flex-direction:column;color:#fff;overflow:hidden;font-family:var(--font)}#presenter-screen .presenter-body{flex:1;display:flex;align-items:center;justify-content:center;padding:4vh 4vw;overflow:hidden}.presenter-close{position:fixed;top:14px;right:14px;width:40px;height:40px;border-radius:50%;background:#ffffff14;color:#ffffffb3;border:1px solid rgba(255,255,255,.15);cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .15s}.presenter-close:hover{background:#ffffff2e;color:#fff;transform:scale(1.06)}.presenter-status{position:fixed;top:14px;left:14px;font-size:11px;padding:6px 12px;border-radius:20px;background:#ffffff14;color:#fff9;display:flex;align-items:center;gap:8px;z-index:10;font-weight:600;border:1px solid rgba(255,255,255,.08);transition:all .3s}.presenter-status .dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e;animation:presenterPulse 2s ease-in-out infinite}.presenter-status.disconnected{background:#dc354526;color:#fca5a5;border-color:#dc35454d}.presenter-status.disconnected .dot{background:#dc2626;box-shadow:0 0 10px #dc2626;animation:none}@keyframes presenterPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.presenter-waiting{text-align:center;color:#ffffff8c;padding:40px;max-width:620px}.presenter-waiting h2{font-size:clamp(20px,2.4vw,32px);font-weight:800;color:#ffffffe6;margin-bottom:12px;letter-spacing:-.4px}.presenter-waiting p{font-size:clamp(13px,1.1vw,16px);line-height:1.6}.wheel-hub.timer-active{cursor:default;font-size:12px;flex-direction:column;gap:2px;padding:6px}.wheel-hub.timer-active .hub-time{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.5px}.wheel-hub.timer-active .hub-label{font-size:8px;letter-spacing:1.6px;text-transform:uppercase;opacity:.75;font-weight:700}.wheel-hub.timer-active.expired{animation:wheelHubPulse .8s ease-in-out infinite}@keyframes wheelHubPulse{0%,to{box-shadow:0 8px 24px #dc35458c,inset 0 -4px 10px #00000038}50%{box-shadow:0 8px 40px #dc3545e6,inset 0 -4px 10px #00000038}}.wheel-timer-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;display:flex;align-items:center;gap:22px;flex-wrap:wrap;box-shadow:var(--shadow-sm)}.wheel-timer-face{display:flex;align-items:center;gap:16px;flex-shrink:0}.wheel-timer-ring{width:88px;height:88px;position:relative;flex-shrink:0}.wheel-timer-ring svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}.wheel-timer-ring .ring-bg{stroke:var(--border)}.wheel-timer-ring .ring-fg{transition:stroke-dashoffset .25s linear,stroke .3s ease}.wheel-timer-digits{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.wheel-timer-digits .tt{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.wheel-timer-digits .tl{font-size:8px;letter-spacing:1.4px;text-transform:uppercase;font-weight:700;color:var(--text-muted);margin-top:3px}.wheel-timer-meta{flex:1;min-width:180px}.wheel-timer-meta .wt-title{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;font-weight:700;color:var(--text-muted);margin-bottom:4px}.wheel-timer-meta .wt-name{font-size:18px;font-weight:800;color:var(--deped-blue);margin-bottom:10px;line-height:1.2}[data-theme=dark] .wheel-timer-meta .wt-name{color:#6fa8ff}.wheel-timer-actions{display:flex;gap:6px;flex-wrap:wrap}.wheel-removed-chips{display:flex;flex-wrap:wrap;gap:6px}.wheel-removed-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 10px;background:var(--light-blue);color:var(--deped-blue);border-radius:20px;font-size:12px;font-weight:600;border:1px solid transparent;transition:border-color .15s}[data-theme=dark] .wheel-removed-chip{color:#6fa8ff}.wheel-removed-chip:hover{border-color:var(--deped-blue)}.wheel-removed-chip button{width:18px;height:18px;border-radius:50%;background:var(--theme-soft,#14574726);color:inherit;border:none;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1;cursor:pointer;padding:0;transition:background .15s}.wheel-removed-chip button:hover{background:var(--gradient-danger);color:#fff}.wheel-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.wheel-toggle-row{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s}.wheel-toggle-row:hover{border-color:var(--deped-blue)}.wheel-toggle-row input[type=checkbox]{width:16px;height:16px;margin-top:2px;accent-color:var(--deped-blue);cursor:pointer;flex-shrink:0}.wheel-toggle-row .wtr-body{flex:1;min-width:0}.wheel-toggle-row .wtr-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:2px}.wheel-toggle-row .wtr-desc{font-size:11px;color:var(--text-muted);line-height:1.4}.wheel-preset-btn.active{background:var(--gradient-primary);color:#fff;border-color:transparent}.presenter-wheel-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:26%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 25%,#1e293b,#0b1220);box-shadow:0 12px 40px #0000008c,inset 0 -6px 14px #00000059,inset 0 4px 14px #ffffff0d,0 0 0 4px #ffffff0f;display:flex;align-items:center;justify-content:center;z-index:3;overflow:hidden;transition:box-shadow .3s}.presenter-wheel-hub.is-expired{animation:presenterHubFlash .9s ease-in-out infinite}@keyframes presenterHubFlash{0%,to{box-shadow:0 12px 40px #dc354573,inset 0 -6px 14px #00000059,inset 0 4px 14px #ffffff0d,0 0 0 4px #dc354566}50%{box-shadow:0 12px 60px #dc3545e6,inset 0 -6px 14px #00000059,inset 0 4px 14px #ffffff0d,0 0 0 6px #dc3545b3}}.presenter-wheel-hub .pwh-idle{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.presenter-wheel-hub .pwh-idle svg,.presenter-wheel-hub .pwh-idle img{width:52%;height:52%;opacity:.75;filter:drop-shadow(0 4px 12px rgba(0,87,184,.5));object-fit:contain}.presenter-wheel-hub .pwh-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.presenter-wheel-hub .pwh-ring circle{fill:none;stroke-linecap:round}.presenter-wheel-hub .pwh-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1}.presenter-wheel-hub .pwh-time{font-size:clamp(22px,3.2vw,44px);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-1px;transition:color .3s;text-shadow:0 2px 14px currentColor}.presenter-wheel-hub .pwh-label{font-size:clamp(7px,.7vw,11px);letter-spacing:1.6px;text-transform:uppercase;font-weight:700;color:#fff9;margin-top:clamp(3px,.4vw,6px)}.backup-reminder{display:flex;align-items:center;gap:14px;padding:14px 16px;margin-bottom:16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm);flex-wrap:wrap}.backup-reminder.info{border-left:4px solid var(--deped-blue);background:linear-gradient(90deg,var(--theme-soft) 0%,var(--card) 40%)}.backup-reminder.warn{border-left:4px solid var(--warning);background:linear-gradient(90deg,rgba(245,158,11,.08) 0%,var(--card) 40%)}.backup-reminder .br-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.backup-reminder.info .br-icon{background:var(--light-blue);color:var(--deped-blue)}.backup-reminder.warn .br-icon{background:#f59e0b26;color:var(--warning)}.backup-reminder .br-icon svg{width:18px;height:18px}.backup-reminder .br-body{flex:1;min-width:200px}.backup-reminder .br-title{font-size:13.5px;font-weight:700;color:var(--text)}.backup-reminder .br-detail{font-size:12px;color:var(--text-muted);margin-top:2px}.backup-reminder .br-actions{display:flex;gap:8px;flex-shrink:0}@media (max-width: 600px){.backup-reminder .br-actions{width:100%}.backup-reminder .br-actions .btn{flex:1}}.gb-sheet-wrap{overflow:auto;max-height:72vh;border-radius:var(--radius);border:1px solid var(--border);background:var(--card);position:relative}.gb-sheet{border-collapse:separate;border-spacing:0;font-size:13px;min-width:100%;table-layout:fixed}.gb-sheet th,.gb-sheet td{border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:6px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gb-sheet thead th{background:var(--bg);position:sticky;top:0;z-index:3;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);text-align:center;user-select:none}.gb-sheet thead th .gb-th-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gb-sheet thead th .gb-th-sub{display:block;font-size:9px;font-weight:500;text-transform:none;letter-spacing:0;color:var(--text-muted);opacity:.75;margin-top:1px}.gb-sheet thead th.gb-sticky-1,.gb-sheet thead th.gb-sticky-2{position:sticky;z-index:6;background:var(--bg)}.gb-sheet thead th.gb-sticky-1{left:0}.gb-sheet thead th.gb-sticky-2{left:44px}.gb-sheet tbody td.gb-sticky-1,.gb-sheet tbody td.gb-sticky-2,.gb-sheet tfoot td.gb-sticky-1,.gb-sheet tfoot td.gb-sticky-2{position:sticky;z-index:2;background:var(--card)}.gb-sheet tbody td.gb-sticky-1,.gb-sheet tfoot td.gb-sticky-1{left:0}.gb-sheet tbody td.gb-sticky-2,.gb-sheet tfoot td.gb-sticky-2{left:44px}.gb-sheet thead th.gb-sticky-right-1,.gb-sheet thead th.gb-sticky-right-2{position:sticky;z-index:6;background:var(--bg)}.gb-sheet thead th.gb-sticky-right-1{right:44px;box-shadow:-6px 0 8px -4px #102a431a}.gb-sheet thead th.gb-sticky-right-2{right:0}.gb-sheet tbody td.gb-sticky-right-1,.gb-sheet tbody td.gb-sticky-right-2,.gb-sheet tfoot td.gb-sticky-right-1,.gb-sheet tfoot td.gb-sticky-right-2{position:sticky;z-index:2;background:var(--card)}.gb-sheet tbody td.gb-sticky-right-1,.gb-sheet tfoot td.gb-sticky-right-1{right:44px;box-shadow:-6px 0 8px -4px #102a431a}.gb-sheet tbody td.gb-sticky-right-2,.gb-sheet tfoot td.gb-sticky-right-2{right:0}.gb-sheet tbody tr:hover td,.gb-sheet tbody tr:hover td.gb-sticky-right-1,.gb-sheet tbody tr:hover td.gb-sticky-right-2{background:var(--light-blue)}.gb-sheet thead th.gb-cat-ww{background:var(--theme-soft,#14574714);color:var(--deped-blue)}.gb-sheet thead th.gb-cat-pt{background:#e8b84b29;color:#8a6d0e}.gb-sheet thead th.gb-cat-ex{background:#7c3aed1a;color:var(--accent-purple)}.gb-sheet thead th.gb-cat-summary{background:#1987541f;color:var(--status-success-text,var(--success))}.gb-sheet td.gb-start-ww,.gb-sheet td.gb-start-pt,.gb-sheet td.gb-start-ex,.gb-sheet td.gb-start-summary{border-left:2px solid var(--border)}.gb-sheet td.gb-score{text-align:center;padding:0;cursor:text;transition:background .12s}.gb-sheet td.gb-score:hover{background:var(--light-blue)}.gb-sheet td.gb-score:focus{outline:2px solid var(--deped-blue);outline-offset:-2px;background:#fff;z-index:1;position:relative}[data-theme=dark] .gb-sheet td.gb-score:focus{background:var(--card)}.gb-sheet td.gb-computed{text-align:center;background:var(--bg);font-weight:700;color:var(--deped-blue)}.gb-sheet td.gb-final-cell{text-align:center}.gb-sheet tfoot td{background:var(--bg);font-weight:700;color:var(--text);position:sticky;bottom:0;z-index:3}.gb-sheet thead th .gb-col-resize{position:absolute;top:0;right:-3px;bottom:0;width:7px;cursor:col-resize;background:transparent;z-index:8;touch-action:none}.gb-sheet thead th .gb-col-resize:hover,.gb-sheet thead th .gb-col-resize.active{background:var(--deped-blue);opacity:.8}.gb-sheet thead th{position:relative}.gb-sheet thead th .gb-col-menu-btn{position:absolute;top:2px;right:8px;width:20px;height:20px;border:none;border-radius:4px;background:transparent;color:var(--text-muted);font-size:15px;line-height:1;font-weight:700;padding:0;cursor:pointer;opacity:0;z-index:7;display:flex;align-items:center;justify-content:center;transition:opacity .12s ease,background .12s ease,color .12s ease;-webkit-tap-highlight-color:transparent}.gb-sheet thead th:hover .gb-col-menu-btn,.gb-sheet thead th:focus-within .gb-col-menu-btn{opacity:1}.gb-sheet thead th .gb-col-menu-btn:hover{background:var(--light-blue);color:var(--deped-blue)}@media (hover: none){.gb-sheet thead th .gb-col-menu-btn{opacity:1}}.gb-sheet:not(.show-ex-sub) .gb-ex-sub{display:none}.gb-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.gb-toolbar-left,.gb-toolbar-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}@media (max-width: 640px){.gb-sheet-wrap{max-height:60vh}.gb-sheet th,.gb-sheet td{padding:5px 6px;font-size:12px}}.page-head h2 .chip svg{width:13px;height:13px;flex-shrink:0;display:block}.gb-page-body{display:block;width:100%;max-width:100%;min-width:0;flex:1 1 100%}.gb-page-body>.gb-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;width:100%;margin-bottom:14px}.gb-page-body>.gb-sheet-wrap{width:100%;max-width:100%;min-width:0}.gs-view-row{display:flex;align-items:center;gap:14px;width:100%;flex-wrap:nowrap}.gs-view-left{display:flex;align-items:center;gap:8px;flex-shrink:0}.gs-view-right{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;justify-content:flex-end}.gs-search{flex:0 1 260px;min-width:140px;max-width:360px}@media (max-width: 640px){.gs-view-row{gap:8px}.gs-view-left strong{display:none}.gs-search{flex:1 1 120px;min-width:100px}}@media (max-width: 440px){.gs-view-row{flex-wrap:wrap;row-gap:8px}.gs-view-left,.gs-view-right{flex:1 1 100%;justify-content:flex-start}}.attendance-save-fab{position:fixed;bottom:24px;right:90px;z-index:88;display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:30px;background:var(--gradient-primary);background-size:200% 200%;color:#fff;font-weight:700;font-size:14px;border:2px solid rgba(255,255,255,.2);box-shadow:0 6px 20px var(--theme-soft,#14574766),0 2px 6px #00000026;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;animation:gradientShift 8s ease infinite;font-family:var(--font)}.attendance-save-fab:hover{transform:translateY(-2px);box-shadow:0 10px 28px var(--theme-soft,#14574780),0 3px 8px #0003}.attendance-save-fab:active{transform:translateY(0)}.attendance-save-fab svg{width:16px;height:16px;flex-shrink:0;display:block}.attendance-save-fab .att-fab-dot{position:absolute;top:4px;right:8px;width:10px;height:10px;border-radius:50%;background:var(--accent-gold);border:2px solid #fff;box-shadow:0 0 10px #e8b84be6;display:none;animation:attFabPulse 1.4s ease-in-out infinite}.attendance-save-fab.has-changes{animation:gradientShift 8s ease infinite,attFabBounce 1.8s ease-in-out infinite}.attendance-save-fab.has-changes .att-fab-dot{display:block}@keyframes attFabPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}@keyframes attFabBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (max-width: 768px){.attendance-save-fab{bottom:84px;right:76px;width:52px;height:52px;padding:0;border-radius:50%;justify-content:center}.attendance-save-fab .att-fab-label{display:none}.attendance-save-fab svg{width:22px;height:22px}.attendance-save-fab .att-fab-dot{top:2px;right:2px}}.nav-pro-badge{margin-left:auto;padding:1px 7px;border-radius:10px;font-size:9px;font-weight:800;letter-spacing:.6px;background:#e8b84b38;color:var(--accent-gold);border:1px solid rgba(247,201,72,.4);flex-shrink:0}.nav-pro-badge.active{background:var(--gradient-gold);color:var(--dark-navy);border-color:transparent}.nav-item.is-locked{opacity:.75}.nav-item.is-locked:hover{opacity:1}.nav-item.is-locked .nav-pro-badge{animation:navProPulse 2.4s ease-in-out infinite}@keyframes navProPulse{0%,to{box-shadow:0 0 #e8b84b8c}50%{box-shadow:0 0 0 5px #e8b84b00}}.license-holder-banner{display:flex;align-items:center;gap:16px;padding:16px 20px;margin-bottom:16px;background:linear-gradient(135deg,var(--theme-soft,#1457470f),#e8b84b14);border:1px solid var(--border);border-left:4px solid var(--deped-blue);border-radius:var(--radius);flex-wrap:wrap}.license-holder-banner .lhb-icon{width:44px;height:44px;border-radius:50%;background:var(--gradient-gold);color:var(--dark-navy);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px #e8b84b66}.license-holder-banner .lhb-icon svg{width:22px;height:22px}.license-holder-banner .lhb-body{flex:1;min-width:200px}.license-holder-banner .lhb-label{font-size:10.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px}.license-holder-banner .lhb-name{font-size:18px;font-weight:800;color:var(--text);line-height:1.2}.license-holder-banner .lhb-email,.license-holder-banner .lhb-school{font-size:12px;color:var(--text-muted);margin-top:2px}.license-holder-banner .lhb-note{text-align:right;font-size:11.5px;color:var(--text-muted);max-width:240px;flex-shrink:0;line-height:1.5}.license-holder-banner .lhb-note strong{display:block;color:var(--deped-blue);font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;margin-bottom:3px}[data-theme=dark] .license-holder-banner .lhb-note strong{color:#6fa8ff}@media (max-width: 640px){.license-holder-banner .lhb-note{text-align:left;max-width:none;width:100%}}.cl-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px;padding:4px}.cl-photo-tile{text-align:center;padding:8px;border-radius:10px;cursor:pointer;transition:background .15s,transform .15s}.cl-photo-tile:hover{background:var(--light-blue);transform:translateY(-2px)}.cl-photo-frame{width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:8px;box-shadow:0 4px 14px #102a431f;border:3px solid var(--card)}.cl-photo-frame img{width:100%;height:100%;object-fit:cover}.cl-photo-name{font-size:12.5px;font-weight:700;line-height:1.25;color:var(--text)}.cl-photo-meta{font-size:10.5px;color:var(--text-muted);margin-top:2px;font-family:ui-monospace,Consolas,monospace}.cl-print-option{display:block;padding:12px 14px;border:2px solid var(--border);border-radius:10px;cursor:pointer;background:var(--card);transition:all .15s}.cl-print-option:hover{border-color:var(--deped-blue)}.cl-print-option.active{border-color:var(--deped-blue);background:var(--light-blue);box-shadow:0 0 0 3px var(--theme-soft,#1457471f)}.clpo-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:3px}.cl-compact td{padding:6px 12px!important}.ml-table td{vertical-align:middle}@media print{.print-class-list table,.print-masterlist table{width:100%;border-collapse:collapse;font-size:9pt;margin-bottom:8px}.print-class-list table th,.print-class-list table td,.print-masterlist table th,.print-masterlist table td{border:.5pt solid #000;padding:3px 5px;vertical-align:middle;text-align:left}.print-class-list table th,.print-masterlist table th{background:#e8ecf2;text-align:center;font-weight:700;font-size:8.5pt}.print-class-list .print-logo-header,.print-masterlist .print-logo-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.print-class-list .print-logo-header-text,.print-masterlist .print-logo-header-text{flex:1;text-align:center}}@media print{.print-deped-footer{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-top:40px;padding-top:10px;border-top:1px solid #000;font-family:Calibri,Arial,sans-serif;font-size:10pt;color:#000}.print-deped-footer .pdf-seal img{width:.76in;height:.76in;object-fit:contain}.print-deped-footer .pdf-text{line-height:1.4}}.print-deped-header{text-align:center;margin-bottom:20px;padding-bottom:4px}.print-deped-header .pdh-seal img{width:76pt;height:76pt;max-width:76pt;max-height:76pt;object-fit:contain;display:block;margin:0 auto}.print-deped-header .pdh-text{line-height:1.25;color:#000;margin-top:6px}.print-deped-header .pdh-republic{font-family:UnifrakturMaguntia,Old English Text MT,Times New Roman,serif;font-size:12pt;letter-spacing:.3px}.print-deped-header .pdh-department{font-family:UnifrakturMaguntia,Old English Text MT,Times New Roman,serif;font-size:18pt;letter-spacing:.5px;margin-top:-2px}.print-deped-header .pdh-region,.print-deped-header .pdh-division,.print-deped-header .pdh-school,.print-deped-header .pdh-address{font-family:Trajan Pro,Trajan,Times New Roman,serif;font-size:10pt;font-weight:700;text-transform:uppercase}.print-deped-header .pdh-line{border-bottom:2px solid #000;margin-top:8px;width:100%}.print-deped-header .pdh-doc-title{font-family:Times New Roman,Times,serif;font-size:14pt;font-weight:800;text-transform:uppercase;letter-spacing:.6px;margin-top:14px;color:#000;text-align:center}.print-deped-header .pdh-doc-subtitle{font-family:Times New Roman,Times,serif;font-size:11.5pt;font-weight:700;margin-top:4px;color:#000;text-align:center}.print-deped-header .pdh-republic,.print-deped-header .pdh-department{font-family:UnifrakturMaguntia,Old English Text MT,Times New Roman,serif}@media print{.print-deped-header .pdh-republic{font-size:12pt;letter-spacing:.3px}.print-deped-header .pdh-department{font-size:18pt;letter-spacing:.5px;margin-top:-2px}}.exam-body,.exam-body h1,.exam-body h2,.exam-body h3,.exam-body h4,.exam-body h5,.exam-body h6,.exam-body p,.exam-body ol,.exam-body ul,.exam-body li,.exam-body div,.exam-body span,.exam-body strong,.exam-body em,.exam-body table,.exam-body td,.exam-body th{text-align:left}.exam-body ol{padding-left:28pt;margin:6pt 0 12pt;list-style-type:decimal;list-style-position:outside}.exam-body ul{padding-left:26pt;margin:4pt 0;list-style-type:upper-alpha;list-style-position:outside}.exam-body ol>li{display:list-item;margin-bottom:10pt;page-break-inside:avoid}.exam-body ul>li{display:list-item;margin-bottom:3pt;page-break-inside:avoid}@media print{.print-class-list .cl-photo-cell{width:10%;text-align:center;vertical-align:middle;padding:3px 4px}.print-class-list .cl-print-photo{display:inline-block;width:34px;height:34px;border-radius:50%;object-fit:cover;object-position:center top;border:.5pt solid #999;-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-class-list .cl-print-photo-fallback{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:#fff;font-weight:800;font-size:11pt;font-family:Calibri,Arial,sans-serif;border:.5pt solid #999;-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-class-list tbody tr,.print-masterlist tbody tr{page-break-inside:avoid;break-inside:avoid}}@media print{[data-theme]{--bg: #fff !important;--text: #000 !important;--card: #fff !important;--border: #ccc !important;--deped-blue: #000 !important;--secondary-blue: #333 !important;--accent-gold: #666 !important}}.hub-tool-card{text-align:left;padding:20px;cursor:pointer;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.hub-tool-card .qt-icon{margin:0 0 14px;width:46px;height:46px;border-radius:12px;transition:background .2s ease,color .2s ease,transform .2s ease}.hub-tool-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--deped-blue)}.hub-tool-card:hover .qt-icon{background:var(--gradient-primary);color:#fff;transform:scale(1.05)}.hub-tool-title{font-size:14.5px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.hub-tool-desc{font-size:12.5px;color:var(--text-muted);line-height:1.55;margin:0}@media (max-width: 768px){.hub-tool-card{padding:16px}.hub-tool-card .qt-icon{width:40px;height:40px}.hub-tool-title{font-size:13.5px}}.nav-section+.nav-section{border-top:1px solid rgba(255,255,255,.06);padding-top:4px}.perf-sparkline{display:inline-block;width:60px;height:20px;vertical-align:middle}.perf-trend-up{color:var(--status-success-text,var(--success))}.perf-trend-down{color:var(--danger)}.perf-trend-flat{color:var(--text-muted)}.perf-rank{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:800;background:var(--light-blue);color:var(--deped-blue)}.perf-rank.top3{background:var(--gradient-gold);color:var(--dark-navy)}@media (max-width: 900px){.perf-grid-2{grid-template-columns:1fr!important}}.settings-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start}@media (max-width: 900px){.settings-layout{grid-template-columns:1fr;gap:14px}}.settings-nav{display:flex;flex-direction:column;gap:4px;position:sticky;top:calc(var(--header-h) + 16px)}.settings-nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;background:var(--card);border:1px solid var(--border);cursor:pointer;text-align:left;transition:background .15s,border-color .15s,transform .12s;width:100%;font-family:inherit;color:inherit}.settings-nav-item:hover{border-color:var(--deped-blue);transform:translate(2px)}.settings-nav-item.active{background:var(--light-blue);border-color:var(--deped-blue);box-shadow:0 0 0 2px var(--theme-soft,#14574714)}[data-theme=dark] .settings-nav-item.active{background:var(--theme-soft,#247b6326)}.settings-nav-item-subtle{margin-top:12px;border-top:1px dashed var(--border);border-radius:10px;opacity:.85}.sn-icon{width:36px;height:36px;border-radius:9px;background:var(--bg);color:var(--text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s}.sn-icon svg{width:18px;height:18px;display:block}.settings-nav-item.active .sn-icon{background:var(--gradient-primary);color:#fff}.sn-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.sn-label{font-size:13.5px;font-weight:700;color:var(--text);line-height:1.25}.sn-desc{font-size:11px;color:var(--text-muted);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sn-chevron{width:16px;height:16px;color:var(--text-muted);opacity:.5;flex-shrink:0;transition:opacity .15s,transform .15s}.sn-chevron svg{width:16px;height:16px;display:block}.settings-nav-item:hover .sn-chevron,.settings-nav-item.active .sn-chevron{opacity:1;transform:translate(2px)}.sy-select-wrap{position:relative;flex-shrink:0;display:inline-block}.sy-select-wrap select#st-sy{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none;min-width:190px;padding:9px 36px 9px 14px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.3px;cursor:pointer;background-color:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);transition:border-color .15s,box-shadow .15s,background-color .15s}.sy-select-wrap select#st-sy:hover{border-color:var(--deped-blue)}.sy-select-wrap select#st-sy:focus{outline:none;background-color:var(--card);border-color:var(--deped-blue);box-shadow:0 0 0 3px var(--theme-soft,#1457471f)}.sy-select-wrap .sy-select-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--text-muted);pointer-events:none}@media (max-width: 560px){.sy-select-wrap,.sy-select-wrap select#st-sy{width:100%}}@media (max-width: 900px){.settings-nav{position:static;flex-direction:row;overflow-x:auto;padding-bottom:4px;gap:8px}.settings-nav-item{flex:0 0 auto;min-width:200px}.sn-desc{display:none}}.settings-panel{display:flex;flex-direction:column;gap:16px;min-width:0}.settings-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.settings-section.danger-zone{border-color:#dc35454d;background:linear-gradient(135deg,rgba(220,53,69,.04) 0%,var(--card) 40%)}.settings-section-note{background:var(--bg);border-style:dashed}.settings-section-head{margin-bottom:16px}.settings-section-head h3{font-size:15px;font-weight:700;color:var(--text);margin-bottom:3px}.settings-section-head p{font-size:12px;color:var(--text-muted);margin:0;line-height:1.55}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;flex-wrap:wrap}.setting-label{font-size:13px;font-weight:600;color:var(--text)}.info-grid{display:flex;flex-direction:column;background:var(--bg);border-radius:10px;overflow:hidden;border:1px solid var(--border)}.info-row{display:flex;gap:16px;padding:10px 14px;border-bottom:1px solid var(--border);align-items:baseline;flex-wrap:wrap}.info-row:last-child{border-bottom:none}.info-key{font-size:12px;color:var(--text-muted);font-weight:600;min-width:160px;flex-shrink:0}.info-val{font-size:13px;color:var(--text);flex:1;min-width:0}.settings-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.settings-actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.settings-action-btn{display:flex;align-items:center;gap:12px;padding:14px;border-radius:10px;background:var(--bg);border:1px solid var(--border);cursor:pointer;text-align:left;font-family:inherit;color:inherit;transition:background .15s,border-color .15s,transform .12s;width:100%}.settings-action-btn:hover{border-color:var(--deped-blue);background:var(--light-blue);transform:translateY(-1px)}.settings-action-btn.primary{background:var(--light-blue);border-color:var(--deped-blue)}.settings-action-btn.danger:hover{border-color:var(--danger);background:#dc35450f}.sab-icon{width:36px;height:36px;border-radius:9px;background:var(--card);color:var(--deped-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sab-icon svg{width:18px;height:18px;display:block}.sab-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.sab-label{font-size:13px;font-weight:700;color:var(--text)}.sab-desc{font-size:11px;color:var(--text-muted);line-height:1.35}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;max-width:520px}.theme-card{display:flex;flex-direction:column;gap:10px;padding:12px;border:2px solid var(--border);border-radius:12px;cursor:pointer;background:var(--card);transition:border-color .15s,box-shadow .15s,transform .12s}.theme-card:hover{border-color:var(--deped-blue);transform:translateY(-2px);box-shadow:var(--shadow)}.theme-card.active{border-color:var(--deped-blue);box-shadow:0 0 0 3px var(--theme-soft,#14574726)}.theme-preview{aspect-ratio:16/10;border-radius:8px;overflow:hidden;position:relative;border:1px solid var(--border)}.theme-preview-light{background:#f7f6ef}.theme-preview-light .tp-topbar{background:#fff;height:18%;border-bottom:1px solid var(--theme-edge,#dfe5da)}.theme-preview-light .tp-sidebar{position:absolute;top:18%;left:0;bottom:0;width:22%;background:linear-gradient(180deg,var(--theme-accent,#145747),var(--theme-deep,#0b362b))}.theme-preview-light .tp-body{position:absolute;top:22%;left:26%;right:6%;display:flex;flex-direction:column;gap:6%}.theme-preview-light .tp-body span{display:block;height:8px;border-radius:3px;background:#fff;box-shadow:0 1px 2px #102a430f}.theme-preview-light .tp-body span:nth-child(1){width:100%}.theme-preview-light .tp-body span:nth-child(2){width:75%}.theme-preview-light .tp-body span:nth-child(3){width:55%}.theme-preview-dark{background:#18181b}.theme-preview-dark .tp-topbar{background:#27272a;height:18%;border-bottom:1px solid #3f3f46}.theme-preview-dark .tp-sidebar{position:absolute;top:18%;left:0;bottom:0;width:22%;background:linear-gradient(180deg,#18181b,#09090b)}.theme-preview-dark .tp-body{position:absolute;top:22%;left:26%;right:6%;display:flex;flex-direction:column;gap:6%}.theme-preview-dark .tp-body span{display:block;height:8px;border-radius:3px;background:#3f3f46}.theme-preview-dark .tp-body span:nth-child(1){width:100%;background:#3b82f6}.theme-preview-dark .tp-body span:nth-child(2){width:75%}.theme-preview-dark .tp-body span:nth-child(3){width:55%}.theme-preview-sepia{background:#f5ecd8}.theme-preview-sepia .tp-topbar{background:#fdf8ee;height:18%;border-bottom:1px solid #e0d3ba}.theme-preview-sepia .tp-sidebar{position:absolute;top:18%;left:0;bottom:0;width:22%;background:linear-gradient(180deg,#6b4423,#4a2f18)}.theme-preview-sepia .tp-body{position:absolute;top:22%;left:26%;right:6%;display:flex;flex-direction:column;gap:6%}.theme-preview-sepia .tp-body span{display:block;height:8px;border-radius:3px;background:#fdf8ee;box-shadow:0 1px 2px #3d2e1a1a}.theme-preview-sepia .tp-body span:nth-child(1){width:100%}.theme-preview-sepia .tp-body span:nth-child(2){width:75%}.theme-preview-sepia .tp-body span:nth-child(3){width:55%}.theme-preview-navy{background:#0a1628}.theme-preview-navy .tp-topbar{background:#142137;height:18%;border-bottom:1px solid #1e3050}.theme-preview-navy .tp-sidebar{position:absolute;top:18%;left:0;bottom:0;width:22%;background:linear-gradient(180deg,#0d1e38,#0f2440)}.theme-preview-navy .tp-body{position:absolute;top:22%;left:26%;right:6%;display:flex;flex-direction:column;gap:6%}.theme-preview-navy .tp-body span{display:block;height:8px;border-radius:3px;background:#1e3050}.theme-preview-navy .tp-body span:nth-child(1){width:100%}.theme-preview-navy .tp-body span:nth-child(2){width:75%}.theme-preview-navy .tp-body span:nth-child(3){width:55%}.theme-preview-navy:after{content:"";position:absolute;top:8%;right:8%;width:6px;height:6px;border-radius:50%;background:#f4c430;box-shadow:0 0 8px 2px #f4c430a6;opacity:.9}.theme-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text)}.theme-label svg{width:16px;height:16px;display:block}.theme-check{margin-left:auto;width:18px;height:18px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center}.theme-check svg{width:11px;height:11px;stroke-width:3}.theme-preview-deped-green{background:var(--theme-soft,#f0f5f1)}.theme-preview-deped-green .tp-topbar{background:#fff;height:18%;border-bottom:1px solid var(--theme-edge,#d1e0d5)}.theme-preview-deped-green .tp-sidebar{position:absolute;top:18%;left:0;bottom:0;width:22%;background:linear-gradient(180deg,var(--theme-accent,#0f5132),var(--theme-deep,#072c1b))}.theme-preview-deped-green .tp-body{position:absolute;top:22%;left:26%;right:6%;display:flex;flex-direction:column;gap:6%}.theme-preview-deped-green .tp-body span{display:block;height:8px;border-radius:3px;background:#fff;box-shadow:0 1px 2px var(--theme-soft,#1a2f240f)}.theme-preview-deped-green .tp-body span:nth-child(1){width:100%}.theme-preview-deped-green .tp-body span:nth-child(2){width:75%}.theme-preview-deped-green .tp-body span:nth-child(3){width:55%}.theme-preview-deped-green:after{content:"";position:absolute;top:8%;right:8%;width:6px;height:6px;border-radius:50%;background:#c9a227;box-shadow:0 0 8px 2px #c9a22799;opacity:.9}.theme-preview-noir{background:#0a0a0a}.theme-preview-noir .tp-topbar{background:#141414;height:18%;border-bottom:1px solid #262626}.theme-preview-noir .tp-sidebar{position:absolute;top:18%;left:0;bottom:0;width:22%;background:linear-gradient(180deg,#0d0d0d,#121212)}.theme-preview-noir .tp-body{position:absolute;top:22%;left:26%;right:6%;display:flex;flex-direction:column;gap:6%}.theme-preview-noir .tp-body span{display:block;height:8px;border-radius:3px;background:#262626}.theme-preview-noir .tp-body span:nth-child(1){width:100%}.theme-preview-noir .tp-body span:nth-child(2){width:75%}.theme-preview-noir .tp-body span:nth-child(3){width:55%}.theme-preview-noir:after{content:"";position:absolute;top:8%;right:8%;width:6px;height:6px;border-radius:50%;background:#dc2626;box-shadow:0 0 8px 2px #dc2626b3;opacity:.95}.profile-summary{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:var(--bg);margin-bottom:10px}.profile-summary:last-child{margin-bottom:0}.ps-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px;flex-shrink:0;box-shadow:0 2px 8px #102a431f}.ps-avatar img{width:100%;height:100%;object-fit:cover}.ps-avatar svg{width:22px;height:22px;display:block}.ps-avatar-school{background:var(--light-blue);color:var(--deped-blue)}.ps-body{flex:1;min-width:0}.ps-label{font-size:10.5px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px}.ps-name{font-size:14px;font-weight:700;color:var(--text);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ps-meta{font-size:11.5px;color:var(--text-muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.license-active-card{display:flex;align-items:center;gap:16px;padding:18px;border-radius:12px;background:linear-gradient(135deg,#10b9811a,#0596690a);border:1px solid rgba(16,185,129,.35);margin-bottom:16px}.lac-badge{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;border-radius:10px;background:linear-gradient(135deg,#a7f3d0,#34d399,#047857);color:var(--theme-accent,#052e22);font-weight:800;font-size:11px;letter-spacing:1.4px;flex-shrink:0}.lac-badge svg{width:24px;height:24px;display:block}.lac-body{flex:1;min-width:0}.lac-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:4px}.lac-line{font-size:12.5px;color:var(--text-muted);line-height:1.5}.lac-line strong{color:var(--text)}.license-empty-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:12px;background:linear-gradient(135deg,rgba(247,201,72,.08) 0%,var(--card) 60%);border:1px solid var(--border);margin-bottom:16px}.lec-icon{width:56px;height:56px;border-radius:50%;background:var(--gradient-gold);color:var(--dark-navy);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 20px #e8b84b59}.lec-icon svg{width:24px;height:24px;display:block}.lec-body{flex:1;min-width:0}.lec-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:4px}.lec-text{font-size:12.5px;color:var(--text-muted);line-height:1.55;margin:0}.btn-danger-outline{background:transparent;color:var(--danger);border:1px solid rgba(220,53,69,.4)}.btn-danger-outline:hover{background:var(--danger);color:#fff;border-color:var(--danger)}@media (max-width: 600px){.info-key{min-width:0;flex-basis:100%}.profile-summary{flex-wrap:wrap}.profile-summary .btn{width:100%}.license-active-card,.license-empty-card{flex-direction:column;text-align:center}}@media (min-width: 1200px){.theme-grid{grid-template-columns:repeat(6,minmax(0,1fr));max-width:1100px}}@media (min-width: 900px) and (max-width: 1199px){.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:780px}}.upgrade-hero{position:relative;text-align:center;padding:8px 0 24px;overflow:hidden}.upgrade-hero:before{content:"";position:absolute;top:-50%;left:-75%;width:40%;height:200%;background:linear-gradient(115deg,transparent 0%,rgba(247,201,72,.18) 40%,rgba(255,255,255,.55) 50%,rgba(247,201,72,.18) 60%,transparent 100%);transform:skew(-22deg);animation:upgradeIntroSweep 2.4s cubic-bezier(.4,0,.2,1) .35s 1 both;pointer-events:none;z-index:1}@keyframes upgradeIntroSweep{0%{left:-75%;opacity:0}15%{opacity:1}to{left:130%;opacity:0}}.upgrade-hero-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;width:118px;height:118px;margin-bottom:18px;z-index:2;animation:upgradeHeroFloat 3.4s ease-in-out infinite;will-change:transform}@keyframes upgradeHeroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.upgrade-hero-badge .uhb-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,#fde68a,#e8b84b,#b45309,#e8b84b,#fde68a,#f59e0b,#e8b84b 90%,#fde68a);background-size:300% 300%;animation:upgradeBadgeSpin 6s linear infinite,upgradeBadgeHalo 3s ease-in-out infinite;will-change:transform,box-shadow,background-position}@keyframes upgradeBadgeSpin{0%{background-position:0% 50%}to{background-position:300% 50%}}@keyframes upgradeBadgeHalo{0%,to{box-shadow:0 10px 32px #e8b84b73,0 0 #e8b84b8c}50%{box-shadow:0 14px 44px #e8b84bbf,0 0 0 12px #e8b84b00}}.upgrade-hero-badge .uhb-pulse{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(247,201,72,.7);animation:upgradeBadgePulse 2.4s ease-out infinite;pointer-events:none}@keyframes upgradeBadgePulse{0%{transform:scale(1);opacity:.85}to{transform:scale(1.45);opacity:0}}.upgrade-hero-badge .uhb-core{position:relative;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle at 50% 25%,#3d2a0f,#1a1206 55%,#0b0703);display:flex;align-items:center;justify-content:center;z-index:3;box-shadow:inset 0 3px 12px #ffffff2e,inset 0 -4px 14px #000000bf,0 4px 20px #00000059}.upgrade-hero-badge .uhb-text{font-size:28px;font-weight:900;letter-spacing:2.5px;background:linear-gradient(180deg,#fff7d1,#fde68a 30%,#e8b84b,#d97706 80%,#b45309);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 0 rgba(0,0,0,.4),0 0 14px rgba(247,201,72,.35);animation:upgradeTextShimmer 4s ease-in-out infinite;background-size:100% 200%}@keyframes upgradeTextShimmer{0%,to{background-position:50% 0%}50%{background-position:50% 100%}}.upgrade-hero-badge .uhb-shine{position:absolute;inset:8px;border-radius:50%;overflow:hidden;z-index:4;pointer-events:none}.upgrade-hero-badge .uhb-shine:before{content:"";position:absolute;top:-50%;left:-75%;width:40%;height:200%;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.35) 40%,rgba(255,255,255,.95) 50%,rgba(255,255,255,.35) 60%,transparent 100%);transform:skew(-22deg);animation:upgradeShineSweep 3.8s ease-in-out 1.2s infinite}@keyframes upgradeShineSweep{0%{left:-75%;opacity:0}12%{opacity:1}50%{opacity:1}62%{left:130%;opacity:0}to{left:130%;opacity:0}}.upgrade-hero-badge .uhb-sparkles{position:absolute;inset:-14px;pointer-events:none;z-index:5}.upgrade-hero-badge .uhb-spark{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 6px 2px #fff,0 0 14px 4px #e8b84bcc,0 0 24px 6px #fde68a66;opacity:0;transform:scale(.5)}.upgrade-hero-badge .uhb-spark:before,.upgrade-hero-badge .uhb-spark:after{content:"";position:absolute;top:50%;left:50%;background:linear-gradient(to right,transparent,#ffffff,transparent);pointer-events:none}.upgrade-hero-badge .uhb-spark:before{width:22px;height:1.5px;transform:translate(-50%,-50%)}.upgrade-hero-badge .uhb-spark:after{width:1.5px;height:22px;transform:translate(-50%,-50%)}.upgrade-hero-badge .uhb-spark.s1{top:4%;left:50%;animation:upgradeSpark 2.8s ease-in-out infinite 0s}.upgrade-hero-badge .uhb-spark.s2{top:50%;right:2%;animation:upgradeSpark 2.8s ease-in-out infinite .7s}.upgrade-hero-badge .uhb-spark.s3{bottom:4%;left:50%;animation:upgradeSpark 2.8s ease-in-out infinite 1.4s}.upgrade-hero-badge .uhb-spark.s4{top:50%;left:2%;animation:upgradeSpark 2.8s ease-in-out infinite 2.1s}@keyframes upgradeSpark{0%{opacity:0;transform:scale(.3) rotate(0)}20%{opacity:1;transform:scale(1.3) rotate(45deg)}50%{opacity:.9;transform:scale(1) rotate(90deg)}80%{opacity:.3;transform:scale(.7) rotate(135deg)}to{opacity:0;transform:scale(.4) rotate(180deg)}}.upgrade-hero h2{font-size:22px;font-weight:800;letter-spacing:-.4px;margin:0 0 8px;color:var(--text);position:relative;z-index:2}.upgrade-hero .lede{font-size:13.5px;color:var(--text-muted);line-height:1.55;max-width:520px;margin:0 auto;position:relative;z-index:2}.upgrade-hero .lede strong{color:var(--deped-blue);font-weight:700}.upgrade-compare{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:var(--bg);margin-bottom:18px;position:relative}.upgrade-compare-col{padding:18px 18px 20px;position:relative}.upgrade-compare-col.pro{background:linear-gradient(135deg,rgba(247,201,72,.1) 0%,rgba(247,201,72,.03) 60%,transparent 100%)}.upgrade-compare-col.pro:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,#fde68a,#e8b84b,#b45309)}.upgrade-compare-head{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:800;margin-bottom:12px;letter-spacing:.2px}.upgrade-compare-col.free .upgrade-compare-head{color:var(--text)}.upgrade-compare-col.pro .upgrade-compare-head{color:#b45309}.upgrade-compare-head .icon-chip{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.upgrade-compare-col.free .icon-chip{background:#19875426;color:var(--status-success-text,var(--success))}.upgrade-compare-col.pro .icon-chip{background:var(--gradient-gold);color:var(--dark-navy)}.upgrade-compare-head .icon-chip svg{width:12px;height:12px;display:block}.upgrade-compare-list{list-style:none;padding:0;margin:0;font-size:12.5px;line-height:1.9;color:var(--text-muted)}.upgrade-compare-list li{display:flex;align-items:flex-start;gap:8px}.upgrade-compare-list li:before{content:"";flex-shrink:0;width:14px;height:14px;margin-top:4px;border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:9px 9px}.upgrade-compare-col.free .upgrade-compare-list li:before{background-color:#19875424;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23198754' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")}.upgrade-compare-col.pro .upgrade-compare-list li:before{background-color:#e8b84b33;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23b45309'%3E%3Cpath d='M12 2l2.9 6.2 6.6.7-4.9 4.5 1.4 6.5L12 16.7 5.9 19.9l1.4-6.5-4.9-4.5 6.6-.7z'/%3E%3C/svg%3E")}.upgrade-price-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-radius:14px;background:linear-gradient(135deg,rgba(247,201,72,.14) 0%,var(--card) 45%,var(--card) 100%);border:2px solid rgba(247,201,72,.5);margin-bottom:18px;flex-wrap:wrap;position:relative;overflow:hidden;box-shadow:0 4px 20px #e8b84b1f}.upgrade-price-card:before{content:"";position:absolute;top:-50%;left:-75%;width:45%;height:200%;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);transform:skew(-22deg);animation:upgradePriceSweep 4.5s ease-in-out infinite;pointer-events:none}@keyframes upgradePriceSweep{0%{left:-75%;opacity:0}10%{opacity:1}45%{opacity:1}60%{left:130%;opacity:0}to{left:130%;opacity:0}}.upgrade-price-info{position:relative;z-index:1}.upgrade-price-tag{font-size:34px;font-weight:900;letter-spacing:-1.2px;line-height:1;background:linear-gradient(135deg,#b45309,#f59e0b 40%,#e8b84b 60%,#d97706);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:4px;display:inline-block}.upgrade-price-sub{font-size:12px;color:var(--text-muted);letter-spacing:.2px}.upgrade-cta{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:10px;font-size:14.5px;font-weight:800;color:#fff;background:linear-gradient(135deg,#d97706,#f59e0b,#e8b84b,#f59e0b,#d97706);background-size:300% 300%;border:none;cursor:pointer;box-shadow:0 4px 18px #e8b84b73,inset 0 1px #ffffff59;transition:transform .18s,box-shadow .18s;animation:upgradeCtaGradient 4s ease infinite;text-shadow:0 1px 2px rgba(120,53,15,.35);overflow:hidden}.upgrade-cta:after{content:"";position:absolute;top:0;left:-75%;width:40%;height:100%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.75) 50%,transparent 100%);transform:skew(-22deg);animation:upgradeCtaShimmer 3.2s ease-in-out infinite;pointer-events:none}.upgrade-cta:hover{transform:translateY(-2px);box-shadow:0 8px 28px #e8b84ba6,inset 0 1px #ffffff73}.upgrade-cta:active{transform:translateY(0)}.upgrade-cta svg{width:16px;height:16px;display:block;flex-shrink:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}@keyframes upgradeCtaGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes upgradeCtaShimmer{0%{left:-75%;opacity:0}15%{opacity:1}45%{opacity:1}65%{left:130%;opacity:0}to{left:130%;opacity:0}}.upgrade-divider{display:flex;align-items:center;gap:12px;margin:22px 0 14px;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.upgrade-divider:before,.upgrade-divider:after{content:"";flex:1;height:1px;background:var(--border)}.upgrade-activate{margin-bottom:12px}.upgrade-activate h4{font-size:14px;font-weight:700;margin:0 0 4px}.upgrade-activate p{font-size:12px;color:var(--text-muted);line-height:1.55;margin:0 0 10px}.upgrade-activate p a{color:var(--deped-blue);text-decoration:underline}.upgrade-key-input{width:100%;min-height:68px;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--card);color:var(--text);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;line-height:1.5;resize:vertical;transition:border-color .15s,box-shadow .15s}.upgrade-key-input:focus{outline:none;border-color:var(--deped-blue);box-shadow:0 0 0 3px var(--theme-soft,#1457471f)}.upgrade-activate-actions{display:flex;justify-content:flex-end;margin-top:10px}.upgrade-active-banner{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-top:16px;border-radius:12px;background:linear-gradient(135deg,#10b9811a,#05966908);border:1px solid rgba(16,185,129,.35)}.upgrade-active-banner .icon-chip{width:36px;height:36px;border-radius:50%;background:var(--gradient-success);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.upgrade-active-banner .icon-chip svg{width:18px;height:18px}.upgrade-active-banner .banner-body{font-size:12.5px;color:var(--text);line-height:1.5}.upgrade-active-banner .banner-body strong{font-weight:700}@media (prefers-reduced-motion: reduce){.upgrade-hero:before,.upgrade-hero-badge,.upgrade-hero-badge .uhb-ring,.upgrade-hero-badge .uhb-pulse,.upgrade-hero-badge .uhb-text,.upgrade-hero-badge .uhb-shine:before,.upgrade-hero-badge .uhb-spark,.upgrade-price-card:before,.upgrade-cta,.upgrade-cta:after{animation:none!important}.upgrade-hero-badge .uhb-spark{opacity:.8}}@media (max-width: 620px){.upgrade-hero-badge{width:100px;height:100px}.upgrade-hero-badge .uhb-core{width:78px;height:78px}.upgrade-hero-badge .uhb-text{font-size:23px;letter-spacing:2px}.upgrade-hero h2{font-size:19px}.upgrade-compare{grid-template-columns:1fr}.upgrade-compare-col.pro:before{inset:0 0 auto;width:auto;height:3px;background:linear-gradient(90deg,#fde68a,#e8b84b,#b45309)}.upgrade-price-card{flex-direction:column;text-align:center}.upgrade-cta{width:100%;justify-content:center}}@media (max-width: 480px){.upgrade-hero:before,.upgrade-price-card:before{animation-duration:6s}.upgrade-cta:after{animation-duration:5s}}.upgrade-price-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:200px}@media (max-width: 620px){.upgrade-price-actions{min-width:0;width:100%}}.upgrade-cta-gcash{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:13.5px;font-weight:700;color:#fff;background:linear-gradient(135deg,#0071e3,#0052cc);background-size:200% 200%;border:none;cursor:pointer;box-shadow:0 3px 12px #0071e359,inset 0 1px #ffffff47;transition:transform .18s,box-shadow .18s;font-family:inherit;position:relative;overflow:hidden}.upgrade-cta-gcash:after{content:"";position:absolute;top:0;left:-75%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:skew(-22deg);animation:upgradeCtaShimmer 3.6s ease-in-out infinite;pointer-events:none}.upgrade-cta-gcash:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0071e380,inset 0 1px #ffffff59}.upgrade-cta-gcash svg{flex-shrink:0}.gcash-modal{display:block}.gcash-steps{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px;padding:0 12px}.gcash-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.gcash-step-num{width:30px;height:30px;border-radius:50%;background:var(--bg);border:2px solid var(--border);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;transition:background .2s,border-color .2s,color .2s}.gcash-step.active .gcash-step-num{background:linear-gradient(135deg,#0071e3,#0052cc);border-color:transparent;color:#fff;box-shadow:0 4px 12px #0071e359}.gcash-step-label{font-size:11px;font-weight:600;color:var(--text-muted);white-space:nowrap}.gcash-step.active .gcash-step-label{color:var(--text)}.gcash-step-line{flex:1;height:2px;background:var(--border);margin-bottom:20px;max-width:60px}.gcash-card{border-radius:16px;overflow:hidden;border:1px solid var(--border);background:var(--card);margin-bottom:18px;box-shadow:0 4px 20px #102a4314}.gcash-header{background:linear-gradient(135deg,#0071e3,#0052cc);padding:12px 20px;display:flex;align-items:center;justify-content:center}.gcash-logo{display:block;height:22px;width:auto;filter:brightness(0) invert(1)}.gcash-qr-wrap{position:relative;padding:26px 20px 16px;display:flex;justify-content:center;align-items:center;background:#fff}.gcash-qr-img{width:220px;height:220px;display:block;border-radius:8px;position:relative;z-index:1}.gcash-qr-glow{position:absolute;inset:20px;background:radial-gradient(circle,rgba(0,113,227,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:gcashQrPulse 3s ease-in-out infinite}@keyframes gcashQrPulse{0%,to{transform:scale(.95);opacity:.6}50%{transform:scale(1.08);opacity:1}}.gcash-info{padding:0 24px 16px;text-align:center}.gcash-name{font-size:15px;font-weight:800;letter-spacing:.3px;color:var(--theme-accent,#145747);margin-bottom:10px}.gcash-detail{display:flex;align-items:center;justify-content:center;gap:8px;padding:5px 0;font-size:13px}.gcash-detail-label{color:var(--text-muted);font-weight:600;min-width:68px;text-align:right}.gcash-detail-value{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:700;color:var(--text);letter-spacing:.2px}.gcash-detail-value.gcash-amount{color:#b45309;font-size:15px}.gcash-copy{width:24px;height:24px;border-radius:6px;background:var(--light-blue);color:var(--deped-blue);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s;padding:0}.gcash-copy:hover{background:var(--deped-blue);color:#fff}.gcash-disclaimer{padding:10px 20px 14px;font-size:11px;color:var(--text-muted);text-align:center;border-top:1px solid var(--border);background:var(--bg);margin:0;line-height:1.5}.gcash-next{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:12px;background:linear-gradient(135deg,#0071e30f,#0071e305);border:1px solid rgba(0,113,227,.2);margin-bottom:14px}.gcash-next-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#0071e3,#0052cc);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #0071e34d}.gcash-next-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:4px}.gcash-next-text{font-size:12.5px;color:var(--text-muted);line-height:1.6;margin:0}.gcash-next-text a{color:#0071e3;font-weight:700;text-decoration:underline}.gcash-checklist{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:12px;background:var(--bg);border:1px solid var(--border)}.gcash-check-item{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--text-muted);line-height:1.5}.gcash-check-item strong{color:var(--text)}.gcash-check-icon{width:18px;height:18px;border-radius:50%;background:#19875426;color:var(--status-success-text,var(--success));display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.gcash-check-icon svg{width:11px;height:11px;stroke-width:3}[data-theme=dark] .gcash-qr-wrap,[data-theme=noir] .gcash-qr-wrap{background:#fff}[data-theme=dark] .gcash-name,[data-theme=noir] .gcash-name{color:#6fa8ff}[data-theme=sepia] .gcash-name{color:#6b4423}[data-theme=deped-green] .gcash-name{color:var(--theme-accent,#0f5132)}[data-theme=navy] .gcash-name{color:#5b9cff}#pro-welcome-screen{position:fixed;inset:0;z-index:9500;background:radial-gradient(at 18% 12%,rgba(0,87,184,.55) 0%,transparent 42%),radial-gradient(at 82% 88%,rgba(124,58,237,.4) 0%,transparent 48%),radial-gradient(at 50% 108%,rgba(6,182,212,.28) 0%,transparent 55%),radial-gradient(at 88% 8%,rgba(247,201,72,.2) 0%,transparent 42%),linear-gradient(160deg,#0a1628b8,#020617d1,#0f172ac2);display:flex;align-items:center;justify-content:center;overflow:hidden;animation:pwFadeIn .6s ease both;font-family:var(--font);padding:20px}@keyframes pwFadeIn{0%{opacity:0}to{opacity:1}}#pro-welcome-screen .pw-bg{position:absolute;inset:0;background:radial-gradient(at 30% 30%,rgba(247,201,72,.14) 0px,transparent 45%),radial-gradient(at 70% 70%,rgba(6,182,212,.12) 0px,transparent 50%);animation:pwBgDrift 14s ease-in-out infinite;will-change:transform;pointer-events:none;mix-blend-mode:screen}@keyframes pwBgDrift{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(2deg)}}#pro-welcome-screen .pw-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.pw-confetti-piece{position:absolute;top:-30px;border-radius:2px;opacity:0;animation-name:pwConfettiFall;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform,opacity}@keyframes pwConfettiFall{0%{transform:translateY(-30px) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(105vh) rotate(720deg);opacity:0}}.pw-content{position:relative;z-index:2;max-width:660px;width:100%;text-align:center;animation:pwContentIn .8s .15s cubic-bezier(.16,1,.3,1) both;max-height:100%;overflow-y:auto;overflow-x:hidden;padding:70px 24px 40px;scrollbar-gutter:stable;box-sizing:border-box;background:linear-gradient(160deg,#ffffff21,#ffffff0e 45%,#ffffff16);border:1px solid rgba(255,255,255,.14);border-radius:24px;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);box-shadow:0 24px 70px #0000008c,0 0 0 1px #ffffff0a inset,0 1px #fff3 inset}.pw-content::-webkit-scrollbar{width:6px}.pw-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.pw-content::-webkit-scrollbar-thumb:hover{background:#ffffff47}@keyframes pwContentIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.pw-badge{position:relative;width:140px;height:140px;margin:0 auto 36px;animation:pwBadgeFloat 3.4s ease-in-out infinite}@keyframes pwBadgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.pw-badge .pw-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,#fde68a,#e8b84b,#b45309,#e8b84b,#fde68a,#f59e0b,#e8b84b 90%,#fde68a);background-size:300% 300%;animation:pwRingSpin 6s linear infinite,pwRingHalo 3s ease-in-out infinite}@keyframes pwRingSpin{0%{background-position:0% 50%}to{background-position:300% 50%}}@keyframes pwRingHalo{0%,to{box-shadow:0 14px 44px #e8b84b8c,0 0 #e8b84b99}50%{box-shadow:0 18px 60px #e8b84bd9,0 0 0 20px #e8b84b00}}.pw-badge .pw-pulse{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(247,201,72,.7);animation:pwPulse 2.6s ease-out infinite;pointer-events:none}@keyframes pwPulse{0%{transform:scale(1);opacity:.9}to{transform:scale(1.6);opacity:0}}.pw-badge .pw-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:112px;height:112px;border-radius:50%;background:radial-gradient(circle at 50% 25%,#3d2a0f,#1a1206 55%,#0b0703);display:flex;align-items:center;justify-content:center;z-index:3;box-shadow:inset 0 3px 12px #ffffff2e,inset 0 -4px 14px #000000bf,0 4px 20px #0006}.pw-badge .pw-text{font-size:32px;font-weight:900;letter-spacing:3px;background:linear-gradient(180deg,#fff7d1,#fde68a 30%,#e8b84b,#d97706 80%,#b45309);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 0 rgba(0,0,0,.4),0 0 14px rgba(247,201,72,.4);background-size:100% 200%;animation:pwTextShimmer 4s ease-in-out infinite}@keyframes pwTextShimmer{0%,to{background-position:50% 0%}50%{background-position:50% 100%}}.pw-badge .pw-sparkles{position:absolute;inset:-20px;pointer-events:none}.pw-badge .pw-spark{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 8px 2px #fff,0 0 18px 5px #e8b84be6;opacity:0}.pw-badge .pw-spark:before,.pw-badge .pw-spark:after{content:"";position:absolute;top:50%;left:50%}.pw-badge .pw-spark:before{width:24px;height:1.5px;transform:translate(-50%,-50%);background:linear-gradient(to right,transparent,#fff,transparent)}.pw-badge .pw-spark:after{width:1.5px;height:24px;transform:translate(-50%,-50%);background:linear-gradient(to bottom,transparent,#fff,transparent)}.pw-badge .pw-spark.s1{top:5%;left:50%;animation:pwSpark 2.8s ease-in-out infinite 0s}.pw-badge .pw-spark.s2{top:50%;right:2%;animation:pwSpark 2.8s ease-in-out infinite .7s}.pw-badge .pw-spark.s3{bottom:5%;left:50%;animation:pwSpark 2.8s ease-in-out infinite 1.4s}.pw-badge .pw-spark.s4{top:50%;left:2%;animation:pwSpark 2.8s ease-in-out infinite 2.1s}@keyframes pwSpark{0%{opacity:0;transform:scale(.3) rotate(0)}20%{opacity:1;transform:scale(1.3) rotate(45deg)}50%{opacity:.9;transform:scale(1) rotate(90deg)}80%{opacity:.3;transform:scale(.7) rotate(135deg)}to{opacity:0;transform:scale(.4) rotate(180deg)}}.pw-title{font-size:clamp(26px,4vw,40px);font-weight:900;letter-spacing:-1px;line-height:1.15;margin:0 0 12px;background:linear-gradient(135deg,#fff,#fde68a 40%,#e8b84b,#fff);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:pwTitleShimmer 5s ease-in-out infinite;filter:drop-shadow(0 4px 24px rgba(247,201,72,.35))}@keyframes pwTitleShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.pw-lede{font-size:clamp(14px,1.4vw,17px);color:#ffffffb8;line-height:1.6;max-width:540px;margin:0 auto 22px}.pw-lede strong{color:#fde68a;font-weight:700}.pw-holder{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:40px;background:#e8b84b14;border:1px solid rgba(247,201,72,.28);margin-bottom:26px;font-size:12.5px;color:#ffffffd9}.pw-holder svg{width:14px;height:14px;color:#e8b84b;flex-shrink:0}.pw-holder strong{color:#fde68a;font-weight:700}@media (max-width: 520px){.pw-features{grid-template-columns:1fr}}.pw-feature{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:12px;background:linear-gradient(145deg,#ffffff17,#ffffff08);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);box-shadow:0 1px #ffffff1a inset;opacity:0;transform:translateY(10px);animation:pwFeatureIn .5s cubic-bezier(.16,1,.3,1) forwards;transition:background .2s ease,border-color .2s ease,transform .2s ease}.pw-feature:hover{background:linear-gradient(145deg,#ffffff24,#ffffff0f);border-color:#e8b84b59;transform:translateY(-1px)}.pw-feature:nth-child(1){animation-delay:.4s}.pw-feature:nth-child(2){animation-delay:.5s}.pw-feature:nth-child(3){animation-delay:.6s}.pw-feature:nth-child(4){animation-delay:.7s}.pw-feature:nth-child(5){animation-delay:.8s}.pw-feature:nth-child(6){animation-delay:.9s}@keyframes pwFeatureIn{to{opacity:1;transform:translateY(0)}}.pw-feature .pw-fi{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#e8b84b38,#e8b84b14);color:#e8b84b;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pw-feature .pw-fi svg{width:15px;height:15px}.pw-feature .pw-ftext{flex:1;min-width:0}.pw-feature .pw-ftitle{font-size:13px;font-weight:700;color:#fff;line-height:1.3;margin-bottom:2px}.pw-feature .pw-fdesc{font-size:11px;color:#ffffff8c;line-height:1.4}.pw-cta{display:inline-flex;align-items:center;gap:10px;padding:16px 42px;border-radius:12px;font-size:16px;font-weight:800;letter-spacing:.3px;color:#1a1206;background:linear-gradient(135deg,#fde68a,#e8b84b,#f59e0b);background-size:200% 200%;border:none;cursor:pointer;box-shadow:0 8px 30px #e8b84b80,0 0 60px #e8b84b40,inset 0 1px #ffffff80;transition:transform .18s,box-shadow .18s;animation:pwCtaGradient 4s ease infinite;position:relative;overflow:hidden}@keyframes pwCtaGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.pw-cta:after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.75) 50%,transparent 100%);transform:skew(-22deg);animation:pwCtaShimmer 3s ease-in-out infinite;pointer-events:none}@keyframes pwCtaShimmer{0%{left:-75%;opacity:0}15%{opacity:1}55%{opacity:1}70%{left:130%;opacity:0}to{left:130%;opacity:0}}.pw-cta:hover{transform:translateY(-2px);box-shadow:0 12px 40px #e8b84bb3,0 0 80px #e8b84b66,inset 0 1px #fff9}.pw-cta:active{transform:translateY(0)}.pw-cta svg{width:18px;height:18px;position:relative;z-index:1}.pw-cta span{position:relative;z-index:1}@media (prefers-reduced-motion: reduce){#pro-welcome-screen *,#pro-welcome-screen *:before,#pro-welcome-screen *:after{animation:none!important}.pw-feature{opacity:1!important;transform:none!important}.pw-confetti-piece{display:none}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.pw-content{background:linear-gradient(160deg,#0f172ad1,#020617e0)}.pw-feature{background:#ffffff0f}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){#pro-welcome-screen{background:radial-gradient(at 18% 12%,rgba(0,87,184,.4) 0%,transparent 45%),radial-gradient(at 82% 88%,rgba(124,58,237,.28) 0%,transparent 50%),radial-gradient(at 50% 108%,rgba(6,182,212,.2) 0%,transparent 55%),linear-gradient(160deg,#0a1628f0,#020617f5,#0f172af2)}}@keyframes hpb-halo-diamond{0%,to{opacity:.55;transform:scale(.975);box-shadow:0 3px 12px #ffffff4d,0 0 16px #bae6fd47,0 0 #ffffff4d}50%{opacity:.82;transform:scale(1.02);box-shadow:0 5px 20px #ffffff80,0 0 26px #bae6fd6b,0 0 0 6px #fff0}}.hero-pro-badge.active{animation:hpb-border-rotate 9s linear infinite,hpb-halo-diamond 4.5s ease-in-out infinite;box-shadow:0 3px 14px #ffffff4d,0 0 22px #bae6fd47}.hero-pro-badge.active:before{inset:-4px;animation:hpb-halo-diamond 4.5s ease-in-out infinite;filter:blur(2px);opacity:.65;mix-blend-mode:screen}.hero-pro-badge.active:hover{box-shadow:0 5px 22px #bae6fd73,0 0 36px #e0e7ff52,0 0 54px #fbcfe824;transform:translateY(-2px) scale(1.015)}.hero-pro-badge.active .hpb-spark{box-shadow:0 0 5px 1px #ffffffd9,0 0 10px 2px #bae6fd8c,0 0 16px 3px #fbcfe847}.hero-pro-badge.active .hpb-spark.s1,.hero-pro-badge.active .hpb-spark.s2,.hero-pro-badge.active .hpb-spark.s3,.hero-pro-badge.active .hpb-spark.s4{animation-duration:4.2s}.hero-pro-badge.active .hpb-shine:before{animation-duration:5.5s}.hero-pro-badge.active .hpb-crown{animation-duration:3.6s}.hero-pro-badge:not(.active) .hpb-shine{display:none}.hero-pro-badge:not(.active) .hpb-sparkles{display:none}.hero-pro-badge:not(.active){animation:hpb-border-rotate 8s linear infinite;box-shadow:0 3px 12px #e8b84b47,0 0 20px #e8b84b2e;transition:box-shadow .25s ease,transform .25s ease}.hero-pro-badge:not(.active):before{display:none}.hero-pro-badge:not(.active):hover{transform:translateY(-2px) scale(1.015);box-shadow:0 6px 22px #e8b84b73,0 0 32px #e8b84b47}.hero-pro-badge:not(.active) .hpb-crown{animation-duration:3.8s}@media (prefers-reduced-motion: reduce){.hero-pro-badge:not(.active),.hero-pro-badge:not(.active) .hpb-crown{animation:none!important}}.pl-hero{position:relative;overflow:hidden;border-radius:18px;padding:28px 32px;margin-bottom:20px;background:radial-gradient(at 88% 12%,rgba(247,201,72,.28) 0%,transparent 45%),radial-gradient(at 8% 90%,rgba(124,58,237,.28) 0%,transparent 50%),linear-gradient(135deg,#002d80,var(--theme-accent,#247b63) 45%,#7c3aed);color:#fff;box-shadow:0 12px 36px var(--theme-soft,#14574759)}.pl-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;opacity:.5;pointer-events:none}.pl-hero:after{content:"";position:absolute;top:-120px;right:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(247,201,72,.35) 0%,transparent 70%);pointer-events:none}.pl-hero>*{position:relative;z-index:1}.pl-hero-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:20px;background:#ffffff29;border:1px solid rgba(255,255,255,.25);font-size:10.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#fde68a;margin-bottom:14px;backdrop-filter:blur(6px)}.pl-hero-badge svg{width:11px;height:11px}.pl-hero h1{font-size:clamp(24px,2.6vw,36px);font-weight:800;letter-spacing:-.5px;line-height:1.15;margin-bottom:8px;background:linear-gradient(180deg,#fff,#fde68a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pl-hero p{font-size:clamp(13px,1.05vw,15px);opacity:.88;line-height:1.55;max-width:640px;margin-bottom:18px}.pl-hero-stats{display:flex;gap:24px;flex-wrap:wrap;margin-top:6px}.pl-hero-stat{display:flex;flex-direction:column;gap:2px}.pl-hero-stat .n{font-size:24px;font-weight:800;letter-spacing:-.6px;line-height:1}.pl-hero-stat .l{font-size:10.5px;text-transform:uppercase;letter-spacing:1px;opacity:.7;font-weight:700}.pl-filter-bar{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin-bottom:18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px}.pl-filter-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pl-filter-row:first-child{gap:12px}.pl-search{flex:1;min-width:220px;position:relative}.pl-search svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--text-muted);pointer-events:none}.pl-search input{width:100%;padding:10px 12px 10px 38px;min-height:40px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s}.pl-search input:focus{outline:none;border-color:var(--deped-blue);background:var(--card);box-shadow:0 0 0 3px var(--theme-soft,#1457471f)}.pl-select{padding:9px 12px;min-height:40px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.pl-select:hover{border-color:var(--deped-blue)}.pl-select:focus{outline:none;border-color:var(--deped-blue)}.pl-stage-pills{display:flex;gap:6px;flex-wrap:wrap}.pl-stage-pill{padding:7px 14px;border-radius:20px;font-size:12px;font-weight:700;border:1.5px solid var(--border);background:var(--card);color:var(--text-muted);cursor:pointer;transition:all .15s ease;white-space:nowrap}.pl-stage-pill:hover{border-color:var(--deped-blue);color:var(--deped-blue);transform:translateY(-1px)}.pl-stage-pill.active{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:0 4px 12px var(--theme-soft,#14574747)}.pl-principle-chips{display:flex;gap:6px;flex-wrap:wrap}.pl-principle-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:11.5px;font-weight:700;border:1.5px solid var(--border);background:var(--card);color:var(--text-muted);cursor:pointer;transition:all .15s ease;white-space:nowrap}.pl-principle-chip:hover{border-color:var(--deped-blue);color:var(--deped-blue)}.pl-principle-chip.active{background:var(--light-blue);color:var(--deped-blue);border-color:var(--deped-blue);box-shadow:0 0 0 2px var(--theme-soft,#14574714)}.pl-principle-chip .cnt{font-size:10px;padding:1px 6px;border-radius:10px;background:#0000000f;font-weight:800}.pl-principle-chip.active .cnt{background:var(--theme-soft,#14574726)}[data-theme=dark] .pl-principle-chip .cnt,[data-theme=navy] .pl-principle-chip .cnt,[data-theme=noir] .pl-principle-chip .cnt{background:#ffffff14}.pl-result-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.pl-result-count{font-size:12.5px;color:var(--text-muted)}.pl-result-count strong{color:var(--text);font-weight:800}.pl-clear-btn{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--deped-blue);background:transparent;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s;line-height:1;white-space:nowrap}.pl-clear-btn svg{width:13px;height:13px;min-width:13px;min-height:13px;max-width:13px;max-height:13px;flex-shrink:0;display:block;stroke-width:2.4}.pl-clear-btn:hover{background:var(--light-blue)}.pl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.pl-card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px 18px 16px;cursor:pointer;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s ease,border-color .18s ease;display:flex;flex-direction:column;gap:12px;overflow:hidden;min-height:200px}.pl-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--pl-accent, var(--gradient-primary));opacity:.85;transition:height .2s ease}.pl-card:after{content:"";position:absolute;top:-60px;right:-60px;width:140px;height:140px;border-radius:50%;background:var(--pl-glow, var(--theme-soft));transition:transform .3s ease,opacity .3s ease;pointer-events:none;opacity:.7}.pl-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #102a4324;border-color:var(--pl-accent-border, var(--deped-blue))}.pl-card:hover:before{height:4px}.pl-card:hover:after{transform:scale(1.3);opacity:1}.pl-card>*{position:relative;z-index:1}.pl-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.pl-card-icon{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--pl-icon-bg, var(--light-blue));color:var(--pl-icon-fg, var(--deped-blue));flex-shrink:0;transition:transform .2s ease}.pl-card:hover .pl-card-icon{transform:scale(1.08) rotate(-3deg)}.pl-card-icon svg{width:20px;height:20px;display:block}.pl-card-duration{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:12px;background:var(--bg);border:1px solid var(--border);font-size:10.5px;font-weight:700;color:var(--text-muted);flex-shrink:0}.pl-card-duration svg{width:10px;height:10px}.pl-card-title{font-size:15px;font-weight:800;color:var(--text);line-height:1.25;letter-spacing:-.2px}.pl-card-summary{font-size:12.5px;color:var(--text-muted);line-height:1.55;flex:1}.pl-card-meta{display:flex;flex-wrap:wrap;gap:5px;padding-top:4px}.pl-meta-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;font-size:10.5px;font-weight:700;background:var(--bg);color:var(--text-muted);border:1px solid var(--border)}.pl-meta-pill.pl-meta-stage{background:var(--theme-soft,#14574714);color:var(--deped-blue);border-color:transparent}[data-theme=dark] .pl-meta-pill.pl-meta-stage,[data-theme=navy] .pl-meta-pill.pl-meta-stage,[data-theme=noir] .pl-meta-pill.pl-meta-stage{color:#93c5fd;background:#93c5fd1f}.pl-card-arrow{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--deped-blue);margin-top:2px;opacity:.7;transition:opacity .15s,transform .15s}.pl-card:hover .pl-card-arrow{opacity:1;transform:translate(3px)}.pl-card-arrow svg{width:12px;height:12px}.pl-card.pl-card-featured{grid-column:span 2;min-height:220px;background:radial-gradient(at 100% 0%,rgba(247,201,72,.1) 0%,transparent 45%),var(--card)}.pl-card.pl-card-featured .pl-card-icon{width:52px;height:52px;border-radius:14px}.pl-card.pl-card-featured .pl-card-icon svg{width:26px;height:26px}.pl-card.pl-card-featured .pl-card-title{font-size:18px}.pl-card.pl-card-featured .pl-card-summary{font-size:13.5px}@media (max-width: 640px){.pl-card.pl-card-featured{grid-column:span 1}}.pl-empty{padding:60px 24px;text-align:center;background:var(--card);border:1.5px dashed var(--border);border-radius:14px}.pl-empty svg{width:44px;height:44px;color:var(--text-muted);opacity:.5;margin-bottom:14px}.pl-empty h3{font-size:15px;font-weight:700;color:var(--text);margin-bottom:6px}.pl-empty p{font-size:12.5px;color:var(--text-muted);margin-bottom:14px;max-width:380px;margin-left:auto;margin-right:auto;line-height:1.6}.pl-detail{display:flex;flex-direction:column;gap:20px}.pl-detail-head{position:relative;border-radius:14px;padding:22px 24px;color:#fff;overflow:hidden;background:var(--pl-accent, var(--gradient-primary))}.pl-detail-head:after{content:"";position:absolute;top:-80px;right:-80px;width:240px;height:240px;border-radius:50%;background:#ffffff1f;pointer-events:none}.pl-detail-head>*{position:relative;z-index:1}.pl-detail-principle{font-size:10.5px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;opacity:.9;margin-bottom:8px;display:flex;align-items:center;gap:6px}.pl-detail-principle svg{width:12px;height:12px}.pl-detail-title{font-size:24px;font-weight:800;letter-spacing:-.4px;line-height:1.15;margin-bottom:8px}.pl-detail-summary{font-size:14px;opacity:.94;line-height:1.5;max-width:620px}.pl-detail-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.pl-detail-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;background:#ffffff2e;border:1px solid rgba(255,255,255,.22);font-size:11px;font-weight:700;backdrop-filter:blur(4px)}.pl-detail-badge svg{width:11px;height:11px}.pl-detail-section h4{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1.1px;color:var(--text-muted);margin-bottom:10px;display:flex;align-items:center;gap:7px}.pl-detail-section h4 svg{width:14px;height:14px;color:var(--deped-blue)}.pl-detail-section p{font-size:13.5px;color:var(--text);line-height:1.7;margin:0}.pl-step-list{list-style:none;padding:0;margin:0;counter-reset:step-counter;display:flex;flex-direction:column;gap:8px}.pl-step-list li{counter-increment:step-counter;position:relative;padding:10px 14px 10px 44px;background:var(--bg);border-radius:10px;border:1px solid var(--border);font-size:13px;line-height:1.55;color:var(--text)}.pl-step-list li:before{content:counter(step-counter);position:absolute;left:10px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:var(--gradient-primary);color:#fff;font-size:11.5px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px var(--theme-soft,#14574740)}.pl-example-box{padding:14px 16px;border-radius:10px;background:#e8b84b1a;border-left:4px solid var(--accent-gold);font-size:13px;line-height:1.65;color:var(--text);font-style:italic}.pl-tags{display:flex;flex-wrap:wrap;gap:6px}.pl-tag{padding:4px 10px;border-radius:14px;font-size:11px;font-weight:600;background:var(--light-blue);color:var(--deped-blue)}[data-theme=dark] .pl-tag,[data-theme=navy] .pl-tag,[data-theme=noir] .pl-tag{color:#93c5fd;background:#93c5fd1f}@media (prefers-reduced-motion: reduce){.pl-card,.pl-card-icon,.pl-card:before,.pl-card:after,.pl-card-arrow{transition:none!important}.pl-card:hover,.pl-card:hover .pl-card-icon{transform:none}}.pd-period-row{display:flex;gap:6px;flex-wrap:wrap}.pd-period-btn{padding:8px 14px;border-radius:20px;font-size:12px;font-weight:700;border:1.5px solid var(--border);background:var(--card);color:var(--text-muted);cursor:pointer;transition:all .15s ease;white-space:nowrap}.pd-period-btn:hover{border-color:var(--deped-blue);color:var(--deped-blue)}.pd-period-btn.active{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:0 4px 12px var(--theme-soft,#14574740)}.pd-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.pd-option{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1.5px solid var(--border);border-radius:10px;cursor:pointer;background:var(--card);transition:border-color .15s ease,background .15s ease}.pd-option:hover{border-color:var(--deped-blue)}.pd-option input[type=checkbox]{width:16px;height:16px;margin-top:2px;accent-color:var(--deped-blue);flex-shrink:0;cursor:pointer}.pd-option-body{flex:1;min-width:0}.pd-option-title{font-size:12.5px;font-weight:700;color:var(--text);margin-bottom:2px}.pd-option-desc{font-size:11px;color:var(--text-muted);line-height:1.4}.pd-recipient-row{display:grid;grid-template-columns:32px 40px minmax(160px,1fr) 160px 190px 130px 130px;gap:12px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border);transition:background .12s ease}.pd-recipient-row:last-child{border-bottom:none}.pd-recipient-row:hover{background:var(--light-blue)}.pd-recipient-row.no-email{background:#f59e0b0f}.pd-recipient-row.no-email:hover{background:#f59e0b1f}.pd-recipient-head{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);background:var(--bg);padding:10px 14px;border-bottom:1px solid var(--border)}.pd-recipient-head:hover{background:var(--bg)}@media (max-width: 900px){.pd-recipient-row,.pd-recipient-head{grid-template-columns:32px 40px minmax(140px,1fr) 130px}.pd-recipient-row .pd-col-guardian,.pd-recipient-head .pd-col-guardian,.pd-recipient-row .pd-col-last,.pd-recipient-head .pd-col-last{display:none}}.pd-history-item{padding:12px 14px;border-bottom:1px solid var(--border);display:flex;gap:12px;align-items:flex-start}.pd-history-item:last-child{border-bottom:none}.pd-preview-box{background:#fff;color:#000;padding:24px;border-radius:12px;border:1px solid var(--border);font-family:Georgia,Times New Roman,serif;font-size:13.5px;line-height:1.7;white-space:pre-wrap;word-break:break-word;max-height:520px;overflow-y:auto}[data-theme=dark] .pd-preview-box,[data-theme=navy] .pd-preview-box,[data-theme=noir] .pd-preview-box{background:#f5f5f5;color:#111}.pd-progress-bar{height:6px;border-radius:3px;background:var(--bg);overflow:hidden;margin:10px 0}.pd-progress-bar>div{height:100%;background:var(--gradient-primary);border-radius:3px;transition:width .25s ease}.qr-scanner-layout{display:flex;flex-direction:column;gap:14px}.qr-video-wrap{position:relative;width:100%;aspect-ratio:4 / 3;max-height:46vh;background:#0a0a0a;border-radius:14px;overflow:hidden;box-shadow:0 8px 28px #00000047}.qr-video-wrap video{width:100%;height:100%;object-fit:cover;display:block}.qr-reticle{position:absolute;inset:0;pointer-events:none}.qr-reticle-corner{position:absolute;width:34px;height:34px;border:3px solid rgba(255,255,255,.9);border-radius:6px}.qr-reticle-corner.tl{top:14%;left:14%;border-right:none;border-bottom:none}.qr-reticle-corner.tr{top:14%;right:14%;border-left:none;border-bottom:none}.qr-reticle-corner.bl{bottom:14%;left:14%;border-right:none;border-top:none}.qr-reticle-corner.br{bottom:14%;right:14%;border-left:none;border-top:none}.qr-reticle-corner.ready{border-color:var(--success, #198754);background:#1987542e;box-shadow:0 0 0 1px #fffc inset,0 0 0 2px #19875480;transition:border-color .2s,background .2s,box-shadow .2s}.qr-scanline{position:absolute;left:14%;right:14%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(247,201,72,.9) 50%,transparent 100%);box-shadow:0 0 12px #e8b84bb3;animation:qrScanline 2.4s ease-in-out infinite}@keyframes qrScanline{0%{top:16%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:84%;opacity:0}}.qr-flash{position:absolute;inset:0;background:#19875459;opacity:0;pointer-events:none;transition:opacity .1s ease-out}.qr-flash.on{opacity:1;transition:opacity .06s ease-in}.qr-video-status{position:absolute;bottom:12px;left:50%;transform:translate(-50%);padding:6px 14px;border-radius:20px;background:#0000008c;color:#fff;font-size:11.5px;font-weight:600;backdrop-filter:blur(6px);white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis}.qr-video-status[data-kind=ok]{background:#198754d9}.qr-video-status[data-kind=warn]{background:#f59e0bd9}.qr-camera-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;padding:30px 24px;color:#ffffffbf;text-align:center}.qr-camera-error svg{opacity:.55}.qr-camera-error-title{font-size:14px;font-weight:700;color:#ffffffeb}.qr-camera-error-hint{font-size:12px;color:#ffffff8c;max-width:300px;line-height:1.5}.qr-stats-row{display:grid;grid-template-columns:auto auto 1fr;gap:14px;align-items:center;padding:10px 14px;background:var(--bg);border:1px solid var(--border);border-radius:10px}.qr-stat{display:flex;flex-direction:column;gap:1px}.qr-stat-label{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted)}.qr-stat-value{font-size:20px;font-weight:800;color:var(--text);line-height:1;font-variant-numeric:tabular-nums}.qr-progress-wrap{min-width:0}.qr-progress-bar{height:6px;border-radius:3px;background:var(--border);overflow:hidden}.qr-progress-bar>div{height:100%;background:var(--gradient-success);border-radius:3px;transition:width .35s ease}.qr-scan-list-wrap{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--card)}.qr-scan-list-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg);border-bottom:1px solid var(--border);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.qr-scan-list{max-height:220px;overflow-y:auto;padding:6px 0}.qr-scan-empty{padding:22px 16px;text-align:center;font-size:12.5px;color:var(--text-muted);line-height:1.5}.qr-scan-row{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--border);animation:qrRowIn .28s cubic-bezier(.16,1,.3,1)}.qr-scan-row:last-child{border-bottom:none}@keyframes qrRowIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.qr-scan-avatar{flex-shrink:0}.qr-scan-body{flex:1;min-width:0}.qr-scan-name{font-size:13px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-scan-meta{font-size:11px;color:var(--text-muted);font-family:ui-monospace,Consolas,monospace}.qr-scan-time{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.qr-manual-row{display:flex;flex-direction:column;gap:6px}.qr-manual-label{font-size:11.5px;font-weight:600;color:var(--text-muted)}.qr-manual-input-wrap{display:flex;gap:8px}.qr-manual-input-wrap .form-control{flex:1}@media (max-width: 560px){.qr-video-wrap{max-height:36vh}.qr-stats-row{grid-template-columns:auto auto}.qr-progress-wrap{grid-column:1 / -1}.qr-scan-list{max-height:160px}}@media (prefers-reduced-motion: reduce){.qr-scanline{animation:none;top:50%}.qr-scan-row{animation:none}}.pir-tab-btn svg{width:16px;height:16px;flex-shrink:0}.pir-gst-input{width:80px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}@media print{.print-phil-iri table{width:100%;border-collapse:collapse;font-size:8.5pt}.print-phil-iri table th,.print-phil-iri table td{border:.5pt solid #000;padding:3px 5px;vertical-align:middle}.print-phil-iri table th{background:#e8ecf2;text-align:center;font-weight:700}}.pir-session-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);gap:20px;align-items:start}@media (max-width: 900px){.pir-session-grid{grid-template-columns:1fr}}.pir-session-passage{background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px 26px;max-height:70vh;overflow-y:auto}[data-theme=dark] .pir-session-passage,[data-theme=navy] .pir-session-passage,[data-theme=noir] .pir-session-passage{background:#f7f7f7;color:#111}.pir-session-meta{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.pir-session-text{font-family:Bookman Old Style,Georgia,serif;font-size:20px;line-height:1.9;color:#111}.pir-session-text p{margin:0 0 16px}.pir-reader-passage{font-family:Bookman Old Style,Georgia,serif;font-size:22px;line-height:1.85;color:var(--text);max-width:900px;margin:0 auto;padding:8px 4px}.pir-reader-passage p{margin:0 0 18px}.pir-session-panel{display:flex;flex-direction:column;gap:14px;max-height:70vh;overflow-y:auto;padding-right:4px}.pir-panel-section{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.pir-panel-head{font-size:10.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.pir-timer-display{font-size:34px;font-weight:800;font-variant-numeric:tabular-nums;text-align:center;line-height:1;color:var(--deped-blue);padding:8px 0}.pir-miscue-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.pir-miscue-btn{padding:10px 4px;border-radius:8px;background:var(--card);border:1.5px solid var(--border);color:var(--text-muted);font-weight:800;font-size:11.5px;cursor:pointer;transition:all .12s}.pir-miscue-btn:hover{background:var(--light-blue);border-color:var(--deped-blue);color:var(--deped-blue)}.pir-miscue-btn.pulse{transform:scale(1.1);background:var(--gradient-primary);color:#fff;border-color:transparent}.pir-miscue-count{font-size:12px;padding:1px 8px;border-radius:10px;background:var(--gradient-primary);color:#fff;font-weight:800;letter-spacing:0}.pir-question-list{display:flex;flex-direction:column;gap:8px;max-height:380px;overflow-y:auto;padding-right:2px}.pir-question{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:8px 10px;transition:background .15s,border-color .15s}.pir-question.correct{background:#19875414;border-color:#19875466}.pir-question-stem{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.45}.pir-question-num{min-width:20px;height:20px;border-radius:50%;background:var(--light-blue);color:var(--deped-blue);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}.pir-question-type{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:8px;flex-shrink:0;height:20px;display:inline-flex;align-items:center}.pir-question-type.type-literal{background:var(--theme-soft,#1457471f);color:var(--deped-blue)}.pir-question-type.type-inferential{background:#7c3aed1f;color:var(--accent-purple)}.pir-question-type.type-critical{background:#f59e0b26;color:#b45309}.pir-question-correct{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--border);background:var(--card);color:var(--text-muted);font-weight:800;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}.pir-question-correct:hover{border-color:var(--success);color:var(--status-success-text,var(--success))}.pir-question.correct .pir-question-correct{background:var(--success);border-color:var(--success);color:#fff}.pir-question-answer{margin-top:4px;font-size:11px;line-height:1.5;padding-left:28px}.pir-gst-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}@media (max-width: 800px){.pir-gst-layout{grid-template-columns:1fr}}.pir-gst-key{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:8px;max-height:60vh;overflow-y:auto}.pir-gst-key-row{display:flex;gap:10px;align-items:center;padding:5px 6px;border-bottom:1px solid var(--border);font-size:12px}.pir-gst-key-row:last-child{border-bottom:none}.pir-gst-key-num{min-width:22px;height:22px;border-radius:50%;background:var(--light-blue);color:var(--deped-blue);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:11px;flex-shrink:0}.pir-gst-key-answer{font-weight:700}.pir-gst-scores{display:flex;flex-direction:column;gap:6px;max-height:60vh;overflow-y:auto}.pir-gst-score-row{display:flex;align-items:center;gap:10px;padding:6px 8px;background:var(--card);border:1px solid var(--border);border-radius:8px}.pir-gst-status{width:26px;text-align:center;font-weight:800;font-size:14px}.pir-gst-status.pass{color:var(--status-success-text,var(--success))}.pir-gst-status.fail{color:var(--warning)}.pir-material-row:hover{background:var(--light-blue)}.pir-material-row:last-child{border-bottom:none!important}@media print{.print-phil-iri-passage,.print-phil-iri-gst{font-family:Bookman Old Style,Georgia,serif;color:#000}}.pir-gst-left{display:flex;flex-direction:column;max-height:70vh;overflow-y:auto;padding-right:4px}.pir-gst-passage-block{padding-bottom:14px;border-bottom:1px solid var(--border)}.pir-gst-questions{display:flex;flex-direction:column;gap:12px;padding-top:14px}.pir-gst-question{padding:8px 10px;border-radius:8px;background:var(--bg);border:1px solid var(--border)}.pir-gst-question-stem{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;font-weight:600;line-height:1.45;color:var(--text)}.pir-gst-question-choices{margin-top:6px;padding-left:30px;display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--text-muted)}.pir-gst-choice{display:flex;gap:6px}.pir-gst-choice-letter{font-weight:800;color:var(--deped-blue);min-width:16px}.pir-gst-answer-pill{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:10px;background:#1987541f;color:var(--status-success-text,var(--success));white-space:nowrap;flex-shrink:0;cursor:pointer;filter:blur(4px);transition:filter .15s ease;user-select:none}.pir-gst-answer-pill:hover,.pir-gst-answer-pill.revealed{filter:blur(0)}@media (prefers-reduced-motion: reduce){.pir-gst-answer-pill{transition:none}}.pir-gst-marking-header{position:sticky;top:0;z-index:2;background:var(--card);padding:0 0 10px;margin-bottom:10px}.pir-gst-marking-none{font-size:12px;font-style:italic;color:var(--text-muted);text-align:center;padding:10px 12px;background:var(--bg);border:1px dashed var(--border);border-radius:8px}.pir-gst-marking-active{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:linear-gradient(135deg,var(--theme-soft,#14574714),#e8b84b0f);border:1px solid var(--theme-soft);border-radius:10px;flex-wrap:wrap}.pir-gst-marking-active .pgm-left{display:flex;align-items:center;gap:6px;min-width:0}.pir-gst-marking-active .pgm-label{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);flex-shrink:0}.pir-gst-marking-active .pgm-name{font-size:13px;font-weight:800;color:var(--deped-blue);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pir-gst-marking-active .pgm-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.pir-gst-marking-active .pgm-count{font-size:11.5px;color:var(--text-muted)}.pir-gst-marking-active .pgm-count strong{color:var(--status-success-text,var(--success));font-size:14px;font-weight:800}.pir-gst-marking-active .pgm-count-warn,.pir-gst-marking-active .pgm-count-warn strong{color:#b45309}.pir-gst-tick{width:26px;height:26px;border-radius:50%;border:2px solid var(--border);background:var(--card);color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.pir-gst-tick svg{width:13px;height:13px;display:block}.pir-gst-tick:hover:not(:disabled){border-color:var(--success);color:var(--status-success-text,var(--success));transform:scale(1.06)}.pir-gst-tick.on{background:var(--success);border-color:var(--success);color:#fff;box-shadow:0 2px 8px #19875459}.pir-gst-tick:disabled{opacity:.3;cursor:not-allowed}.pir-gst-question.is-ticked .pir-gst-answer-pill{filter:blur(0);opacity:.7}.pir-gst-score-row{cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.pir-gst-score-row input{cursor:text}.pir-gst-score-row.active-marking{background:var(--light-blue);border-color:var(--deped-blue);box-shadow:0 0 0 2px var(--theme-soft,#14574726)}[data-theme=dark] .pir-gst-score-row.active-marking,[data-theme=navy] .pir-gst-score-row.active-marking,[data-theme=noir] .pir-gst-score-row.active-marking{background:var(--theme-soft,#247b632e);border-color:#93c5fd73;box-shadow:0 0 0 2px #93c5fd2e}@media (prefers-reduced-motion: reduce){.pir-gst-tick{transition:none}.pir-gst-tick:hover:not(:disabled){transform:none}}.pir-ai-block{background:linear-gradient(135deg,var(--theme-soft,#1457470d),#e8b84b0a);border:1px solid var(--theme-soft);border-left:4px solid var(--deped-blue);border-radius:10px;padding:12px 14px}.pir-ai-block-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}.pir-ai-block-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--deped-blue);flex-wrap:wrap}.pir-ai-block-title svg{width:14px;height:14px;flex-shrink:0;color:var(--accent-gold)}.pir-ai-block-badge{font-size:9.5px;font-weight:700;letter-spacing:.5px;padding:2px 8px;border-radius:10px;background:#e8b84b40;color:#b45309;text-transform:none}.pir-ai-block-actions{display:flex;gap:4px;flex-shrink:0}.pir-ai-icon-btn{width:26px;height:26px;border-radius:6px;background:transparent;border:1px solid transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .15s ease}.pir-ai-icon-btn svg{width:13px;height:13px;display:block}.pir-ai-icon-btn:hover{background:var(--light-blue);border-color:var(--deped-blue);color:var(--deped-blue)}.pir-ai-icon-btn-danger:hover{background:#dc35451a;border-color:var(--danger);color:var(--danger)}.pir-ai-block-text{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11.5px;line-height:1.65;white-space:pre-wrap;word-break:break-word;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:8px;padding:12px 14px;margin:0;max-height:360px;overflow-y:auto}.pir-ai-block-meta{font-size:10.5px;color:var(--text-muted);margin-top:8px;font-style:italic}.pir-ai-empty{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:12px 14px;background:var(--bg);border:1px dashed var(--border);border-radius:10px}.pir-ai-empty-text{display:flex;align-items:flex-start;gap:10px;flex:1;min-width:200px}.pir-ai-empty-text>svg{width:18px;height:18px;flex-shrink:0;color:var(--accent-gold);margin-top:2px}.pir-auto-strategies{border:1px solid var(--border);border-radius:10px;background:var(--card);overflow:hidden}.pir-auto-strategies>summary{cursor:pointer;padding:10px 14px;font-size:12px;font-weight:700;color:var(--text-muted);display:flex;align-items:center;gap:8px;user-select:none;list-style:none}.pir-auto-strategies>summary::-webkit-details-marker{display:none}.pir-auto-strategies>summary svg{width:14px;height:14px;flex-shrink:0}.pir-auto-strategies>summary:hover{background:var(--bg);color:var(--text)}.pir-auto-strategies[open]>summary{border-bottom:1px solid var(--border)}.pir-auto-strategies>div{padding:0 14px 12px}.pir-ai-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;gap:12px}.pir-ai-spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--deped-blue);animation:pirAiSpin .8s linear infinite;display:block}@keyframes pirAiSpin{to{transform:rotate(360deg)}}.pir-ai-plan-wrap{display:flex;flex-direction:column;gap:8px}.pir-ai-textarea{width:100%;min-height:460px;padding:16px 18px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.7;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:10px;resize:vertical;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.pir-ai-textarea:focus{border-color:var(--deped-blue);box-shadow:0 0 0 3px var(--theme-soft,#1457471f)}.pir-ai-hint{display:flex;align-items:center;gap:6px}.pir-ai-hint svg{width:12px;height:12px;flex-shrink:0;display:inline-block;vertical-align:-2px}.pir-ai-header{padding:12px 14px;background:var(--bg);border-radius:10px;border:1px solid var(--border)}@media (prefers-reduced-motion: reduce){.pir-ai-spinner{animation:none}}@media (max-width: 640px){.pir-ai-textarea{min-height:320px;font-size:12px;padding:12px}.pir-ai-block-text{font-size:11px}.pir-ai-empty{flex-direction:column;align-items:stretch}.pir-ai-empty .btn{width:100%;justify-content:center}}.bh-view-tabs{display:flex;gap:4px;align-items:center;border-bottom:1px solid var(--border);margin:-14px -18px 14px;padding:0 18px;flex-wrap:wrap}.bh-view-tab{display:inline-flex;align-items:center;gap:6px;padding:12px 14px;font-size:13px;font-weight:600;color:var(--text-muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s ease,border-color .15s ease;white-space:nowrap}.bh-view-tab svg{width:14px;height:14px;min-width:14px;min-height:14px;max-width:14px;max-height:14px;flex-shrink:0;display:block}.bh-view-tab:hover{color:var(--deped-blue)}.bh-view-tab.active{color:var(--deped-blue);border-bottom-color:var(--deped-blue)}.bh-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:10px;font-weight:800;background:var(--gradient-gold);color:var(--dark-navy);margin-left:2px}.bh-filter-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.bh-search{position:relative;flex:1;min-width:220px}.bh-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;min-width:15px;min-height:15px;max-width:15px;max-height:15px;color:var(--text-muted);pointer-events:none;flex-shrink:0}.bh-search input{width:100%;padding:9px 12px 9px 36px;min-height:38px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s}.bh-search input:focus{outline:none;border-color:var(--deped-blue);background:var(--card);box-shadow:0 0 0 3px var(--theme-soft,#1457471f)}.bh-select{min-height:38px;max-width:170px;padding:8px 12px;font-size:12.5px}.bh-list-header{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);padding:2px 0 10px}.bh-list{display:flex;flex-direction:column;gap:8px}.bh-row{display:flex;gap:14px;padding:12px 14px;border-radius:10px;background:var(--card);border:1px solid var(--border);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.bh-row:hover{transform:translate(2px);box-shadow:var(--shadow-sm);border-color:var(--deped-blue)}.bh-row svg{width:14px;height:14px;min-width:14px;min-height:14px;max-width:14px;max-height:14px;flex-shrink:0;display:block}.bh-row-main{flex:1;min-width:0}.bh-row-line1{display:flex;gap:10px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.bh-row-title{flex:1;min-width:0}.bh-row-name{font-size:13.5px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bh-row-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--text-muted);margin-top:3px}.bh-dot{opacity:.5}.bh-row-desc{font-size:12.5px;color:var(--text);line-height:1.55;margin-bottom:4px}.bh-row-action{font-size:11.5px;color:var(--text-muted);line-height:1.5;padding-top:4px;border-top:1px dashed var(--border)}.bh-row-action strong{color:var(--text);font-weight:700}.bh-row-side{display:flex;flex-direction:column;gap:8px;align-items:flex-end;justify-content:space-between;flex-shrink:0}.bh-row-follow{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;font-size:10.5px;font-weight:700;background:var(--bg);color:var(--text-muted);border:1px solid var(--border);white-space:nowrap}.bh-row-follow svg{width:11px;height:11px;min-width:11px;min-height:11px;max-width:11px;max-height:11px}.bh-row-follow.overdue{background:#dc35451a;color:var(--danger);border-color:#dc354559}.bh-row-follow.duetoday{background:#f59e0b1f;color:#b45309;border-color:#f59e0b59}.bh-row-actions{display:flex;gap:2px}.bh-row-actions .icon-btn{width:28px;height:28px}.bh-row-actions .icon-btn svg{width:15px;height:15px;min-width:15px;min-height:15px;max-width:15px;max-height:15px}.bh-learner-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.bh-learner-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.bh-learner-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--deped-blue)}.bh-learner-card.flagged{border-color:#dc354566;background:linear-gradient(135deg,rgba(220,53,69,.04) 0%,var(--card) 60%)}.bh-learner-card svg{width:14px;height:14px;min-width:14px;min-height:14px;max-width:14px;max-height:14px;flex-shrink:0;display:block}.bh-learner-card-head{display:flex;gap:10px;align-items:center;margin-bottom:12px}.bh-learner-card-head .icon-btn svg{width:15px;height:15px;min-width:15px;min-height:15px;max-width:15px;max-height:15px}.bh-learner-name{font-size:13.5px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bh-learner-meta{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.bh-learner-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.bh-lc-item{text-align:center}.bh-lc-value{font-size:18px;font-weight:800;line-height:1}.bh-lc-label{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-top:3px}.bh-flag-note{display:flex;align-items:center;gap:5px;margin-top:12px;padding:6px 10px;background:#dc35451a;color:var(--danger);border-radius:6px;font-size:11px;font-weight:700}.bh-flag-note svg{width:12px;height:12px;min-width:12px;min-height:12px;max-width:12px;max-height:12px}.bh-fu-group{margin-bottom:18px}.bh-fu-group:last-child{margin-bottom:0}.bh-fu-group-head{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;background:var(--bg);color:var(--text-muted)}.bh-fu-group-head.overdue{background:#dc35451f;color:var(--danger)}.bh-fu-group-head.today{background:#f59e0b24;color:#b45309}.bh-fu-group-head.week{background:var(--light-blue);color:var(--deped-blue)}.bh-fu-count{background:#00000014;padding:2px 8px;border-radius:10px;font-size:11px;color:inherit}.bh-fu-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;background:var(--card);border:1px solid var(--border);margin-bottom:6px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.bh-fu-row svg{width:14px;height:14px;min-width:14px;min-height:14px;max-width:14px;max-height:14px;flex-shrink:0;display:block}.bh-fu-row:hover{transform:translate(2px);box-shadow:var(--shadow-sm)}.bh-fu-main{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.bh-fu-name{font-size:13px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bh-fu-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:11px;color:var(--text-muted);margin-top:3px}.bh-fu-date{padding:1px 8px;border-radius:10px;background:var(--bg);font-weight:600}.bh-fu-date.overdue{background:#dc35451f;color:var(--danger);font-weight:800}.bh-fu-date.today{background:#f59e0b24;color:#b45309;font-weight:800}.bh-fu-note{font-size:11.5px;color:var(--text-muted);line-height:1.5;margin-top:4px}.bh-fu-actions{display:flex;gap:6px;flex-shrink:0}.bh-fu-actions .btn{min-height:30px;padding:4px 10px;font-size:11.5px}.bh-fu-actions .btn svg{width:12px;height:12px;min-width:12px;min-height:12px;max-width:12px;max-height:12px}.bh-detail{display:flex;flex-direction:column;gap:14px}.bh-detail svg{width:14px;height:14px;min-width:14px;min-height:14px;max-width:14px;max-height:14px;flex-shrink:0;display:block}.bh-detail-head{padding:12px 14px;background:var(--bg);border-radius:10px}.bh-detail-section{padding:4px 0}.bh-detail-label{font-size:10.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.bh-detail-body{font-size:13px;line-height:1.65;color:var(--text)}.bh-detail-meta{display:flex;gap:6px;flex-wrap:wrap;font-size:11px;color:var(--text-muted);padding-top:10px;border-top:1px dashed var(--border)}.bh-chip-grid{display:flex;flex-wrap:wrap;gap:6px}.bh-chip-grid-3{gap:8px}.bh-cat-chip,.bh-sev-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:20px;font-size:12px;font-weight:600;background:var(--card);border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all .15s ease;font-family:inherit}.bh-cat-chip svg{width:12px;height:12px;min-width:12px;min-height:12px;max-width:12px;max-height:12px;flex-shrink:0;display:block}.bh-cat-chip:hover,.bh-sev-chip:hover{border-color:var(--chip-tone, var(--deped-blue));color:var(--chip-tone, var(--deped-blue));transform:translateY(-1px)}.bh-cat-chip.active{background:var(--light-blue);border-color:var(--chip-tone, var(--deped-blue));color:var(--chip-tone, var(--deped-blue));font-weight:700;box-shadow:0 2px 8px var(--theme-soft,#14574726)}.bh-sev-chip{flex-direction:column;align-items:flex-start;gap:1px;padding:8px 14px;min-width:110px}.bh-sev-chip strong{font-size:12.5px}.bh-sev-chip span{font-size:10.5px;opacity:.75;font-weight:500}.bh-sev-chip.active{background:var(--light-blue);border-color:var(--chip-tone, var(--deped-blue));color:var(--chip-tone, var(--deped-blue))}@media print{.print-behavior table{width:100%;border-collapse:collapse;font-size:8.5pt}.print-behavior table th,.print-behavior table td{border:.5pt solid #000;padding:3px 5px;vertical-align:top;text-align:left}.print-behavior table th{background:#e8ecf2;text-align:center;font-weight:700}}@media (max-width: 640px){.bh-row{flex-direction:column}.bh-row-side{align-items:stretch;flex-direction:row;justify-content:space-between}.bh-learner-counts{grid-template-columns:repeat(2,1fr);gap:8px}.bh-fu-row{flex-direction:column;align-items:stretch}.bh-fu-actions{justify-content:flex-end}.bh-select{max-width:none;flex:1;min-width:130px}}body.zg-scanner-open{overflow:hidden}.zg-scanner{position:fixed;inset:0;z-index:9999;background:#000;display:flex;flex-direction:column;color:#fff;font-family:var(--font);overscroll-behavior:contain;touch-action:manipulation}.zg-header{display:flex;align-items:center;justify-content:space-between;padding:0 6px;padding-top:env(safe-area-inset-top,0);height:calc(56px + env(safe-area-inset-top,0));flex-shrink:0;background:var(--gradient-primary);box-shadow:0 2px 10px #00000047;z-index:10}.zg-header-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;color:#fff;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s}.zg-header-btn:active{background:#ffffff2e}.zg-header-btn svg{width:23px;height:23px;display:block}.zg-header-title{font-family:Courier New,ui-monospace,SF Mono,monospace;font-weight:900;font-size:16px;letter-spacing:4.5px;text-transform:uppercase;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}.zg-video-wrap{flex:1;position:relative;overflow:hidden;background:#000;min-height:0}.zg-video-wrap video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.zg-viewfinder{position:absolute;width:20%;height:14%;pointer-events:none;z-index:3;background:color-mix(in srgb,var(--deped-blue) 22%,rgba(0,0,0,.42));backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border:2.5px solid var(--deped-blue);border-radius:10px;box-shadow:0 0 0 1px color-mix(in srgb,var(--deped-blue) 40%,transparent) inset,0 0 16px color-mix(in srgb,var(--deped-blue) 55%,transparent),0 0 34px color-mix(in srgb,var(--deped-blue) 25%,transparent);transition:border-color .22s ease,background .22s ease,box-shadow .22s ease}.zg-viewfinder.tl{top:1%;left:1.35%}.zg-viewfinder.tr{top:1%;right:1.35%}.zg-viewfinder.bl{bottom:1%;left:1.35%}.zg-viewfinder.br{bottom:1%;right:1.35%}.zg-viewfinder:after{content:"";position:absolute;left:18%;top:17.7%;width:64%;height:64.6%;border:1.5px dashed color-mix(in srgb,var(--deped-blue) 60%,transparent);border-radius:4px;pointer-events:none;opacity:.6}.zg-viewfinder.ready:after{border-color:color-mix(in srgb,var(--success) 70%,transparent);opacity:.9}.zg-viewfinder.ready{border-color:var(--success);background:color-mix(in srgb,var(--success) 24%,rgba(0,0,0,.36));box-shadow:0 0 0 1px color-mix(in srgb,var(--success) 50%,transparent) inset,0 0 18px color-mix(in srgb,var(--success) 70%,transparent),0 0 36px color-mix(in srgb,var(--success) 32%,transparent)}@media (prefers-reduced-motion: reduce){.zg-viewfinder{transition:none}}.zg-counter{position:absolute;top:calc(14px + env(safe-area-inset-top,0));right:calc(14px + env(safe-area-inset-right,0));min-width:40px;height:36px;padding:0 12px;border-radius:18px;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Courier New,ui-monospace,monospace;font-size:15px;font-weight:900;z-index:5;border:1.5px solid rgba(255,255,255,.18);gap:8px;cursor:pointer;-webkit-tap-highlight-color:transparent}.zg-flash{position:absolute;inset:0;background:#22c55e61;opacity:0;pointer-events:none;z-index:2;transition:opacity .1s ease-out}.zg-flash.on{opacity:1;transition:opacity .06s ease-in}.zg-status-pill{position:absolute;bottom:calc(28px + env(safe-area-inset-bottom,0));left:50%;transform:translate(-50%);min-width:200px;max-width:calc(100vw - 160px);padding:10px 16px 12px;border-radius:10px;background:#f5f5f5f2;color:#111;text-align:center;z-index:4;box-shadow:0 6px 22px #0006;pointer-events:none}.zg-status-main{font-size:15px;font-weight:800;line-height:1.3;color:#111;transition:color .15s ease}.zg-status-main.warn{color:#92400e}.zg-status-main.ok{color:var(--theme-accent,#0b5a2c)}.zg-status-main.err{color:#991b1b}.zg-status-sub{font-size:12.5px;font-weight:700;color:#333;margin-top:3px;letter-spacing:.3px;text-transform:uppercase;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zg-undo{position:absolute;right:calc(14px + env(safe-area-inset-right,0));bottom:calc(28px + env(safe-area-inset-bottom,0));width:52px;height:52px;border-radius:50%;background:#ffffff24;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.28);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;-webkit-tap-highlight-color:transparent;transition:opacity .18s,transform .12s,background .15s}.zg-undo:disabled{opacity:.28;cursor:not-allowed;pointer-events:none}.zg-undo:not(:disabled):active{transform:scale(.92);background:#ffffff42}.zg-undo svg{width:24px;height:24px;display:block}.zg-camera-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 24px;text-align:center;gap:12px;color:#ffffffbf;z-index:6;background:#0a0a0a}.zg-camera-error svg{opacity:.55}.zg-camera-error-title{font-size:15px;font-weight:700;color:#ffffffeb;line-height:1.4}.zg-camera-error-hint{font-size:12.5px;color:#ffffff8c;max-width:320px;line-height:1.5}body.zg-scanner-open .modal-overlay{z-index:10050}body.zg-scanner-open #toast-container{z-index:10060;top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 110px);left:12px;right:12px}.zg-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}.zg-counter svg{width:18px;height:18px;flex-shrink:0}.zg-count-total{opacity:.6;font-weight:700;font-size:12px}.zg-counter{pointer-events:auto}.zg-tools{position:absolute;z-index:5;top:calc(62px + env(safe-area-inset-top,0px));right:calc(14px + env(safe-area-inset-right,0px));display:flex;flex-direction:column;gap:10px}.zg-tool{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0000008c;color:#fff;border:1.5px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;-webkit-tap-highlight-color:transparent}.zg-tool[hidden]{display:none}.zg-tool svg{width:20px;height:20px}.zg-tool-text{font:800 13px var(--font)}.zg-tool.on{background:#facc15;color:#111;border-color:#facc15}.zg-card{position:absolute;z-index:6;top:calc(12px + env(safe-area-inset-top,0px));left:12px;right:76px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#fffffff7;color:#111;box-shadow:0 8px 28px #00000073;border-left:6px solid #22c55e;transform:translateY(-14px);opacity:0;transition:transform .18s ease,opacity .18s ease}.zg-card[hidden]{display:none}.zg-card.show{transform:none;opacity:1}.zg-card.warn{border-left-color:#f59e0b}.zg-card-text{flex:1;min-width:0}.zg-card-title{font-weight:800;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zg-card-sub{font-size:12px;color:#444;margin-top:2px}.zg-card-btn{min-height:40px;padding:0 14px;border-radius:10px;border:0;background:var(--deped-blue);color:#fff;font:800 13px var(--font);cursor:pointer}.zg-card.warn .zg-card-btn{background:#b45309}.zg-coach{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;padding:24px;background:#0009}.zg-coach-card{background:#fff;color:#111;border-radius:18px;padding:20px;max-width:340px;width:100%}.zg-coach-card h4{margin:0 0 8px;font-size:18px}.zg-coach-card ul{margin:0 0 16px;padding-left:18px;font-size:14px;line-height:1.55}.zg-btn{min-height:48px;padding:0 20px;border-radius:12px;border:0;font:800 15px var(--font);cursor:pointer;-webkit-tap-highlight-color:transparent}.zg-btn.primary{background:var(--deped-blue);color:#fff;flex:1}.zg-btn.ghost{background:#0000000f;color:#111}.zg-btn.ghost.danger{color:#b91c1c}.zg-btn:disabled{opacity:.5}.zg-camera-error .zg-btn{margin-top:6px}.zg-sheet-backdrop{position:absolute;inset:0;z-index:20;background:#0000008c;opacity:0;transition:opacity .2s ease}.zg-sheet-backdrop[hidden],.zg-sheet[hidden]{display:none}.zg-sheet-backdrop.open{opacity:1}.zg-sheet{position:absolute;left:0;right:0;bottom:0;z-index:21;max-height:72%;display:flex;flex-direction:column;background:#fff;color:#111;border-radius:20px 20px 0 0;transform:translateY(100%);transition:transform .24s cubic-bezier(.2,.8,.2,1);padding-bottom:env(safe-area-inset-bottom,0px);touch-action:pan-y}.zg-sheet.tall{max-height:92%;height:92%}.zg-sheet.open{transform:none}.zg-sheet-grab{width:40px;height:4px;border-radius:2px;background:#cbd5e1;margin:8px auto 0}.zg-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 6px 18px}.zg-sheet-head h3{margin:0;font-size:17px;font-weight:800}.zg-sheet-x{width:44px;height:44px;border:0;background:transparent;color:#334155;display:flex;align-items:center;justify-content:center}.zg-sheet-x svg{width:22px;height:22px}.zg-sheet-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:4px 16px 16px;touch-action:pan-y}.zg-sheet-foot{display:flex;gap:10px;padding:10px 16px 14px;border-top:1px solid #e2e8f0}.zg-sheet-foot[hidden]{display:none}.zg-empty{text-align:center;color:#64748b;padding:36px 12px;line-height:1.6}.zg-fine{font-size:12px;color:#64748b;margin:12px 0 0}.zg-warn-text{color:#b45309}.zg-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:4px 0 12px}.zg-summary>div{background:#f1f5f9;border-radius:12px;padding:10px 4px;text-align:center}.zg-summary>div.warn{background:#fef3c7}.zg-summary b{display:block;font-size:18px}.zg-summary span{font-size:11px;color:#475569;text-transform:uppercase;letter-spacing:.4px}.zg-rows{display:flex;flex-direction:column}.zg-row{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:8px 4px;background:transparent;border:0;border-bottom:1px solid #e2e8f0;text-align:left;font:inherit;color:inherit;cursor:pointer}.zg-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.zg-row-name{font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zg-row-meta{font-size:12px;color:#64748b}.zg-row-pct{font-weight:900;font-size:18px}.zg-row-pct.good,.zg-rev-score.good{color:#15803d}.zg-row-pct.ok,.zg-rev-score.ok{color:#1d4ed8}.zg-row-pct.mid,.zg-rev-score.mid{color:#b45309}.zg-row-pct.low,.zg-rev-score.low{color:#b91c1c}.zg-rev-top{display:flex;align-items:center;gap:14px;margin:2px 0 12px}.zg-rev-score{font-size:40px;font-weight:900;line-height:1}.zg-rev-meta{font-size:13px;color:#475569;line-height:1.5}.zg-seg{display:flex;background:#e2e8f0;border-radius:12px;padding:3px;gap:3px;margin-bottom:12px}.zg-seg button{flex:1;min-height:40px;border:0;border-radius:10px;background:transparent;font:700 13px var(--font);color:#334155;cursor:pointer}.zg-seg button.on{background:#fff;color:#111;box-shadow:0 1px 4px #0000002e}.zg-q{padding:10px 0 12px;border-bottom:1px solid #e2e8f0}.zg-q.edited{background:linear-gradient(90deg,#ede9fe 0,transparent 70%)}.zg-q-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px}.zg-q-key{margin-left:auto;font-size:12px;color:#64748b;font-weight:700}.zg-tag{font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px}.zg-tag.good{background:#dcfce7;color:#166534}.zg-tag.warn{background:#fef3c7;color:#92400e}.zg-tag.bad{background:#fee2e2;color:#991b1b}.zg-tag.mute{background:#e2e8f0;color:#475569}.zg-q-choices{display:flex;gap:8px;flex-wrap:wrap}.zg-ch{min-width:48px;min-height:48px;padding:0 10px;border-radius:12px;border:2px solid #cbd5e1;background:#fff;color:#111;font:800 16px var(--font);cursor:pointer;-webkit-tap-highlight-color:transparent}.zg-ch.key{border-color:#22c55e}.zg-ch.sel{background:#1b5e20;border-color:#1b5e20;color:#fff}.zg-ch-blank{font-size:13px;color:#475569}.zg-ch-blank.sel{background:#475569;border-color:#475569;color:#fff}.zg-set{margin-bottom:16px}.zg-set-label{font-weight:700;font-size:14px;margin-bottom:8px}.zg-set-label small{display:block;font-weight:500;color:#64748b;font-size:12px}.zg-set-row{display:flex;align-items:center;justify-content:space-between}.zg-set-row .zg-set-label{margin:0}.zg-switch{width:52px;height:32px;border-radius:16px;border:0;background:#cbd5e1;position:relative;cursor:pointer;flex-shrink:0}.zg-switch i{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 3px #0000004d}.zg-switch.on{background:#1b5e20}.zg-switch.on i{transform:translate(20px)}@media (orientation: landscape) and (max-height: 520px){.zg-header{height:calc(44px + env(safe-area-inset-top,0px))}.zg-header-btn{width:40px;height:40px}.zg-status-pill{bottom:10px;padding:6px 16px 8px;min-width:200px}.zg-status-sub{display:none}.zg-undo{bottom:10px;width:44px;height:44px}.zg-sheet,.zg-sheet.tall{max-height:96%;height:auto}.zg-card{right:140px}}@media (prefers-reduced-motion: reduce){.zg-sheet,.zg-sheet-backdrop,.zg-card,.zg-flash{transition:none}}.sync-waiting{display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px 20px;text-align:center}.sync-spinner{width:32px;height:32px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--deped-blue);animation:syncSpin .85s linear infinite}@keyframes syncSpin{to{transform:rotate(360deg)}}.sync-waiting-text{font-size:13px;color:var(--text-muted)}.sync-code-display{text-align:center;padding:24px 12px 18px}.sync-code-label{font-size:11.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.sync-code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:clamp(38px,8vw,64px);font-weight:800;letter-spacing:12px;color:var(--deped-blue);background:var(--light-blue);border:2px dashed var(--deped-blue);border-radius:14px;padding:16px 20px;display:inline-block;user-select:all;margin-bottom:10px}[data-theme=dark] .sync-code,[data-theme=navy] .sync-code,[data-theme=noir] .sync-code{color:#93c5fd;background:#93c5fd1a;border-color:#93c5fd66}.sync-code-hint{display:flex;justify-content:center;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);margin-top:12px;padding-top:12px;border-top:1px dashed var(--border);width:100%;max-width:320px;margin-left:auto;margin-right:auto}.sync-code-hint svg{width:12px;height:12px;animation:syncPulse 1.6s ease-in-out infinite}@keyframes syncPulse{0%,to{opacity:.5}50%{opacity:1}}.sync-progress-wrap{padding:18px 4px 6px}.sync-progress-label{font-size:13px;color:var(--text);margin-bottom:8px}.sync-progress-bar{height:6px;border-radius:3px;background:var(--bg);overflow:hidden}.sync-progress-bar>div{height:100%;background:var(--gradient-primary);border-radius:3px;transition:width .2s ease}.sync-progress-pct{font-size:11px;color:var(--text-muted);text-align:right;margin-top:4px;font-variant-numeric:tabular-nums}.sync-result{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:12px;margin:6px 0}.sync-result svg{width:26px;height:26px;flex-shrink:0}.sync-result.ok{background:#1987541a;color:var(--status-success-text,var(--success))}.sync-result.err{background:#dc35451a;color:var(--danger)}.sync-result-title{font-size:14.5px;font-weight:800;margin-bottom:3px}.sync-result-sub{font-size:12.5px;line-height:1.5;opacity:.85}@media (max-width: 480px){.sync-code{letter-spacing:8px;padding:12px 14px}}#content .card-head h3 svg,#content .card-head h3>* svg{width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px;flex-shrink:0;display:block;vertical-align:middle;stroke-width:2}#content .card h4 svg{width:14px;height:14px;min-width:14px;min-height:14px;max-width:14px;max-height:14px;flex-shrink:0;display:block;vertical-align:middle}.sync-code-hint svg{width:12px;height:12px;min-width:12px;min-height:12px;max-width:12px;max-height:12px;flex-shrink:0;display:block}.sync-result>svg{width:24px;height:24px;min-width:24px;min-height:24px;max-width:24px;max-height:24px;flex-shrink:0;display:block;margin-top:1px}.sync-progress-label svg{width:13px;height:13px;min-width:13px;min-height:13px;max-width:13px;max-height:13px;flex-shrink:0;display:inline-block;vertical-align:-2px;margin-right:4px}#content .card-head h3[style*="display:flex"]{align-items:center}.item-hero{position:relative;overflow:hidden;border-radius:18px;padding:22px 24px;margin-bottom:20px;background:var(--gradient-hero);color:#fff;box-shadow:0 12px 36px #0f172a40;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.item-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:40px 40px;opacity:.6;pointer-events:none}.item-hero>*{position:relative;z-index:1}.item-hero-icon{width:60px;height:60px;border-radius:16px;background:#ffffff24;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 20px #0003,inset 0 1px #ffffff4d}.item-hero-icon svg{width:28px;height:28px;color:#fde68a;filter:drop-shadow(0 2px 6px rgba(247,201,72,.4))}.item-hero-body{flex:1;min-width:220px}.item-hero-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;opacity:.85}.item-hero-title{font-size:clamp(18px,2vw,24px);font-weight:800;letter-spacing:-.3px;margin-top:3px;line-height:1.2}.item-hero-meta{font-size:12.5px;opacity:.88;margin-top:7px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.item-hero-meta .dot{opacity:.5}.item-hero select{background:#fffffff5;color:var(--text);border:1px solid rgba(255,255,255,.4);font-weight:700;width:auto!important;min-width:220px;max-width:320px;margin-left:auto;box-shadow:0 4px 14px #0000002e}@media (max-width: 640px){.item-hero select{margin-left:0;width:100%!important}}.item-kpi{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.item-kpi:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.item-kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--kpi-color, var(--deped-blue));opacity:.9}.item-kpi[data-kpi-tone=blue]{--kpi-color: var(--deped-blue);--kpi-bg: rgba(20,87,71, .1)}.item-kpi[data-kpi-tone=green]{--kpi-color: var(--success);--kpi-bg: rgba(25, 135, 84, .1)}.item-kpi[data-kpi-tone=amber]{--kpi-color: #B45309;--kpi-bg: rgba(245, 158, 11, .14)}.item-kpi[data-kpi-tone=red]{--kpi-color: var(--danger);--kpi-bg: rgba(220, 53, 69, .1)}.item-kpi[data-kpi-tone=purple]{--kpi-color: var(--accent-purple);--kpi-bg: rgba(124, 58, 237, .1)}.item-kpi[data-kpi-tone=muted]{--kpi-color: var(--text-muted);--kpi-bg: var(--bg)}.item-kpi-icon{width:34px;height:34px;border-radius:9px;background:var(--kpi-bg);color:var(--kpi-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.item-kpi-icon svg{width:17px;height:17px;display:block}.item-kpi-value{font-size:26px;font-weight:800;line-height:1;letter-spacing:-.6px;color:var(--text)}.item-kpi-value .unit{font-size:14px;font-weight:700;opacity:.55;margin-left:2px}.item-kpi-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.item-kpi-hint{font-size:11px;color:var(--text-muted);opacity:.9;line-height:1.35}.item-dist-list{display:flex;flex-direction:column;gap:8px}.item-dist-row{display:grid;grid-template-columns:130px minmax(0,1fr) 80px;gap:10px;align-items:center}.item-dist-info{min-width:0}.item-dist-label{display:block;font-size:12px;font-weight:700;color:var(--text)}.item-dist-range{display:block;font-size:10.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px}.item-dist-bar{height:8px;border-radius:4px;background:var(--bg);overflow:hidden}.item-dist-bar>div{height:100%;border-radius:4px;transition:width .35s ease}.item-dist-row[data-tone=green] .item-dist-bar>div{background:var(--gradient-success)}.item-dist-row[data-tone=blue] .item-dist-bar>div{background:var(--gradient-primary)}.item-dist-row[data-tone=amber] .item-dist-bar>div{background:var(--gradient-gold)}.item-dist-row[data-tone=red] .item-dist-bar>div{background:var(--gradient-danger)}.item-dist-count{text-align:right;font-size:13px;font-weight:700;color:var(--text)}.item-dist-pct{font-size:11px;color:var(--text-muted);font-weight:500}.item-spread{padding:8px 2px 4px}.item-spread-bar{position:relative;height:14px;margin:12px 0 6px}.item-spread-track{position:absolute;inset:4px 0;border-radius:3px;background:var(--bg)}.item-spread-fill{position:absolute;top:4px;bottom:4px;background:linear-gradient(90deg,var(--theme-soft,#14574759),var(--theme-soft,#247b638c));border-radius:3px}.item-spread-marker{position:absolute;top:0;bottom:0;width:3px;border-radius:2px;transform:translate(-50%);box-shadow:0 0 6px #00000026}.item-spread-mean{background:var(--deped-blue)}.item-spread-median{background:var(--accent-gold)}.item-spread-passing{top:-4px;bottom:-4px;background:var(--danger);opacity:.5;border-radius:0;width:2px}.item-spread-axis{display:flex;justify-content:space-between;font-size:10.5px;color:var(--text-muted);font-variant-numeric:tabular-nums}.item-spread-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px;font-size:11.5px;color:var(--text-muted)}.item-spread-legend span{display:inline-flex;align-items:center;gap:6px}.item-spread-legend i{display:inline-block;width:8px;height:8px;border-radius:50%}.item-spread-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;padding-top:12px;border-top:1px dashed var(--border)}.item-spread-stats>div{text-align:center}.item-spread-stats .lbl{display:block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:3px}.item-spread-stats .val{display:block;font-size:16px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.item-table{width:100%;border-collapse:collapse;font-size:12.5px}.item-table thead th{background:var(--bg);text-align:left;padding:10px 12px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}.item-table tbody tr.item-row{border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s ease}.item-table tbody tr.item-row:hover,.item-table tbody tr.item-row.is-open{background:var(--light-blue)}.item-table td{padding:10px 12px;vertical-align:middle;color:var(--text)}.item-num{font-weight:800;color:var(--text-muted);text-align:center}.item-stem{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-correct{text-align:center;font-variant-numeric:tabular-nums}.item-correct strong{font-weight:800}.item-correct .of{color:var(--text-muted);font-weight:400;margin:0 1px}.item-diff-bar{height:6px;border-radius:3px;background:var(--bg);overflow:hidden;margin-bottom:4px}.item-diff-bar>div{height:100%;border-radius:3px}.item-diff-bar[data-tone=green]>div{background:var(--gradient-success)}.item-diff-bar[data-tone=blue]>div{background:var(--gradient-primary)}.item-diff-bar[data-tone=amber]>div{background:var(--gradient-gold)}.item-diff-bar[data-tone=red]>div{background:var(--gradient-danger)}.item-diff-label{font-size:10.5px;color:var(--text-muted);letter-spacing:.2px}.item-diff-label strong{color:var(--text);font-weight:800}.item-diff-label[data-tone=green] strong{color:var(--status-success-text,var(--success))}.item-diff-label[data-tone=amber] strong{color:#b45309}.item-diff-label[data-tone=red] strong{color:var(--danger)}.item-disc-value{font-weight:800;font-variant-numeric:tabular-nums;margin-right:6px}.item-disc-value[data-tone=green]{color:var(--status-success-text,var(--success))}.item-disc-value[data-tone=blue]{color:var(--deped-blue)}.item-disc-value[data-tone=amber]{color:#b45309}.item-disc-value[data-tone=red]{color:var(--danger)}.item-disc-value[data-tone=muted]{color:var(--text-muted)}.item-disc-label{font-size:10.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.item-disc-label[data-tone=green]{color:var(--status-success-text,var(--success))}.item-disc-label[data-tone=amber]{color:#b45309}.item-disc-label[data-tone=red]{color:var(--danger)}.item-verdict-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:10.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap}.item-verdict-badge[data-tone=green]{background:#1987541f;color:var(--status-success-text,var(--success))}.item-verdict-badge[data-tone=blue]{background:var(--light-blue);color:var(--deped-blue)}.item-verdict-badge[data-tone=amber]{background:#f59e0b26;color:#b45309}.item-verdict-badge[data-tone=red]{background:#dc35451f;color:var(--danger)}.item-verdict-badge[data-tone=muted]{background:var(--bg);color:var(--text-muted)}.item-chev{text-align:center;color:var(--text-muted)}.item-chev svg{width:14px;height:14px;transition:transform .15s ease}.item-row.is-open .item-chev svg{transform:rotate(180deg)}.item-detail-row td{padding:0;background:var(--bg);border-bottom:1px solid var(--border)}.item-detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:20px;padding:18px 20px}@media (max-width: 800px){.item-detail-grid{grid-template-columns:1fr}}.item-detail-col{min-width:0}.item-detail-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:10px}.item-distractors{display:flex;flex-direction:column;gap:8px}.item-distractor{display:grid;grid-template-columns:26px minmax(0,1fr) 60px;gap:10px;align-items:center;padding:6px 8px;border-radius:8px;background:var(--card);border:1px solid var(--border);transition:border-color .15s ease}.item-distractor.is-key{border-color:#19875459;background:linear-gradient(90deg,rgba(25,135,84,.06),var(--card))}.item-distractor-letter{width:22px;height:22px;border-radius:50%;background:var(--light-blue);color:var(--deped-blue);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.item-distractor.is-key .item-distractor-letter{background:var(--gradient-success);color:#fff}.item-distractor-body{min-width:0}.item-distractor-text{font-size:12.5px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.item-distractor-key{display:inline-block;font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--status-success-text,var(--success));margin-left:6px}.item-distractor-bar{height:4px;border-radius:2px;background:var(--bg);overflow:hidden}.item-distractor-bar>div{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--theme-soft,#14574780),var(--theme-accent,#247b63d9));transition:width .25s ease}.item-distractor.is-key .item-distractor-bar>div{background:linear-gradient(90deg,#19875499,#10b981)}.item-distractor-count{text-align:right;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text)}.item-distractor-count .of{color:var(--text-muted);font-weight:400;margin:0 1px}.item-warning{display:flex;gap:8px;align-items:center;margin-top:12px;padding:8px 12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.28);border-radius:8px;font-size:11.5px;color:#92400e}.item-warning svg{width:14px;height:14px;flex-shrink:0;display:block}.item-detail-side{padding:14px 16px;background:var(--card);border:1px solid var(--border);border-radius:10px;align-self:flex-start}.item-detail-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:12px;border-bottom:1px dashed var(--border)}.item-detail-row:last-of-type{border-bottom:none}.item-detail-row .lbl{color:var(--text-muted)}.item-detail-row .val{font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.item-detail-row .val[data-tone=green]{color:var(--status-success-text,var(--success))}.item-detail-row .val[data-tone=amber]{color:#b45309}.item-detail-row .val[data-tone=red]{color:var(--danger)}.item-detail-hint{font-size:10.5px;line-height:1.55;color:var(--text-muted);margin-top:12px;padding-top:10px;border-top:1px dashed var(--border)}.item-no-detail{display:flex;gap:16px;align-items:flex-start;padding:20px;background:linear-gradient(135deg,var(--theme-soft,#1457470d),#e8b84b0d);border:1px dashed var(--border);border-radius:12px}.item-no-detail>svg{width:32px;height:32px;flex-shrink:0;color:var(--deped-blue);opacity:.7}.item-no-detail-title{font-size:14px;font-weight:800;color:var(--text);margin-bottom:4px}.item-no-detail-text{font-size:12.5px;color:var(--text-muted);line-height:1.6;margin:0 0 12px}.item-insights{display:flex;flex-direction:column;gap:10px}.item-insight{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:10px;border-left:4px solid var(--tone-color, var(--deped-blue));background:var(--tone-bg, var(--bg))}.item-insight[data-tone=success]{--tone-color: var(--success);--tone-bg: rgba(25, 135, 84, .06)}.item-insight[data-tone=info]{--tone-color: var(--deped-blue);--tone-bg: var(--light-blue)}.item-insight[data-tone=warning]{--tone-color: #B45309;--tone-bg: rgba(245, 158, 11, .08)}.item-insight[data-tone=danger]{--tone-color: var(--danger);--tone-bg: rgba(220, 53, 69, .06)}.item-insight-icon{flex-shrink:0;width:32px;height:32px;border-radius:8px;background:var(--card);color:var(--tone-color);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000000f}.item-insight-icon svg{width:16px;height:16px;display:block}.item-insight-title{font-size:13px;font-weight:800;color:var(--text);margin-bottom:3px}.item-insight-text{font-size:12.5px;line-height:1.55;color:var(--text-muted)}@media (max-width: 900px){.item-hero{padding:18px;gap:14px}.item-hero-icon{width:48px;height:48px;border-radius:13px}.item-hero-icon svg{width:22px;height:22px}.item-dist-row{grid-template-columns:110px minmax(0,1fr) 60px;gap:8px}.item-table{font-size:11.5px}.item-table thead th{padding:8px;font-size:9.5px}.item-table td{padding:8px}}@media (max-width: 640px){.item-dist-row{grid-template-columns:1fr;gap:4px}.item-dist-count{text-align:left}.item-dist-label,.item-dist-range{display:inline}.item-dist-range{margin-left:6px}.item-table thead th:nth-child(5),.item-table tbody td:nth-child(5){display:none}.item-detail-grid{padding:14px}}.dup-group{border:1px solid var(--border);border-radius:12px;margin-bottom:12px;overflow:hidden;background:var(--card);transition:opacity .15s ease}.dup-group.is-disabled{opacity:.45}.dup-group-head{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg);border-bottom:1px solid var(--border);cursor:pointer;user-select:none}.dup-group-head input[type=checkbox]{width:16px;height:16px;accent-color:var(--danger);cursor:pointer;flex-shrink:0}.dup-lrn{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;font-weight:800;color:var(--danger);letter-spacing:.3px}.dup-count{margin-left:auto;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.dup-records{display:flex;flex-direction:column;gap:6px;padding:10px 12px}.dup-record{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border:2px solid var(--border);border-radius:10px;cursor:pointer;transition:all .15s ease;background:var(--card)}.dup-record:hover{border-color:var(--deped-blue)}.dup-record.is-selected{border-color:var(--success);background:#1987540f;box-shadow:0 0 0 3px #1987541a}.dup-record input[type=radio]{margin-top:3px;accent-color:var(--success);flex-shrink:0;width:16px;height:16px;cursor:pointer}.dup-record-body{flex:1;min-width:0}.dup-record-name{font-size:13.5px;font-weight:800;color:var(--text);margin-bottom:3px}.dup-record-meta{font-size:11px;color:var(--text-muted);line-height:1.5;margin-bottom:6px}.dup-record-meta code{color:var(--text)}.dup-record-tags{display:flex;gap:4px;flex-wrap:wrap}.dup-tag{display:inline-flex;align-items:center;padding:1px 7px;border-radius:10px;font-size:9.5px;font-weight:700;letter-spacing:.3px;background:var(--bg);color:var(--text-muted);border:1px solid var(--border)}.dup-tag.has{background:#1987541f;color:var(--status-success-text,var(--success));border-color:transparent}.dup-record-badge{flex-shrink:0;align-self:center;min-width:34px;height:34px;padding:0 8px;border-radius:10px;background:var(--bg);color:var(--text-muted);font-weight:800;font-size:13px;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;justify-content:center}.dup-record.is-selected .dup-record-badge{background:var(--gradient-success);color:#fff}.dup-summary{padding:12px 14px;background:var(--bg);border-radius:10px;border:1px dashed var(--border);font-size:13px;text-align:center;color:var(--text)}.sf1-preview-wrap{max-height:640px;overflow:auto;border-radius:var(--radius);border:1px solid var(--border);background:var(--card);position:relative;scrollbar-width:thin}.sf1-preview-wrap::-webkit-scrollbar{height:12px;width:10px}.sf1-preview-wrap::-webkit-scrollbar-thumb{background:#627d9873;border-radius:6px;border:3px solid var(--card)}.sf1-preview-wrap::-webkit-scrollbar-thumb:hover{background:#627d98b3}.sf1-preview-table{table-layout:auto;border-collapse:separate;border-spacing:0;font-size:11.5px;width:max-content;min-width:100%}.sf1-preview-table thead th{position:sticky;top:0;z-index:3;background:var(--bg);padding:8px 10px;font-size:10px;line-height:1.25;text-align:left;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);font-weight:800;border-bottom:2px solid var(--border);border-right:1px solid var(--border);vertical-align:bottom;white-space:nowrap;user-select:none}.sf1-preview-table thead th:last-child{border-right:none}.sf1-preview-table thead th .sf1-th-sub{display:block;font-weight:500;text-transform:none;letter-spacing:0;font-size:9.5px;color:var(--text-muted);opacity:.85;margin-top:1px;white-space:nowrap}.sf1-preview-table tbody td{padding:6px 10px;font-size:11.5px;line-height:1.35;vertical-align:top;border-bottom:1px solid var(--border);border-right:1px solid var(--border);color:var(--text);white-space:nowrap}.sf1-preview-table tbody td:last-child{border-right:none}.sf1-preview-table tbody tr:hover td{background:var(--light-blue)}.sf1-preview-table .sf1-c-idx,.sf1-preview-table .sf1-c-lrn,.sf1-preview-table .sf1-c-sex,.sf1-preview-table .sf1-c-birth,.sf1-preview-table .sf1-c-age,.sf1-preview-table .sf1-c-contact{white-space:nowrap;font-variant-numeric:tabular-nums}.sf1-preview-table .sf1-c-lrn,.sf1-preview-table .sf1-c-contact{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.sf1-preview-table .sf1-c-name{max-width:220px;white-space:normal;word-break:break-word}.sf1-preview-table .sf1-c-house{max-width:170px;white-space:normal;word-break:break-word}.sf1-preview-table .sf1-c-father,.sf1-preview-table .sf1-c-mother,.sf1-preview-table .sf1-c-guardian{max-width:200px;white-space:normal;word-break:break-word}.sf1-preview-table .sf1-c-municipality,.sf1-preview-table .sf1-c-province{max-width:160px;white-space:normal;word-break:break-word}.sf1-preview-table .sf1-c-remarks{max-width:220px;white-space:normal;word-break:break-word}.sf1-preview-table tr.sf1-section-row td{padding:8px 12px;font-size:11px;color:var(--deped-blue);border-right:none;white-space:nowrap}.sf1-preview-table tr.sf1-total-row td{padding:7px 12px;background:#eef3fa;color:#0a2c6b;border-top:1px solid var(--border);border-bottom:1px solid var(--border);border-right:none;font-weight:700;white-space:nowrap}[data-theme=dark] .sf1-preview-table tr.sf1-total-row td{background:var(--theme-soft,#247b631f);color:#93c5fd}[data-theme=navy] .sf1-preview-table tr.sf1-total-row td{background:#5b9cff1f;color:#93c5fd}[data-theme=noir] .sf1-preview-table tr.sf1-total-row td{background:#dc26261f;color:#fca5a5}[data-theme=sepia] .sf1-preview-table tr.sf1-total-row td{background:#8b45131a;color:#6b4423}[data-theme=deped-green] .sf1-preview-table tr.sf1-total-row td{background:var(--theme-soft,#0f51321a);color:var(--theme-accent,#0f5132)}@media (max-width: 900px){.sf1-preview-table{font-size:11px}.sf1-preview-table tbody td{padding:5px 8px;font-size:11px}.sf1-preview-table thead th{padding:6px 8px;font-size:9.5px}}.hub-tab-strip{display:flex;gap:4px;border-bottom:1px solid var(--border);margin:-8px 0 20px;padding-bottom:0;overflow-x:auto;scrollbar-width:thin}.hub-tab-strip .tab{padding:11px 18px;font-size:13px;font-weight:700;color:var(--text-muted);border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease,background .15s ease;white-space:nowrap}.hub-tab-strip .tab:hover{color:var(--deped-blue);background:var(--light-blue)}.hub-tab-strip .tab.active{color:var(--deped-blue);border-bottom-color:var(--deped-blue)}.hub-tab-strip .tab svg{width:14px;height:14px;min-width:14px;min-height:14px;max-width:14px;max-height:14px;flex-shrink:0;display:block}@media (max-width: 640px){.hub-tab-strip{margin:-4px 0 14px}.hub-tab-strip .tab{padding:10px 14px;font-size:12px}}.hero-pro-badge,.hero-pro-badge:not(.active){animation:hpb-border-rotate 6s linear infinite;box-shadow:0 3px 12px #e8b84b52}.hero-pro-badge.active{animation:hpb-border-rotate 5s linear infinite;box-shadow:0 3px 14px #bae6fd59}.hero-pro-badge:before,.hero-pro-badge.active:before,.hero-pro-badge:not(.active):before{display:none!important;animation:none!important;box-shadow:none!important;content:none!important}.hero-pro-badge .hpb-sparkles,.hero-pro-badge.active .hpb-sparkles,.hero-pro-badge:not(.active) .hpb-sparkles{display:none!important}.hero-pro-badge .hpb-spark,.hero-pro-badge.active .hpb-spark,.hero-pro-badge:not(.active) .hpb-spark{display:none!important;animation:none!important}.hero-pro-badge:hover,.hero-pro-badge:not(.active):hover{box-shadow:0 6px 22px #e8b84b8c}.hero-pro-badge.active:hover{box-shadow:0 6px 24px #bae6fd99}.hero-pro-badge,.hero-pro-badge.active{background:conic-gradient(from 0deg,#fde68a,#e8b84b,#b45309,#e8b84b,#fde68a,#f59e0b,#e8b84b 90%,#fde68a);background-size:300% 300%;animation:hpb-border-rotate 6s linear infinite}.hero-pro-badge.active{animation:hpb-border-rotate 5s linear infinite}.hero-pro-badge,.hero-pro-badge:not(.active){box-shadow:0 3px 12px #e8b84b52}.hero-pro-badge.active{box-shadow:0 3px 14px #e8b84b73}.hero-pro-badge .hpb-inner,.hero-pro-badge.active .hpb-inner{background:linear-gradient(135deg,#1a1206,#3a2409 35%,#4a2c0c 55%,#1a1206)}.hero-pro-badge .hpb-inner:after,.hero-pro-badge.active .hpb-inner:after{background:linear-gradient(180deg,#ffe8a847,#e8b84b14 45%,#00000038)}.hero-pro-badge .hpb-crown,.hero-pro-badge.active .hpb-crown{background:linear-gradient(135deg,#fde68a,#e8b84b 40%,#d97706 75%,#b45309);color:#4a2c00;box-shadow:inset 0 1.5px #ffffffb3,inset 0 -2px 5px #4a2c0059,0 2px 6px #e8b84b80;filter:drop-shadow(0 0 4px rgba(247,201,72,.45))}.hero-pro-badge .hpb-crown svg,.hero-pro-badge.active .hpb-crown svg{filter:drop-shadow(0 1px 0 rgba(255,255,255,.55))}.hero-pro-badge .hpb-label,.hero-pro-badge.active .hpb-label{background:linear-gradient(180deg,#fff7d1,#fde68a 35%,#e8b84b 60%,#d97706);background-size:100% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 0 rgba(0,0,0,.35);animation:hpb-label-shimmer 4s ease-in-out infinite}.hero-pro-badge .hpb-sub,.hero-pro-badge.active .hpb-sub{color:#ffe8a8b8}.hero-pro-badge:hover,.hero-pro-badge:not(.active):hover{box-shadow:0 6px 22px #e8b84b99;transform:translateY(-2px) scale(1.015)}.hero-pro-badge.active:hover{box-shadow:0 6px 24px #e8b84bbf;transform:translateY(-2px) scale(1.015)}.hero-pro-badge .hpb-shine:before,.hero-pro-badge.active .hpb-shine:before{background:linear-gradient(115deg,transparent 60%,rgba(255,255,255,.35) 40%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.35) 60%,transparent 100%)}@media (prefers-reduced-motion: reduce){.hero-pro-badge,.hero-pro-badge.active,.hero-pro-badge .hpb-label,.hero-pro-badge.active .hpb-label{animation:none!important}}.zg-header{background:var(--gradient-primary, linear-gradient(135deg, var(--theme-accent,#145747), var(--theme-accent,#247b63)))!important;color:#fff;box-shadow:0 2px 12px #0000003d}.zg-header-title{font-family:var(--font, "Inter", "Segoe UI", Roboto, Arial, sans-serif)!important;letter-spacing:.2px!important;font-weight:800;text-transform:none}.zg-scanner,.zg-scanner button,.zg-sheet{font-family:var(--font, "Inter", "Segoe UI", Roboto, Arial, sans-serif)}.zg-sheet-guide,.qr-sheet-guide{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);aspect-ratio:148.5 / 210;width:min(92%,calc(72dvh * 148.5 / 210));height:auto;max-height:90%;pointer-events:none;z-index:3}.zg-sheet-guide{width:min(92%,calc(72dvh * 148.5 / 210));height:auto;max-width:92%}.qr-sheet-guide{width:min(92%,calc(44vh * 148.5 / 210));height:auto;max-height:94%}.qr-reticle{position:absolute;inset:0}.qr-reticle-corner{position:absolute;width:20%;height:14%;border:2px solid var(--accent-gold, #e8b84b);border-radius:6px;background:#0f172a1a;box-shadow:0 0 0 1px #00000047}.qr-reticle-corner.tl{inset:1% auto auto 1.35%}.qr-reticle-corner.tr{inset:1% 1.35% auto auto}.qr-reticle-corner.bl{inset:auto auto 1% 1.35%}.qr-reticle-corner.br{inset:auto 1.35% 1% auto}@media (orientation: landscape){.zg-sheet-guide{width:min(92%,calc(78dvh * 148.5 / 210));height:auto;max-width:92%}.qr-sheet-guide{width:min(92%,calc(42vh * 148.5 / 210));height:auto}}@media (prefers-reduced-motion: reduce){.zg-viewfinder{transition:none!important}}.zg-header{background:var(--gradient-primary)!important;box-shadow:0 2px 12px #00000047}.zg-header-btn:active{background:#ffffff38}.zg-btn.primary{background:var(--gradient-primary)!important;color:#fff!important;box-shadow:0 2px 10px #00000026;transition:filter .15s ease,transform .12s ease}.zg-btn.primary:hover{filter:brightness(1.06)}.zg-btn.primary:active{filter:brightness(.94);transform:scale(.985)}.zg-btn.primary:disabled{filter:grayscale(.35) brightness(.9);cursor:not-allowed}.zg-switch.on{background:var(--deped-blue)!important}.zg-switch.on i{background:#fff}.zg-seg button.on{color:var(--deped-blue);font-weight:800}.zg-coach-card h4{color:var(--deped-blue)}.zg-sheet-head h3{color:var(--text)}.zg-sheet-x{color:var(--text-muted)}.zg-sheet-x:active{color:var(--deped-blue)}.zg-btn.ghost:hover{background:var(--light-blue);color:var(--deped-blue)}.zg-btn.ghost.danger:hover{background:#dc35451a;color:var(--danger)}[data-theme=dark] .zg-coach-card h4,[data-theme=navy] .zg-coach-card h4,[data-theme=noir] .zg-coach-card h4{color:var(--deped-blue)}@media (prefers-reduced-motion: reduce){.zg-btn.primary{transition:none}.zg-btn.primary:active{transform:none}}.omr-reassign-row:hover:not(:disabled){background:var(--light-blue)!important}.omr-reassign-row:last-child{border-bottom:none!important}.omr-reassign-row svg{width:14px;height:14px;min-width:14px;min-height:14px;max-width:14px;max-height:14px;flex-shrink:0;display:block}.zg-sheet-foot .zg-btn{flex:1 1 0;min-width:0;font-size:13px;padding:0 12px}.zg-sheet-foot .zg-btn.ghost.danger{flex:0 0 auto;padding:0 14px}.schedule-cell.subject{display:flex;flex-direction:column;gap:2px;line-height:1.2;overflow:hidden}.schedule-cell.subject>strong{font-size:12px;font-weight:700;color:var(--deped-blue);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schedule-cell.subject .sched-teacher{font-size:10.5px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schedule-cell.subject .sched-room{font-size:10px;font-weight:500;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.schedule-cell.subject>strong{font-size:11px}.schedule-cell.subject .sched-teacher{font-size:10px}.schedule-cell.subject .sched-room{font-size:9.5px}}@media (max-width: 520px){.schedule-cell.subject .sched-teacher{display:none}}.cb-empty-state{padding:24px;text-align:center;color:var(--text-muted);font-size:13px;line-height:1.5}.cb-empty-state svg{width:32px;height:32px;min-width:32px;min-height:32px;max-width:32px;max-height:32px;flex-shrink:0;display:block;margin:0 auto 10px;opacity:.45}.cb-empty-state>div{margin-top:0}.unsaved-badge{position:fixed;bottom:24px;left:24px;z-index:88;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:24px;background:var(--gradient-primary);color:#fff;box-shadow:0 6px 20px var(--theme-soft,#14574766);font-size:12px;font-weight:700;cursor:pointer;border:2px solid rgba(255,255,255,.25);transition:transform .18s ease,box-shadow .18s ease}.unsaved-badge:hover{transform:translateY(-2px);box-shadow:0 10px 26px var(--theme-soft,#14574780)}.unsaved-badge svg{width:14px;height:14px}.unsaved-badge span{font-variant-numeric:tabular-nums}.unsaved-draft-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--card)}.unsaved-draft-label{font-size:13px;font-weight:700}.unsaved-draft-meta{font-size:11px;color:var(--text-muted);margin-top:2px}.unsaved-draft-actions{display:flex;gap:4px;flex-shrink:0}.shortcut-section{font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-muted);margin:18px 0 8px}.shortcut-section:first-of-type{margin-top:0}.shortcut-grid{display:grid;gap:6px}.shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:var(--bg);border-radius:8px;font-size:13px}.shortcut-keys{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.shortcut-keys kbd{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 8px;background:var(--card);color:var(--text);border:1px solid var(--border);border-bottom-width:2px;border-radius:6px;font-family:ui-monospace,monospace;font-size:12px;font-weight:700}.shortcut-plus{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.shortcut-label{color:var(--text);font-weight:600}@media (max-width: 480px){.unsaved-draft-row{flex-direction:column;align-items:stretch}.unsaved-draft-actions{justify-content:flex-end}}.unsaved-badge{position:fixed;bottom:24px;left:24px;z-index:90;width:48px;height:48px;border-radius:50%;background:var(--gradient-primary);background-size:200% 200%;color:#fff;border:2px solid var(--card);box-shadow:0 6px 20px var(--theme-soft,#14574766),0 2px 6px #00000026;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;font-family:var(--font);-webkit-tap-highlight-color:transparent;transition:transform .18s ease,box-shadow .18s ease;animation:unsavedBadgePulse 2.6s ease-in-out infinite,gradientShift 8s ease infinite}.unsaved-badge:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 10px 28px var(--theme-soft,#14574785),0 3px 8px #0003}.unsaved-badge:active{transform:translateY(0) scale(.98)}.unsaved-badge svg{width:22px;height:22px;min-width:22px;min-height:22px;max-width:22px;max-height:22px;display:block;flex-shrink:0}.unsaved-badge span{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--gradient-gold);color:var(--dark-navy);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--card);font-family:var(--font);box-sizing:border-box;line-height:1}@keyframes unsavedBadgePulse{0%,to{box-shadow:0 6px 20px var(--theme-soft,#14574766),0 0 #e8b84b8c}50%{box-shadow:0 6px 20px var(--theme-soft,#14574766),0 0 0 8px #e8b84b00}}@media (max-width: 768px){.unsaved-badge{bottom:84px;left:16px;width:44px;height:44px}.unsaved-badge svg{width:20px;height:20px}}@media (prefers-reduced-motion: reduce){.unsaved-badge{animation:none!important}}.unsaved-draft-list{display:flex;flex-direction:column;gap:8px}.unsaved-draft-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg);transition:border-color .15s ease,background .15s ease}.unsaved-draft-row:hover{border-color:var(--deped-blue);background:var(--light-blue)}.unsaved-draft-main{flex:1;min-width:0}.unsaved-draft-label{font-size:14px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unsaved-draft-meta{font-size:11.5px;color:var(--text-muted);margin-top:2px}.unsaved-draft-actions{display:flex;gap:6px;flex-shrink:0}.unsaved-draft-actions svg{width:13px;height:13px;min-width:13px;min-height:13px;max-width:13px;max-height:13px;flex-shrink:0;display:block}#unsaved-badge.unsaved-badge{position:fixed!important;left:24px!important;bottom:24px!important;z-index:10060!important;display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}#unsaved-badge.unsaved-badge[hidden]{display:flex!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.teacher-task-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(145px,190px) auto;gap:10px;align-items:center;margin-bottom:14px}.teacher-task-form .form-control{min-width:0;min-height:44px}.teacher-task-form .btn{min-height:44px;white-space:nowrap}.teacher-task-summary{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:9px 0 12px;border-bottom:1px solid var(--border,#e5e7eb);color:var(--text-muted,#64748b);font-size:.84rem}.teacher-task-summary strong{color:var(--text-primary,#1f2937)}.teacher-task-summary button{margin-left:auto}.teacher-task-list{list-style:none;padding:0;margin:0;display:grid;gap:2px}.teacher-task-item{display:flex;align-items:center;gap:12px;min-width:0;padding:10px 4px;border-bottom:1px solid var(--border,#e5e7eb)}.teacher-task-item:last-child{border-bottom:0}.teacher-task-check{display:inline-flex;flex:0 0 44px;min-height:44px;min-width:44px;align-items:center;justify-content:center;cursor:pointer}.teacher-task-check input{width:20px;height:20px;margin:0;accent-color:var(--deped-blue,var(--theme-accent,#145747))}.teacher-task-copy{display:grid;gap:3px;min-width:0;flex:1}.teacher-task-title{overflow-wrap:anywhere;font-size:.92rem;color:var(--text-primary,#1f2937)}.teacher-task-due{color:var(--text-muted,#64748b);font-size:.78rem}.teacher-task-item.is-overdue .teacher-task-due{color:var(--danger,#b42318);font-weight:700}.teacher-task-delete{flex:0 0 44px;width:44px;height:44px}.teacher-task-empty{padding:18px 8px;color:var(--text-muted,#64748b);text-align:center;font-size:.9rem}#content{min-width:0}#content :is(input,select,textarea,button){scroll-margin-block:90px}#content :is(input,select,textarea){max-width:100%}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--deped-yellow,#ffc72c)!important;outline-offset:3px!important}@media (max-width:680px){.teacher-task-form{grid-template-columns:minmax(0,1fr);gap:8px}.teacher-task-form .btn{width:100%;justify-content:center}.teacher-task-date{width:100%}.teacher-task-summary{gap:10px}.teacher-task-summary button{margin-left:0}.teacher-task-item{gap:8px;padding-block:8px}.dash-widget-head{min-height:44px}.dash-widget-collapse{min-width:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (forced-colors:active){:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid Highlight!important}.teacher-task-item,.teacher-task-summary{border-color:CanvasText}}.skip-link{position:fixed;z-index:100000;top:8px;left:8px;padding:12px 16px;border-radius:8px;background:var(--deped-blue,var(--theme-accent,#145747));color:#fff;transform:translateY(-160%);text-decoration:none;font-weight:700}.skip-link:focus{transform:translateY(0);outline:3px solid var(--deped-yellow,#ffc72c);outline-offset:2px}.sf8-editor-wrap{overflow:auto;max-height:62vh;border-radius:var(--radius);border:1px solid var(--border);background:var(--card)}.sf8-editor-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px;min-width:1400px}.sf8-editor-table th,.sf8-editor-table td{padding:6px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);vertical-align:middle}.sf8-editor-table th{background:var(--bg);position:sticky;top:0;z-index:2;font-size:10px;text-transform:uppercase;letter-spacing:.4px;font-weight:800;color:var(--text-muted);text-align:left;padding:8px 6px}.sf8-editor-table thead th .sf8-th-sub{display:block;font-weight:500;text-transform:none;letter-spacing:0;font-size:9.5px;opacity:.75}.sf8-editor-table tr.sf8-section-row td{background:var(--bg);font-size:11px;padding:6px 8px;border-right:none}.sf8-editor-table .sf8-input{width:100%;padding:5px 8px;min-height:30px;border:1px solid transparent;background:transparent;border-radius:6px;font-size:12.5px;font-family:inherit;color:inherit;transition:border-color .15s,background .15s}.sf8-editor-table .sf8-input:hover{border-color:var(--border)}.sf8-editor-table .sf8-input:focus{outline:none;border-color:var(--deped-blue);background:#fff;box-shadow:0 0 0 2px var(--theme-soft,#1457471f)}.sf8-editor-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--card)}.sf8-editor-table{width:100%;border-collapse:collapse;font-size:12.5px;min-width:1180px}.sf8-editor-table thead th{background:var(--bg);padding:8px 6px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);text-align:center;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:2}.sf8-editor-table .sf8-th-sub{display:block;font-size:9px;font-weight:500;text-transform:none;letter-spacing:0;opacity:.75;margin-top:1px}.sf8-editor-table tbody td{padding:5px 6px;border-bottom:1px solid var(--border);vertical-align:middle}.sf8-editor-table tr.sf8-section-row td{font-size:11px;letter-spacing:1.2px;padding:6px 8px;border-bottom:1px solid var(--border)}.sf8-input{width:100%;min-width:0;padding:5px 6px;font-size:12.5px;min-height:30px;border:1px solid transparent;background:transparent;border-radius:5px;font-family:inherit;color:inherit;text-align:center;transition:border-color .15s,background .15s}.sf8-input:hover{border-color:var(--border)}.sf8-input:focus{outline:none;border-color:var(--deped-blue);background:#fff;box-shadow:0 0 0 2px var(--theme-soft,#1457471f)}[data-theme=dark] .sf8-input:focus{background:var(--card)}select.sf8-input{text-align-last:center}@media print{.print-sf8{font-family:Arial,Helvetica,sans-serif;color:#000;font-size:7pt;line-height:1.25}.print-sf8 .sf8-header{display:flex;align-items:center;justify-content:space-between;gap:4mm;margin-bottom:2mm}.print-sf8 .sf8-header-logo{width:18mm;height:18mm;flex-shrink:0}.print-sf8 .sf8-header-logo img{width:100%;height:100%;object-fit:contain}.print-sf8 .sf8-header-text{flex:1;text-align:center}.print-sf8 .sf8-republic{font-family:UnifrakturMaguntia,Old English Text MT,Times New Roman,serif;font-size:11pt}.print-sf8 .sf8-deped{font-family:UnifrakturMaguntia,Old English Text MT,Times New Roman,serif;font-size:14pt;margin-top:-1mm}.print-sf8 .sf8-region,.print-sf8 .sf8-division,.print-sf8 .sf8-district,.print-sf8 .sf8-schoolname{font-family:Trajan Pro,Trajan,Times New Roman,serif;font-weight:700;text-transform:uppercase;font-size:8pt}.print-sf8 .sf8-title-block{text-align:center;margin:3mm 0;padding-top:2mm;border-top:.5pt solid #000}.print-sf8 .sf8-main-title{font-size:13pt;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.print-sf8 .sf8-sub-title{font-size:10pt;font-weight:700;margin-top:1mm}.print-sf8 .sf8-instruction{font-size:8pt;font-style:italic;color:#333;margin-top:1mm}.print-sf8 .sf8-meta{width:100%;border-collapse:collapse;font-size:7.5pt;margin-bottom:2mm}.print-sf8 .sf8-meta td{padding:1mm 2mm;border:.4pt solid #000;vertical-align:middle}.print-sf8 .sf8-table{width:100%;border-collapse:collapse;font-size:6.5pt;table-layout:fixed;margin-bottom:2mm}.print-sf8 .sf8-table th,.print-sf8 .sf8-table td{border:.4pt solid #000;padding:.8mm 1mm;vertical-align:middle;word-wrap:break-word;overflow-wrap:anywhere}.print-sf8 .sf8-table th{background:#e8ecf2;text-align:center;font-weight:700;line-height:1.15;font-size:6pt;text-transform:uppercase}.print-sf8 .sf8-table tbody td{text-align:left}.print-sf8 .sf8-table tbody td.sf8-c-idx,.print-sf8 .sf8-table tbody td.sf8-c-sex,.print-sf8 .sf8-table tbody td.sf8-c-birth,.print-sf8 .sf8-table tbody td.sf8-c-age,.print-sf8 .sf8-table tbody td.sf8-c-num,.print-sf8 .sf8-table tbody td.sf8-c-date,.print-sf8 .sf8-table tbody td.sf8-c-status{text-align:center}.print-sf8 .sf8-table tbody td.sf8-c-lrn{font-family:ui-monospace,Courier New,monospace;font-size:6pt}.print-sf8 .sf8-table tbody td.sf8-c-name{text-align:left;font-weight:600}.print-sf8 .sf8-table tbody td.sf8-c-address{text-align:left;font-size:6pt}.print-sf8 .sf8-section-row td{background:#dbe7fb;font-weight:800;letter-spacing:1px;font-size:7pt;text-align:center}.print-sf8 .sf8-total-row td{background:#eef3fa;font-weight:800;color:#0a2c6b;font-size:7pt;padding:1.2mm}.print-sf8 .sf8-col-idx{width:3.2%}.print-sf8 .sf8-col-lrn{width:7.5%}.print-sf8 .sf8-col-name{width:13.5%}.print-sf8 .sf8-col-sex{width:2.8%}.print-sf8 .sf8-col-birth{width:6.5%}.print-sf8 .sf8-col-age{width:3.5%}.print-sf8 .sf8-col-address{width:11%}.print-sf8 .sf8-col-num{width:4.5%}.print-sf8 .sf8-col-status{width:8.5%}.print-sf8 .sf8-col-date{width:6.5%}.print-sf8 .sf8-col-remarks{width:9%}.print-sf8 .sf8-summary{width:100%;border-collapse:collapse;font-size:7pt;margin-top:2mm}.print-sf8 .sf8-summary td{border:.4pt solid #000;padding:1mm 2mm;vertical-align:middle}.print-sf8 .sf8-summary .sf8-summary-head{background:#e8ecf2;font-weight:800;text-align:center;text-transform:uppercase;letter-spacing:.3px;font-size:6.5pt}.print-sf8 .sf8-summary .sf8-summary-num{text-align:center;font-weight:700;width:4mm}.print-sf8 .sf8-signatures{width:100%;border-collapse:collapse;margin-top:6mm;font-size:8pt}.print-sf8 .sf8-signatures td{padding:3mm 4mm 2mm;vertical-align:top;text-align:center}.print-sf8 .sf8-sign-label{font-size:7.5pt;margin-bottom:8mm}.print-sf8 .sf8-sign-name{font-weight:700;font-size:9pt;min-height:4mm}.print-sf8 .sf8-sign-line{border-bottom:.5pt solid #000;width:80mm;margin:0 auto 1mm}.print-sf8 .sf8-sign-role{font-size:7pt;font-style:italic;color:#444}.print-sf8 .sf8-footer{margin-top:6mm;padding-top:2mm;border-top:.4pt solid #999;display:flex;justify-content:space-between;font-size:6.5pt;color:#555}}.print-sf5{font-family:Arial,Helvetica,sans-serif;color:#000;font-size:9.5pt}.print-sf5 .sf5-header{display:flex;align-items:center;justify-content:space-between;gap:10mm;margin-bottom:3mm}.print-sf5 .sf5-header-logo{width:22mm;flex-shrink:0;text-align:center}.print-sf5 .sf5-header-logo img{width:22mm;height:22mm;object-fit:contain}.print-sf5 .sf5-header-text{flex:1;text-align:center;line-height:1.2}.print-sf5 .sf5-republic,.print-sf5 .sf5-deped{font-family:UnifrakturMaguntia,Old English Text MT,Times New Roman,serif}.print-sf5 .sf5-republic{font-size:11pt}.print-sf5 .sf5-deped{font-size:15pt;margin-top:-2px}.print-sf5 .sf5-region,.print-sf5 .sf5-division,.print-sf5 .sf5-district,.print-sf5 .sf5-schoolname{font-family:Trajan Pro,Trajan,Times New Roman,serif;font-weight:700;text-transform:uppercase;font-size:9.5pt}.print-sf5 .sf5-schoolname{font-size:11pt;margin-top:1mm}.print-sf5 .sf5-title-block{text-align:center;margin:4mm 0}.print-sf5 .sf5-main-title{font-size:13pt;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.print-sf5 .sf5-sub-title{font-size:10.5pt;font-weight:700;margin-top:1mm}.print-sf5 .sf5-sub-note{font-size:8.5pt;font-style:italic;color:#444;margin-top:.5mm}.print-sf5 .sf5-meta{width:100%;border-collapse:collapse;font-size:9pt;margin-bottom:4mm}.print-sf5 .sf5-meta td{padding:1mm 2mm;border:none}.print-sf5 .sf5-section-title{font-size:10.5pt;font-weight:800;text-transform:uppercase;letter-spacing:.4px;margin:4mm 0 2mm}.print-sf5 .sf5-table{width:100%;border-collapse:collapse;font-size:9.5pt;margin-bottom:4mm}.print-sf5 .sf5-table th,.print-sf5 .sf5-table td{border:.5pt solid #000;padding:1.5mm 2mm;vertical-align:middle}.print-sf5 .sf5-table th{background:#e8ecf2;text-align:center;font-weight:700;font-size:9pt;line-height:1.25}.print-sf5 .sf5-table .sf5-sub-h{display:block;font-size:7.5pt;font-weight:400;color:#333}.print-sf5 .sf5-table td.sf5-c{text-align:center}.print-sf5 .sf5-table tr.sf5-total td{background:#eef3fa;font-weight:700;border-top:1pt solid #000;border-bottom:1pt solid #000}.print-sf5 .sf5-signatures{width:100%;border-collapse:collapse;margin-top:12mm}.print-sf5 .sf5-signatures td{border:none;padding:0 6mm;vertical-align:bottom;text-align:left}.print-sf5 .sf5-sign-label{font-size:9pt;margin-bottom:12mm}.print-sf5 .sf5-sign-name{font-size:10pt;font-weight:700;min-height:5mm}.print-sf5 .sf5-sign-line{border-top:.75pt solid #000;margin-top:1mm}.print-sf5 .sf5-sign-role{font-size:8.5pt;text-align:center;margin-top:.5mm}.print-sf5 .sf5-footer{display:flex;justify-content:space-between;font-size:7.5pt;color:#666;margin-top:8mm;border-top:.5pt solid #ccc;padding-top:2mm}.sf5-document{background:#fff;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:9pt;padding:10mm;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);max-width:1180px;margin:0 auto;line-height:1.25}.sf5-document *{box-sizing:border-box}.sf5-document .sf5-title-block{text-align:center;margin-bottom:6px}.sf5-document .sf5-main-title{font-size:11.5pt;font-weight:800;text-transform:uppercase;letter-spacing:.3px}.sf5-document .sf5-sub-title{font-size:8.5pt;font-style:italic;color:#333;margin-top:2px}.sf5-document .sf5-meta-table{width:100%;border-collapse:collapse;margin-bottom:6px;font-size:8.5pt}.sf5-document .sf5-meta-table td{border:.5pt solid #000;padding:2.5px 6px;vertical-align:middle}.sf5-document .sf5-meta-table .sf5-lbl{background:#eef2f7;font-weight:700;white-space:nowrap;width:10%}.sf5-document .sf5-meta-table .sf5-val{width:23.3%;text-transform:uppercase}.sf5-document .sf5-body{display:flex;align-items:flex-start;gap:5mm;margin-bottom:6px}.sf5-document .sf5-learners-wrap{flex:1 1 auto;min-width:0}.sf5-document .sf5-summary-wrap{flex:0 0 78mm}.sf5-document .sf5-learners-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:8pt}.sf5-document .sf5-learners-table th,.sf5-document .sf5-learners-table td{border:.5pt solid #000;padding:3px 5px;vertical-align:top;word-wrap:break-word;overflow-wrap:anywhere}.sf5-document .sf5-learners-table thead th{background:#e8ecf2;font-weight:700;font-size:7.5pt;text-align:center;line-height:1.2;text-align:center!important;vertical-align:middle!important}.sf5-document .sf5-learners-table tbody td{line-height:1.25}.sf5-document .sf5-learners-table .c-lrn{width:13%;text-align:left;font-family:ui-monospace,Consolas,monospace;font-size:7.5pt}.sf5-document .sf5-learners-table .c-name{width:30%;text-align:left}.sf5-document .sf5-learners-table .c-avg{width:10%;text-align:center;font-weight:700}.sf5-document .sf5-learners-table .c-action{width:17%;text-align:center;font-weight:700;letter-spacing:.4px;font-size:7.5pt}.sf5-document .sf5-learners-table .c-didnot{width:30%;text-align:left;font-size:7.5pt}.sf5-document .sf5-learners-table .sf5-empty{text-align:center;padding:20px;color:#666;font-style:italic}.sf5-document .sf5-action-promoted{color:var(--theme-accent,#0f5132)}.sf5-document .sf5-action-conditional{color:#92400e}.sf5-document .sf5-action-retained{color:#991b1b}.sf5-document .sf5-summary-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:8.5pt}.sf5-document .sf5-summary-table th,.sf5-document .sf5-summary-table td{border:.5pt solid #000;padding:4px 6px;text-align:center;vertical-align:middle}.sf5-document .sf5-summary-table thead th{background:#e8ecf2;font-weight:700;font-size:8pt}.sf5-document .sf5-summary-table .sf5-summary-title{font-size:9pt;font-weight:800;letter-spacing:.6px;padding:5px;text-align:center!important;vertical-align:middle!important}.sf5-document .sf5-summary-table .c-status{width:40%;text-align:left;padding-left:8px}.sf5-document .sf5-summary-table .c-num{width:20%;font-weight:700}.sf5-document .sf5-summary-table .sf5-summary-total{background:#eef2f7}.sf5-document .sf5-signatures{width:100%;border-collapse:collapse;margin-top:16mm}.sf5-document .sf5-signatures td{border:none;padding:0 14mm;vertical-align:bottom;width:50%}.sf5-document .sf5-sign-label{font-size:8.5pt}.sf5-document .sf5-sign-name{font-weight:700;font-size:9.5pt;min-height:4mm;margin-top:12mm}.sf5-document .sf5-sign-line{border-top:.75pt solid #000;margin-top:1mm}.sf5-document .sf5-sign-role{text-align:center;font-size:8pt;margin-top:1mm}@media print{@page{size:A4 landscape;margin:.7cm}.sf5-document,.sf5-document.print-mode{max-width:none;padding:0;border:none;border-radius:0;box-shadow:none;font-size:8pt}.sf5-document .sf5-learners-table thead{display:table-header-group}.sf5-document .sf5-learners-table tr,.sf5-document .sf5-summary-table tr{page-break-inside:avoid;break-inside:avoid}.sf5-document,.sf5-document *{background-color:#fff!important;color:#000!important}.sf5-document .sf5-lbl,.sf5-document .sf5-learners-table thead th,.sf5-document .sf5-summary-table thead th,.sf5-document .sf5-summary-table .sf5-summary-total{background-color:#e8ecf2!important}.sf5-document .sf5-action-promoted{color:#0f5132!important}.sf5-document .sf5-action-conditional{color:#92400e!important}.sf5-document .sf5-action-retained{color:#991b1b!important}}@media (max-width: 900px){.sf5-document .sf5-body{flex-direction:column}.sf5-document .sf5-summary-wrap{flex:1 1 auto;width:100%}}.sf5-document .sf5-progress-table{margin-top:4mm}.sf5-document .sf5-progress-table .sf5-summary-title{line-height:1.3;padding:6px 4px}.sf5-document .sf5-progress-table .sf5-progress-note{display:block;font-size:7.5pt;font-weight:500;font-style:italic;letter-spacing:0;text-transform:none;margin-top:1px}.sf5-document .sf5-progress-table td.c-status{white-space:pre-line;font-size:8pt;line-height:1.25;vertical-align:middle}.sf5-document .sf5-signatories{margin-top:10mm;display:flex;flex-direction:column;gap:8mm}.sf5-document .sf5-sign-block{width:100%}.sf5-document .sf5-sign-heading{font-size:8pt;font-weight:700;letter-spacing:.2px;margin-bottom:8mm;text-transform:uppercase}.sf5-document .sf5-sign-name{font-weight:700;font-size:9pt;text-align:center;margin-bottom:1mm;min-height:4mm;line-height:1.2;word-break:break-word}.sf5-document .sf5-sign-line{border-top:.75pt solid #000;width:100%}.sf5-document .sf5-sign-role{text-align:center;font-size:8pt;margin-top:1mm;line-height:1.2}.sf5-document .sf5-sign-subrole{text-align:center;font-size:7.5pt;color:#333;margin-top:.5mm;line-height:1.2}.sf5-document .sf5-signatures{display:none}@media print{.sf5-document .sf5-sign-block,.sf5-document .sf5-progress-table{page-break-inside:avoid;break-inside:avoid}.sf5-document .sf5-sign-name{color:#000!important}.sf5-document .sf5-sign-subrole{color:#333!important}}.sf5-document .sf5-total-row td{background:#eef2f7;font-weight:800;border-top:1pt solid #000;border-bottom:.5pt solid #000}.sf5-document .sf5-total-row td.c-name{text-transform:uppercase;letter-spacing:.4px;font-size:8pt}.sf5-document .sf5-total-row td.c-avg{font-size:9pt}@media print{.sf5-document .sf5-total-row{page-break-inside:avoid;break-inside:avoid}.sf5-document .sf5-total-row td{background:#eef2f7!important}}@media print{html,body,#print-area,#print-area *,#print-area *:before,#print-area *:after{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}#print-area .sf5-document table th,#print-area .sf5-document table td{background:transparent}#print-area .sf5-learners-table thead th,#print-area .sf5-summary-table .sf5-summary-title{background:#eef3fa!important;color:#000!important;text-align:center!important;vertical-align:middle!important}#print-area .sf5-summary-table thead th{background:#eef2f7!important;color:#243e34!important}#print-area .sf5-meta-table .sf5-lbl{background:#eef2f7!important}#print-area .sf5-learners-table .sf5-total-row td{background:#eef3fa!important}#print-area .sf5-body{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)!important;gap:10px!important}#print-area .sf5-document{background:#fff!important;border:none!important;border-radius:0!important;box-shadow:none!important;padding:0!important;color:#000!important}}.cl-print-option{display:block;padding:12px;border:2px solid var(--border);border-radius:10px;cursor:pointer;background:var(--card);transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease,transform .12s ease}.cl-print-option:hover{border-color:var(--deped-blue);box-shadow:var(--shadow-sm)}.cl-print-option:active{transform:scale(.995)}.cl-print-option.active{border-color:var(--deped-blue);background:var(--light-blue);box-shadow:0 0 0 3px var(--theme-soft,#1457471a)}.clpo-title{font-weight:700;font-size:13px;color:var(--text);margin-bottom:4px;line-height:1.3}.clpo-desc{font-size:11.5px;color:var(--text-muted);line-height:1.45}[data-theme=dark] .cl-print-option.active{background:var(--theme-soft,#247b6329);box-shadow:0 0 0 3px #6fa8ff2e}@media (max-width: 620px){.cl-print-option{padding:10px}.clpo-title{font-size:12.5px}.clpo-desc{font-size:11px}}.sf8-editor-wrap{overflow:auto;max-height:60vh;border:1px solid var(--border);border-radius:var(--radius);background:var(--card)}.sf8-editor-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.sf8-editor-table th{position:sticky;top:0;z-index:10;background:var(--bg);padding:10px 8px;border-bottom:2px solid var(--border);font-weight:700;font-size:11px;text-transform:uppercase;color:var(--text-muted);text-align:left}.sf8-editor-table td{padding:8px;border-bottom:1px solid var(--border);vertical-align:middle}.sf8-editor-table tbody tr:hover{background:var(--light-blue)}.sf8-learner-cell{display:flex;gap:10px;align-items:center}.sf8-learner-meta{font-size:11px;color:var(--text-muted);margin-top:2px}.sf8-input{padding:6px 8px;font-size:13px;min-height:32px;text-align:center}.sf8-input.text-left{text-align:left}.sf8-action-bar{position:sticky;bottom:0;background:var(--card);border-top:1px solid var(--border);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;z-index:20;box-shadow:0 -4px 12px #0000000d;margin:0 -18px -18px;border-radius:0 0 var(--radius) var(--radius)}.status-normal{background-color:#1987541a!important;border-color:#1987544d!important;color:var(--status-success-text,var(--success))!important;font-weight:600}.status-wasted{background-color:#dc35451a!important;border-color:#dc35454d!important;color:var(--danger)!important;font-weight:600}.status-overweight{background-color:#f59e0b1a!important;border-color:#f59e0b4d!important;color:#b45309!important;font-weight:600}@page{size:A4 landscape;margin:6mm}.sf2p-wrap{font-family:Arial,Helvetica,sans-serif;font-size:7pt;color:#000;background:#fff;line-height:1.25}.sf2p-page{padding:3mm;box-sizing:border-box}.sf2p-header{display:flex;align-items:center;gap:8mm;margin-bottom:3mm}.sf2p-seal{width:16mm;height:16mm;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sf2p-seal img{max-width:100%;max-height:100%;object-fit:contain}.sf2p-header-text{flex:1;text-align:center}.sf2p-republic,.sf2p-deped{font-family:Old English Text MT,Times New Roman,serif;line-height:1.1}.sf2p-republic{font-size:9.5pt}.sf2p-deped{font-size:13pt;margin-bottom:1mm}.sf2p-title{font-size:9.5pt;font-weight:800;text-transform:uppercase;margin-bottom:.6mm}.sf2p-subtitle{font-size:7pt;font-style:italic}.sf2p-meta{width:100%;border-collapse:collapse;font-size:7pt;margin-bottom:2.5mm}.sf2p-meta td{border:.3mm solid #000;padding:.8mm 1.6mm}.sf2p-mlabel{background:#eef3fa;font-weight:700;white-space:nowrap}.sf2p-mvalue{font-weight:400}.sf2p-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:6.8pt;margin-bottom:2.5mm}.sf2p-table th,.sf2p-table td{border:.25mm solid #000;padding:.6mm .5mm;text-align:center;vertical-align:middle;overflow:hidden;text-overflow:ellipsis}.sf2p-table thead th{background:#f2f6fc;font-weight:800;font-size:6.5pt}.sf2p-th-num,.sf2p-th-sum{font-size:6.5pt}.sf2p-th-name,.sf2p-th-remarks{text-align:left}.sf2p-name{text-align:left;white-space:nowrap}.sf2p-remarks{text-align:left;font-size:6.5pt}.sf2p-num{font-size:6.5pt;color:#333}.sf2p-att-h{font-size:6pt}.sf2p-total{background:#eef3fa;font-weight:700}.sf2p-total-label{font-size:6.5pt;letter-spacing:.2px}.sf2p-combined{background:#dbe7fb;font-weight:800}.sf2p-guidelines{font-size:6.8pt;line-height:1.3;margin-bottom:2.5mm}.sf2p-mini-title{font-weight:800;margin-bottom:.6mm;font-size:7pt}.sf2p-gl-list{margin:0;padding-left:14px}.sf2p-gl-list li{margin-bottom:.4mm}.sf2p-gl-sub{margin-left:8px}.sf2p-gl-star{list-style:none;margin-left:-14px}.sf2p-bottom{display:grid;grid-template-columns:1.1fr 1.4fr 1.5fr;gap:3mm;font-size:6.6pt;line-height:1.3;margin-bottom:2.5mm}.sf2p-bottom-col{min-width:0}.sf2p-reasons-group{margin-bottom:.8mm}.sf2p-summary-head{display:flex;justify-content:space-between;gap:3mm;margin-bottom:.8mm;font-size:6.8pt}.sf2p-summary-table{width:100%;border-collapse:collapse;font-size:6.4pt}.sf2p-summary-table td{border:.25mm solid #000;padding:.4mm .8mm}.sf2p-summary-section{background:#eef3fa;font-weight:800;text-align:center}.sf2p-sum-label{text-align:left}.sf2p-sum-mft{text-align:center;font-weight:800;width:12%}.sf2p-sum-value{text-align:center;width:12%}.sf2p-signatures{display:flex;justify-content:space-between;gap:24mm;margin-top:3mm;font-size:7.5pt;page-break-inside:avoid}.sf2p-sig-block{flex:1;text-align:center}.sf2p-sig-label{text-align:left;margin-bottom:6mm}.sf2p-sig-name{font-weight:700;text-align:center}.sf2p-sig-line{border-top:.3mm solid #000;margin:.4mm 6mm}.sf2p-sig-role{font-size:6.5pt;font-style:italic;text-align:center}.sf2p-footer{text-align:right;font-size:6.5pt;color:#666;margin-top:2mm}.sf2p-table thead th{overflow:visible;text-overflow:clip;white-space:normal;word-break:break-word;overflow-wrap:anywhere;line-height:1.15;padding:.6mm .4mm}.sf2p-th-num,.sf2p-th-sum{font-size:6.2pt;padding:.4mm .2mm;letter-spacing:.1px}.sf2p-att-h{font-size:6pt;padding:.3mm .2mm;letter-spacing:0}.sf2p-th-dates{white-space:nowrap;overflow:visible;font-size:6.5pt}.sf2p-th-remarks span{display:block;line-height:1.15;white-space:normal}.sf2p-th-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf2p-bottom-wrapper{display:flex;justify-content:space-between;align-items:stretch;gap:4mm;margin-top:2mm;font-size:6.5pt;line-height:1.3;page-break-inside:avoid}.sf2p-col-guidelines{flex:1.15;min-width:0}.sf2p-gl-title{font-weight:800;margin-bottom:1.5mm;text-transform:uppercase}.sf2p-gl-text{margin-bottom:1.2mm}.sf2p-gl-indent{margin-left:3mm;text-indent:-3mm}.sf2p-gl-star{font-style:italic}.sf2p-gl-formulas{width:100%;border-collapse:collapse;margin-bottom:1.5mm}.sf2p-gl-formulas td{vertical-align:middle;padding:.5mm 0}.sf2p-gl-letter{width:4mm;text-align:center;font-weight:700}.sf2p-gl-label{width:35%;text-align:right;padding-right:2mm!important;font-style:italic}.sf2p-gl-frac{width:45%;text-align:center}.sf2p-frac-line{border-bottom:.25mm solid #000;margin:.5mm 0}.sf2p-gl-mult{width:10%;text-align:left;padding-left:2mm!important}.sf2p-col-codes{flex:.85;min-width:0;display:flex;flex-direction:column}.sf2p-codes-border-box{border:.3mm solid #000;padding:2mm;height:100%;box-sizing:border-box}.sf2p-code-title{font-weight:800}.sf2p-code-text{margin-bottom:2mm}.sf2p-reason-group{font-weight:800;margin-top:1.5mm;margin-bottom:.5mm}.sf2p-reason-item{margin-left:2.5mm}.sf2p-col-summary{flex:1.15;min-width:0;display:flex;flex-direction:column}.sf2p-sum-table{width:100%;border-collapse:collapse;margin-bottom:4mm}.sf2p-sum-table th,.sf2p-sum-table td{border:.3mm solid #000;padding:1mm}.sf2p-sum-table th{font-weight:700;text-align:center}.sf2p-sum-table thead tr:first-child th{background:#fff}.sf2p-sum-table .sf2p-sum-label{text-align:center;font-style:italic;font-weight:400}.sf2p-sum-table .sf2p-sum-value{text-align:center;font-weight:700;width:12%}.sf2p-cert{margin-top:2mm}.sf2p-cert-text{font-style:italic;margin-bottom:8mm}.sf2p-cert-sign{text-align:center;margin-bottom:4mm}.sf2p-cert-name{font-weight:800;text-transform:uppercase}.sf2p-cert-line{border-top:.3mm solid #000;margin:.5mm 5mm}.sf2p-cert-role{font-size:6pt;font-style:italic}.gs-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.gs-toolbar-left,.gs-toolbar-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.gs-promotion-banner{background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--border);padding:16px 20px;box-shadow:var(--shadow-sm)}.gs-promo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.gs-promo-header h3{font-size:15px;font-weight:800;margin:0}.gs-promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gs-promo-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;border:1px solid var(--border);background:var(--bg);transition:transform .15s ease}.gs-promo-card:hover{transform:translateY(-2px)}.gs-promo-card.promoted{background:#1987540f;border-color:#19875433}.gs-promo-card.promoted .gs-promo-icon{color:var(--status-success-text,var(--success));background:#1987541f}.gs-promo-card.promoted .gs-promo-value{color:var(--status-success-text,var(--success))}.gs-promo-card.conditional{background:#f59e0b0f;border-color:#f59e0b33}.gs-promo-card.conditional .gs-promo-icon{color:var(--warning);background:#f59e0b1f}.gs-promo-card.conditional .gs-promo-value{color:#b45309}.gs-promo-card.conditional.has-action{border-color:#f59e0b80;box-shadow:0 4px 12px #f59e0b1a}.gs-promo-card.retained{background:#dc35450f;border-color:#dc354533}.gs-promo-card.retained .gs-promo-icon{color:var(--danger);background:#dc35451f}.gs-promo-card.retained .gs-promo-value{color:var(--danger)}.gs-promo-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gs-promo-icon svg{width:20px;height:20px}.gs-promo-data{display:flex;flex-direction:column;line-height:1.2}.gs-promo-value{font-size:20px;font-weight:800;color:var(--text)}.gs-promo-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.gs-table th{border-bottom:2px solid var(--border)}.gs-table tbody tr{transition:background .12s ease}.gs-table tbody tr:hover{background:var(--light-blue)}.gs-table td{vertical-align:middle}.gs-table th:nth-child(2){min-width:200px}@media (max-width: 768px){.gs-promo-grid{grid-template-columns:1fr}.gs-toolbar{flex-direction:column;align-items:stretch}.gs-toolbar-left,.gs-toolbar-right{justify-content:space-between}}.gb-sheet td.gb-score{position:relative;padding:4px 6px;text-align:center;font-family:inherit;font-size:13px;font-variant-numeric:tabular-nums;border-radius:4px;cursor:text;outline:none;transition:background-color .12s ease,box-shadow .12s ease}.gb-sheet td.gb-score[contenteditable=true][data-empty="1"]:before{content:"";position:absolute;inset:3px;border:1px dashed var(--border);border-radius:4px;pointer-events:none;transition:border-color .12s ease}.gb-sheet td.gb-score[contenteditable=true][data-empty="0"]{background:#1987540f;font-weight:600}@media (hover: hover){.gb-sheet td.gb-score[contenteditable=true]:hover{background:var(--theme-soft,#1457470d)}.gb-sheet td.gb-score[contenteditable=true][data-empty="1"]:hover:before{border-color:var(--deped-blue)}}.gb-sheet td.gb-score[contenteditable=true]:focus{background:var(--card)!important;box-shadow:0 0 0 2px var(--deped-blue),0 2px 8px #00000026;z-index:2;position:relative}.gb-sheet td.gb-score[contenteditable=true]:focus:before{border-color:transparent}.gb-sheet td.gb-score[contenteditable=true]:focus[data-empty="1"]:before{border-color:var(--theme-accent,#14574759)}.gb-sheet td.gb-score.gb-locked,.gb-sheet td.gb-score.gb-locked:hover,.gb-sheet td.gb-score.gb-locked:focus{background:var(--bg)!important;color:var(--text-muted)!important;cursor:not-allowed!important;box-shadow:none!important;outline:none!important;user-select:none}.gb-sheet td.gb-score.gb-locked:before{display:none}.vc-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.vc-summary-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:16px 12px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform .15s ease}.vc-summary-card.vc-highlight{background:var(--light-blue);border-color:var(--theme-accent,#14574740);box-shadow:0 2px 8px var(--theme-soft,#1457470d)}.vc-summary-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.8px;font-weight:800;color:var(--text-muted);margin-bottom:6px}.vc-summary-val{font-size:24px;font-weight:800;color:var(--deped-blue);line-height:1}.vc-summary-card.vc-highlight .vc-summary-val{font-size:28px}.vc-summary-val.desc-text{font-size:15px;color:var(--text);margin-top:6px;line-height:1.2}.vc-summary-sub{font-size:9.5px;font-family:ui-monospace,Consolas,monospace;color:var(--text-muted);margin-top:8px;background:#0000000a;padding:2px 6px;border-radius:4px}[data-theme=dark] .vc-summary-sub,[data-theme=navy] .vc-summary-sub,[data-theme=noir] .vc-summary-sub{background:#ffffff14}.vc-footnote{display:flex;align-items:flex-start;gap:8px;font-size:11.5px;color:var(--text-muted);background:var(--bg);padding:10px 12px;border-radius:8px;line-height:1.5;border:1px dashed var(--border)}.vc-footnote svg{width:14px;height:14px;flex-shrink:0;margin-top:1px;color:var(--deped-blue)}@media (max-width: 520px){.vc-summary-grid{grid-template-columns:1fr;gap:8px}.vc-summary-card{flex-direction:row;justify-content:space-between;padding:12px 16px;text-align:left}.vc-summary-label{margin-bottom:0}.vc-summary-val{font-size:20px}.vc-summary-card.vc-highlight .vc-summary-val{font-size:22px}.vc-summary-val.desc-text,.vc-summary-sub{margin-top:0}}.auth-footer-link{color:var(--deped-blue);text-decoration:none;cursor:pointer;font-weight:500;transition:color .15s ease,text-decoration .15s ease}.auth-footer-link:hover{color:var(--secondary-blue);text-decoration:underline}.cert-hero{position:relative;border-radius:var(--radius-lg);padding:32px;margin-bottom:24px;background:var(--gradient-hero);color:#fff;overflow:hidden;box-shadow:0 12px 32px #0f172a40;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.cert-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(247,201,72,.15) 0%,transparent 70%);pointer-events:none}.cert-hero-title{font-size:clamp(24px,3vw,36px);font-weight:800;letter-spacing:-.5px;margin-bottom:8px;background:linear-gradient(180deg,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cert-hero-sub{font-size:14px;color:#ffffffb3;max-width:480px;line-height:1.5}.cert-hero-stats{display:flex;gap:24px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);padding:16px 24px;border-radius:16px;backdrop-filter:blur(10px)}.cert-hero-stat{text-align:center}.cert-hero-stat .val{font-size:24px;font-weight:800;color:var(--accent-gold);line-height:1}.cert-hero-stat .lbl{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#fff9;margin-top:4px}.cert-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:24px}.cert-type-card{position:relative;background:var(--card);border:2px solid var(--border);border-radius:16px;padding:24px;cursor:pointer;transition:all .25s cubic-bezier(.2,.8,.2,1);overflow:hidden;display:flex;flex-direction:column}.cert-type-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--cert-accent, var(--deped-blue));opacity:.8;transition:height .2s}.cert-type-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00000014;border-color:var(--cert-accent, var(--deped-blue))}.cert-type-card:hover:before{height:6px}.cert-type-icon{width:52px;height:52px;border-radius:14px;background:var(--cert-bg, var(--theme-soft));color:var(--cert-accent, var(--deped-blue));display:flex;align-items:center;justify-content:center;margin-bottom:16px}.cert-type-title{font-size:16px;font-weight:800;color:var(--text);margin-bottom:6px}.cert-type-desc{font-size:12px;color:var(--text-muted);line-height:1.5;margin-bottom:20px;flex:1}.cert-type-footer{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px dashed var(--border)}.cert-type-count{font-size:12px;font-weight:700;color:var(--text-muted)}.cert-type-arrow{color:var(--cert-accent, var(--deped-blue));transition:transform .2s}.cert-type-card:hover .cert-type-arrow{transform:translate(4px)}.cert-wizard-header{display:flex;align-items:center;justify-content:space-between;padding:0 0 20px;border-bottom:1px solid var(--border);margin-bottom:24px}.cert-steps{display:flex;align-items:center;gap:12px;width:100%;max-width:600px}.cert-step{display:flex;align-items:center;gap:10px;opacity:.4;transition:opacity .2s;flex-shrink:0}.cert-step.active,.cert-step.done{opacity:1}.cert-step-num{width:28px;height:28px;border-radius:50%;background:var(--bg);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--text-muted);flex-shrink:0;transition:all .2s}.cert-step.active .cert-step-num{background:var(--gradient-primary);border-color:transparent;color:#fff;box-shadow:0 4px 12px var(--theme-soft,#1457474d)}.cert-step.done .cert-step-num{background:var(--success);border-color:transparent;color:#fff}.cert-step-label{font-size:13px;font-weight:700;color:var(--text)}.cert-step-line{flex:1;height:2px;background:var(--border);margin:0 8px;min-width:20px;align-self:center}.cert-preview-container{background:#e2e8f0;border-radius:12px;padding:24px;display:flex;align-items:center;justify-content:center;min-height:400px;overflow:hidden;position:relative;border:1px solid var(--border)}[data-theme=dark] .cert-preview-container{background:#0f172a;border-color:#1e293b}.cert-paper{width:297mm;height:210mm;background:#fff;box-shadow:0 8px 32px #00000026,0 0 0 1px #0000000d;transform-origin:center center;overflow:hidden;position:relative}.cert-recipient-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;max-height:50vh;overflow-y:auto;padding-right:8px}.cert-rec-card{display:flex;align-items:center;gap:12px;padding:12px;border:2px solid var(--border);border-radius:12px;cursor:pointer;background:var(--card);transition:all .15s}.cert-rec-card:hover{border-color:var(--deped-blue);background:var(--light-blue)}.cert-rec-card.selected{border-color:var(--success);background:#1987540d}.cert-rec-card.selected .cert-rec-check{background:var(--success);border-color:var(--success);color:#fff}.cert-rec-check{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;color:transparent;font-size:12px;font-weight:800;flex-shrink:0}.cert-rec-info{flex:1;min-width:0}.cert-rec-name{font-size:13px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cert-rec-meta{font-size:11px;color:var(--text-muted);margin-top:2px}.cert-title-block .cert-subtitle{font-family:UnifrakturMaguntia,Old English Text MT,Times New Roman,serif;font-size:28pt;font-weight:800;color:var(--deped-blue);text-transform:none;letter-spacing:2px}@media print{@page{size:A4 landscape;margin:.7cm}.print-sf3{font-family:Arial,Helvetica,sans-serif;color:#000;font-size:8pt;line-height:1.25;-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-sf3 *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-sf3 .sf3-title-block{text-align:center;margin-bottom:3mm}.print-sf3 .sf3-main-title{font-size:11pt;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.print-sf3 .sf3-sub-title{font-size:8.5pt;font-style:italic;color:#333;margin-top:1mm}.print-sf3 .sf3-meta-table{width:100%;border-collapse:collapse;font-size:8pt;margin-bottom:3mm}.print-sf3 .sf3-meta-table td{border:.4pt solid #000;padding:1mm 2mm;vertical-align:middle}.print-sf3 .sf3-lbl{background:#eef2f7;font-weight:700;white-space:nowrap;width:12%}.print-sf3 .sf3-val{width:38%}.print-sf3 .sf3-table{width:100%;border-collapse:collapse;font-size:7pt;table-layout:fixed;margin-bottom:2mm}.print-sf3 .sf3-table th,.print-sf3 .sf3-table td{border:.4pt solid #000;padding:1mm 1.2mm;vertical-align:middle;word-wrap:break-word;overflow-wrap:anywhere}.print-sf3 .sf3-table thead th{background:#e8ecf2;text-align:center;font-weight:700;font-size:6.5pt;line-height:1.2;text-transform:uppercase;letter-spacing:.2px}.print-sf3 .sf3-table thead th .sf3-th-area{font-weight:800}.print-sf3 .sf3-table thead th .sf3-th-title{font-weight:400;font-size:6pt;margin-top:.5mm;font-style:italic;text-transform:none;letter-spacing:0}.print-sf3 .sf3-table thead th .sf3-th-date-label{font-weight:500;font-size:6pt}.print-sf3 .sf3-table thead th .sf3-th-io{font-size:6pt;font-weight:700}.print-sf3 .sf3-table .sf3-c-idx{text-align:center;width:3.5%}.print-sf3 .sf3-table .sf3-c-name{text-align:left;width:18%;font-weight:600}.print-sf3 .sf3-table .sf3-c-date{text-align:center;width:4.7%;font-size:7pt}.print-sf3 .sf3-table .sf3-c-remarks{text-align:left;width:12.7%;font-size:6.5pt}.print-sf3 .sf3-table .sf3-c-total{text-align:center;font-weight:700}.print-sf3 .sf3-col-idx{width:3.5%}.print-sf3 .sf3-col-name{width:18%}.print-sf3 .sf3-col-date{width:4.7%}.print-sf3 .sf3-col-remarks{width:12.7%}.print-sf3 .sf3-section-row td{font-weight:800;font-size:7pt;letter-spacing:1px;text-align:center;padding:1.2mm;border-right:none}.print-sf3 .sf3-total-row td{background:#eef3fa;font-weight:800;color:#0a2c6b;border-top:1pt solid #000;border-bottom:.5pt solid #000}.print-sf3 .sf3-total-row .sf3-total-label{letter-spacing:.3px;font-size:7pt;text-transform:uppercase}.print-sf3 .sf3-table thead{display:table-header-group}.print-sf3 .sf3-table tbody tr,.print-sf3 .sf3-total-row{page-break-inside:avoid;break-inside:avoid}.print-sf3 .sf3-legend{border:.4pt solid #000;padding:2mm 3mm;margin-top:3mm;font-size:6.5pt;line-height:1.4}.print-sf3 .sf3-legend-title{font-weight:800;font-size:7.5pt;text-align:center;letter-spacing:1px;margin-bottom:1.5mm}.print-sf3 .sf3-legend-section+.sf3-legend-section{margin-top:1.5mm}.print-sf3 .sf3-legend-section strong{display:block;margin-bottom:.5mm}.print-sf3 .sf3-signature{display:flex;justify-content:space-between;gap:16mm;margin-top:10mm;page-break-inside:avoid;break-inside:avoid}.print-sf3 .sf3-sign-block{flex:1}.print-sf3 .sf3-sign-block:last-child{flex:0 0 40%}.print-sf3 .sf3-sign-label{font-size:8.5pt;margin-bottom:10mm}.print-sf3 .sf3-sign-name{font-size:9pt;font-weight:700;text-align:center;min-height:4mm;line-height:1.2;word-break:break-word}.print-sf3 .sf3-sign-line{border-top:.5pt solid #000;margin-top:1mm}.print-sf3 .sf3-sign-role{text-align:center;font-size:7.5pt;margin-top:1mm;font-style:italic}.print-sf3 .sf3-sign-date{font-size:9pt;text-align:center;margin-top:8mm;letter-spacing:1px}}.scramble-page-head{align-items:center}.scramble-eyebrow{color:var(--deped-blue);font-size:10px;font-weight:900;letter-spacing:1.8px;margin-bottom:5px}.scramble-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.scramble-game-card{padding:clamp(18px,3vw,30px);overflow:hidden}.scramble-game-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.scramble-kicker{color:var(--text-muted);font-size:10px;font-weight:900;letter-spacing:1.5px}.scramble-game-top h3{margin:5px 0 0;font-size:20px}.scramble-status{border:1px solid var(--border);border-radius:99px;padding:6px 11px;font-size:11px;font-weight:800;color:var(--text-muted)}.scramble-status.is-solved{color:var(--status-success-text,var(--success));border-color:color-mix(in srgb,var(--success) 35%,var(--border));background:color-mix(in srgb,var(--success) 9%,transparent)}.scramble-instruction{text-align:center;color:var(--text-muted);font-size:13px;margin:25px 0 12px}.scramble-display{display:flex;align-items:center;justify-content:center;min-height:180px;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--deped-blue) 10%,transparent),transparent 70%),var(--bg);border-radius:18px;border:1px solid var(--border);font-weight:800;text-align:center;padding:22px 12px;overflow:hidden}.scramble-letter-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:clamp(5px,1.2vw,12px);max-width:100%}.scramble-letter{position:relative;display:grid;place-items:center;width:clamp(42px,5.7vw,66px);height:clamp(50px,7.2vw,78px);border-radius:7px;background:linear-gradient(145deg,#fff4cf,#f4dfaa 58%,#e8ca8c);border:1px solid #b8955c;box-shadow:inset 0 1px #ffffffe6,inset 0 -2px 3px #774d1b21,0 4px #a9854d,0 7px 13px #0000002e;color:#392b1b;font:900 clamp(23px,3.2vw,36px)/1 Georgia,"Times New Roman",serif;animation:scramble-letter-in .48s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--letter-index)*35ms);transition:transform .2s,filter .2s;text-shadow:0 1px 0 rgba(255,255,255,.55)}.scramble-letter-face{transform:translateY(-2px)}.scramble-letter-score{position:absolute;right:5px;bottom:4px;color:#6b4c2b;font:700 9px/1 Arial,sans-serif}.scramble-letter.is-fixed{color:var(--theme-accent,#244b36);background:linear-gradient(145deg,var(--theme-soft,#e2f4d9),var(--theme-soft,#c6e5b8) 58%,var(--theme-soft,#a9d39a));border-color:var(--theme-edge,#76a96a);box-shadow:inset 0 1px #ffffffe6,0 4px var(--theme-soft,#6e9d62),0 0 16px var(--theme-soft,#4a9b5633)}.scramble-letter.is-fixed .scramble-letter-score{color:var(--theme-ink,#416b3b)}.scramble-letter.is-fixed i{position:absolute;right:4px;top:3px;font:900 9px sans-serif;color:var(--status-success-text,var(--success))}.scramble-letter.is-answer{animation:scramble-answer-pop .55s cubic-bezier(.2,.8,.2,1) both}.scramble-animate .scramble-letter{animation:scramble-letter-in .48s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--letter-index)*35ms)}.scramble-empty{display:flex;flex-direction:column;align-items:center;gap:7px;color:var(--text-muted)}.scramble-empty span{font-size:28px;color:var(--deped-blue)}.scramble-empty strong{color:var(--text)}.scramble-empty small{font-size:12px}.scramble-progress-row{display:flex;justify-content:space-between;margin:15px 2px 7px;font-size:11px;color:var(--text-muted)}.scramble-progress-count{font-weight:800;font-variant-numeric:tabular-nums}.scramble-progress,.scramble-timer-track{height:5px;border-radius:99px;background:var(--border);overflow:hidden}.scramble-progress span,.scramble-timer-track span{display:block;height:100%;background:var(--success);border-radius:99px;transition:width .35s ease}.scramble-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:22px}.scramble-actions .btn{display:inline-flex;align-items:center;gap:7px}.scramble-action-note{opacity:.65;font-size:10px;font-weight:500}.scramble-side-column{display:flex;flex-direction:column;gap:14px}.scramble-timer-card{padding:20px}.scramble-side-title{display:flex;align-items:center;gap:11px}.scramble-side-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:var(--deped-blue);background:color-mix(in srgb,var(--deped-blue) 12%,transparent)}.scramble-side-title h3{margin:0;font-size:15px}.scramble-side-title small{color:var(--text-muted);font-size:11px}.scramble-timer-value{text-align:center;font-size:clamp(48px,6vw,66px);font-weight:900;font-variant-numeric:tabular-nums;padding:16px 0 12px}.scramble-timer-value.danger{color:var(--danger);animation:scramble-pulse .8s ease-in-out infinite alternate}.scramble-timer-setting{margin-top:14px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.scramble-timer-setting label{display:block;margin-bottom:7px;font-size:12px;font-weight:800;color:var(--text)}.scramble-timer-setting>div{display:flex;align-items:center;gap:9px}.scramble-timer-setting input{width:100px;min-height:36px;text-align:center;font-weight:800}.scramble-timer-setting>div span{font-size:12px;color:var(--text-muted)}.scramble-timer-setting small{display:block;margin-top:7px;font-size:10px;line-height:1.45;color:var(--text-muted)}.scramble-timer-actions{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:15px}.scramble-timer-actions .btn{padding-inline:10px}.scramble-tip-card{padding:16px 18px;border:1px solid color-mix(in srgb,var(--deped-blue) 25%,var(--border));border-radius:var(--radius-lg);background:color-mix(in srgb,var(--deped-blue) 5%,var(--card))}.scramble-tip-card span{color:var(--deped-blue);font-size:11px;font-weight:900;letter-spacing:.4px}.scramble-tip-card p{margin:7px 0 0;font-size:12px;line-height:1.6;color:var(--text-muted)}@keyframes scramble-letter-in{0%{opacity:0;transform:translateY(16px) rotateX(-35deg) scale(.85)}to{opacity:1;transform:translateY(0) rotateX(0) scale(1)}}@keyframes scramble-answer-pop{0%{transform:scale(.8) rotate(-5deg);opacity:.3}65%{transform:scale(1.12) rotate(2deg)}to{transform:scale(1);opacity:1}}@keyframes scramble-pulse{0%{opacity:1}to{opacity:.55}}@media (max-width:900px){.scramble-workspace{grid-template-columns:1fr}.scramble-side-column{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width:520px){.scramble-actions .btn{flex:1 1 calc(50% - 8px);justify-content:center}.scramble-display{min-height:145px;padding:15px 8px}}@media (prefers-reduced-motion:reduce){.scramble-letter,.scramble-animate .scramble-letter,.scramble-timer-value.danger{animation:none!important;transition:none!important}}#sd-choices>div{transition:all .2s ease}#presenter-screen .big-timer{color:#fff}#presenter-screen .presenter-scrabble-tile{position:relative;display:grid;place-items:center;width:clamp(42px,7vw,92px);height:clamp(54px,9vw,112px);border-radius:8px;background:linear-gradient(145deg,#fff4cf,#f4dfaa 58%,#e8ca8c);border:2px solid #b8955c;box-shadow:inset 0 2px #ffffffe6,inset 0 -3px 5px #774d1b24,0 6px #987441,0 10px 18px #0000003d;color:#392b1b;animation:scramble-letter-in .5s both;animation-delay:calc(var(--letter-index)*45ms);text-shadow:0 1px 0 rgba(255,255,255,.55)}#presenter-screen .presenter-scrabble-tile b{font:900 clamp(32px,6vw,76px)/1 Georgia,"Times New Roman",serif;transform:translateY(-3px)}#presenter-screen .presenter-scrabble-tile small{position:absolute;right:7px;bottom:5px;color:#6b4c2b;font:700 clamp(9px,1vw,13px)/1 Arial,sans-serif}#presenter-screen .presenter-scrabble-tile.is-fixed{background:linear-gradient(145deg,var(--theme-soft,#e2f4d9),var(--theme-soft,#c6e5b8) 58%,var(--theme-soft,#a9d39a));border-color:var(--theme-edge,#76a96a);box-shadow:inset 0 2px #ffffffe6,0 6px var(--theme-soft,#6e9d62),0 0 18px var(--theme-soft,#4a9b5633)}#presenter-screen .presenter-scrabble-tile i{position:absolute;top:3px;right:5px;color:var(--theme-accent,#397747);font:900 12px Arial,sans-serif}.rz-grid{align-items:stretch;gap:18px}.rz-card{border-radius:18px;border-color:color-mix(in srgb,var(--deped-blue) 14%,var(--border));box-shadow:0 8px 24px #0f234b0e;padding:clamp(15px,2vw,22px);isolation:isolate;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.rz-card:before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--deped-blue),#5b8def,#e8b84b);opacity:.72}.rz-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--deped-blue) 34%,var(--border));box-shadow:0 14px 34px #0f234b1c}.rz-card-head{margin-bottom:16px;align-items:flex-start;flex-wrap:wrap}.rz-card-head h3{font-size:15px;letter-spacing:-.2px}.rz-stage,.rz-yn-stage{border-radius:17px;box-shadow:inset 0 1px #ffffff7a}.rz-stage{min-height:clamp(175px,20vw,220px);background:radial-gradient(ellipse at 50% 12%,color-mix(in srgb,var(--deped-blue) 10%,transparent),transparent 64%),radial-gradient(ellipse at 50% 100%,rgba(247,201,72,.12),transparent 55%),var(--bg)}.rz-number{text-shadow:0 8px 26px var(--theme-soft)}.rz-number.settled{animation:rzNumberLand .56s cubic-bezier(.18,.9,.25,1.25)}.rz-die,.rz-poly-die{filter:drop-shadow(0 7px 8px rgba(20,35,70,.12))}.rz-poly-die{border-radius:18px;background:linear-gradient(145deg,#fff 0%,var(--light-blue) 100%)}.rz-coin-scene{min-height:165px}.rz-coin{filter:drop-shadow(0 10px 13px rgba(30,41,59,.18))}.rz-coin-face{overflow:hidden}.rz-coin-face .glyph{text-shadow:0 2px 0 rgba(255,255,255,.24)}.rz-coin-stats{gap:clamp(16px,3vw,32px)}.rz-coin-stats .stat .val{font-size:22px}.rz-yn-stage{min-height:clamp(175px,20vw,220px)}.rz-yn-value{text-align:center;overflow-wrap:anywhere;padding:8px 14px}.rz-controls{gap:9px;margin-top:2px}.rz-controls .btn{min-height:42px;border-radius:11px;font-weight:750;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.rz-controls .btn:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.035)}.rz-controls .btn:not(:disabled):active{transform:translateY(1px) scale(.99)}.rz-controls .btn:disabled{opacity:.7;cursor:progress}.rz-segment{border-radius:11px;padding:4px}.rz-segment button{min-height:30px}.rz-segment button.active{border:1px solid color-mix(in srgb,var(--deped-blue) 18%,transparent)}.rz-history{gap:6px}.rz-history-chip{padding:5px 10px;border-radius:999px;border-color:color-mix(in srgb,var(--deped-blue) 12%,transparent);animation:rzHistoryEnter .28s ease-out both}.rz-history-chip.latest{background:var(--deped-blue);color:#fff;box-shadow:0 3px 10px var(--theme-soft,#1457472e)}[data-theme=dark] .rz-history-chip.latest{color:#fff}@keyframes rzNumberLand{0%{opacity:.35;transform:translateY(9px) scale(.82);filter:blur(4px)}68%{opacity:1;transform:translateY(-3px) scale(1.07);filter:blur(0)}to{transform:translateY(0) scale(1)}}@keyframes rzHistoryEnter{0%{opacity:0;transform:translateY(5px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 720px){.rz-grid{gap:13px}.rz-card{padding:15px}.rz-card:hover{transform:none}.rz-card-head{gap:8px}.rz-controls .btn{min-width:0}}@media (prefers-reduced-motion: reduce){.rz-card,.rz-controls .btn,.rz-history-chip,.rz-number,.rz-die,.rz-poly-die,.rz-yn-value{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rz-card:hover,.rz-controls .btn:not(:disabled):hover,.rz-controls .btn:not(:disabled):active{transform:none}}#presenter-screen .presenter-rz-wrap{width:min(1280px,94vw);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:clamp(16px,3vh,32px);padding:clamp(12px,3vh,36px) 8px;text-align:center;animation:presenterRzFadeIn .35s ease both}#presenter-screen .presenter-rz-label{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:9px 22px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff0f;color:#ffffffb8;font-size:clamp(12px,1.4vw,18px);letter-spacing:.18em;text-transform:uppercase;font-weight:800;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#presenter-screen .presenter-rz-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,2vh,26px);width:100%;min-height:clamp(320px,58vh,640px);padding:clamp(20px,4vh,56px) clamp(16px,2vw,40px);border-radius:24px;background:radial-gradient(ellipse at 50% 15%,rgba(247,201,72,.08),transparent 55%),radial-gradient(ellipse at 50% 100%,rgba(0,87,184,.16),transparent 65%),#ffffff08;border:1px solid rgba(255,255,255,.08);overflow:hidden;flex-wrap:wrap}#presenter-screen .presenter-rz-ball{position:relative;width:clamp(240px,34vw,500px);aspect-ratio:1 / 1;border-radius:50%;background:radial-gradient(circle at 34% 26%,#fff,#f8fafc 22%,#dbe4f0 55%,#8fa3bd);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -34px 60px #0f172a2e,inset 0 28px 50px #fff9,0 30px 70px var(--theme-soft,#247b6359),0 0 0 8px #ffffff0a;animation:presenterRzBallIn .9s cubic-bezier(.2,.85,.25,1.25) both}#presenter-screen .presenter-rz-ball:before{content:"";position:absolute;top:10%;left:12%;width:32%;height:20%;border-radius:50%;background:radial-gradient(ellipse at 40% 40%,#fffffff2,#fff0 70%);transform:rotate(-25deg);pointer-events:none}#presenter-screen .presenter-rz-ball-number{position:relative;font-size:clamp(90px,19vw,260px);font-weight:900;line-height:1;letter-spacing:-.04em;background:linear-gradient(180deg,#1e3a8a,var(--theme-accent,#145747));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 20px var(--theme-soft)}#presenter-screen .presenter-rz-ball-range{position:absolute;bottom:9%;left:0;right:0;text-align:center;font-size:clamp(11px,1.1vw,15px);letter-spacing:.28em;text-transform:uppercase;font-weight:700;color:#0f172a73}#presenter-screen .presenter-rz-dice-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(16px,2.4vw,36px);perspective:1400px}#presenter-screen .presenter-rz-die{position:relative;width:clamp(96px,12vw,172px);aspect-ratio:1 / 1;border-radius:18%;background:linear-gradient(145deg,#fff,#f1f5f9 48%,#c4d0e1);box-shadow:inset 0 -12px 22px #0f172a1a,inset 0 10px 20px #ffffffe6,0 20px 40px #00000061,0 0 0 1px #0f172a14;transform:rotateX(-10deg) rotateY(-12deg);animation:presenterRzDieIn .7s cubic-bezier(.2,.85,.25,1.25) both;animation-delay:calc(var(--die-i, 0) * 90ms)}#presenter-screen .presenter-rz-die .pip{position:absolute;width:18%;height:18%;border-radius:50%;background:radial-gradient(circle at 34% 30%,#4a5568,#0f172a 82%);box-shadow:inset 0 2px 3px #0006;transform:translate(-50%,-50%)}#presenter-screen .presenter-rz-die.p-1 .pip:nth-child(1){left:50%;top:50%}#presenter-screen .presenter-rz-die.p-2 .pip:nth-child(1){left:28%;top:28%}#presenter-screen .presenter-rz-die.p-2 .pip:nth-child(2){left:72%;top:72%}#presenter-screen .presenter-rz-die.p-3 .pip:nth-child(1){left:28%;top:28%}#presenter-screen .presenter-rz-die.p-3 .pip:nth-child(2){left:50%;top:50%}#presenter-screen .presenter-rz-die.p-3 .pip:nth-child(3){left:72%;top:72%}#presenter-screen .presenter-rz-die.p-4 .pip:nth-child(1){left:28%;top:28%}#presenter-screen .presenter-rz-die.p-4 .pip:nth-child(2){left:72%;top:28%}#presenter-screen .presenter-rz-die.p-4 .pip:nth-child(3){left:28%;top:72%}#presenter-screen .presenter-rz-die.p-4 .pip:nth-child(4){left:72%;top:72%}#presenter-screen .presenter-rz-die.p-5 .pip:nth-child(1){left:28%;top:28%}#presenter-screen .presenter-rz-die.p-5 .pip:nth-child(2){left:72%;top:28%}#presenter-screen .presenter-rz-die.p-5 .pip:nth-child(3){left:50%;top:50%}#presenter-screen .presenter-rz-die.p-5 .pip:nth-child(4){left:28%;top:72%}#presenter-screen .presenter-rz-die.p-5 .pip:nth-child(5){left:72%;top:72%}#presenter-screen .presenter-rz-die.p-6 .pip:nth-child(1){left:28%;top:24%}#presenter-screen .presenter-rz-die.p-6 .pip:nth-child(2){left:72%;top:24%}#presenter-screen .presenter-rz-die.p-6 .pip:nth-child(3){left:28%;top:50%}#presenter-screen .presenter-rz-die.p-6 .pip:nth-child(4){left:72%;top:50%}#presenter-screen .presenter-rz-die.p-6 .pip:nth-child(5){left:28%;top:76%}#presenter-screen .presenter-rz-die.p-6 .pip:nth-child(6){left:72%;top:76%}#presenter-screen .presenter-rz-die.poly .presenter-rz-die-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(42px,6vw,84px);font-weight:900;color:#0f172a;letter-spacing:-.03em}#presenter-screen .presenter-rz-die.poly .presenter-rz-die-sides{position:absolute;bottom:8%;left:0;right:0;text-align:center;font-size:clamp(9px,1vw,13px);font-weight:800;letter-spacing:.28em;text-transform:uppercase;color:#0f172a73}#presenter-screen .presenter-rz-dice-total{font-size:clamp(18px,2.2vw,30px);font-weight:800;color:#fff;letter-spacing:.02em;animation:presenterRzResultPop .6s cubic-bezier(.2,.85,.25,1.25) both;animation-delay:.35s}#presenter-screen .presenter-rz-dice-total strong{color:#fde68a;font-size:1.4em;margin-left:8px}#presenter-screen .presenter-rz-coin-scene{display:flex;flex-direction:column;align-items:center;gap:clamp(16px,2.5vh,28px);perspective:1400px}#presenter-screen .presenter-rz-coin{position:relative;width:clamp(210px,28vw,400px);aspect-ratio:1 / 1;transform-style:preserve-3d;animation:presenterRzCoinHeads 1.7s cubic-bezier(.2,.85,.25,1) both}#presenter-screen .presenter-rz-coin.is-tails{animation-name:presenterRzCoinTails}#presenter-screen .presenter-rz-coin-face{position:absolute;inset:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(72px,10vw,150px);font-weight:900;letter-spacing:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:inset 0 -22px 44px #78350f59,inset 0 22px 44px #fff6,0 26px 52px #0006,0 0 0 8px #fbbf2424,0 0 0 14px #fbbf240f}#presenter-screen .presenter-rz-coin-heads{background:radial-gradient(circle at 36% 28%,#fde68a,#facc15 35%,#ca8a04 80%,#78350f);color:#7c2d12;transform:rotateY(0)}#presenter-screen .presenter-rz-coin-tails{background:radial-gradient(circle at 36% 28%,#e5e7eb,#cbd5e1 35%,#64748b 80%,#1e293b);color:#0f172a;transform:rotateY(180deg)}#presenter-screen .presenter-rz-coin-face:after{content:"";position:absolute;inset:13%;border-radius:50%;border:3px dashed rgba(0,0,0,.14);pointer-events:none}#presenter-screen .presenter-rz-coin-result{font-size:clamp(26px,3.2vw,48px);font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#fde68a;text-shadow:0 4px 22px rgba(247,201,72,.4);animation:presenterRzResultPop .55s cubic-bezier(.2,.85,.25,1.25) both;animation-delay:1.45s}#presenter-screen .presenter-rz-yn-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,32px);width:min(100%,1160px)}#presenter-screen .presenter-rz-yn-card{position:relative;padding:clamp(32px,5vh,72px) clamp(16px,2vw,40px);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1vh,14px);overflow:hidden;transition:transform .35s cubic-bezier(.25,.85,.25,1),opacity .35s ease,filter .35s ease,box-shadow .35s ease}#presenter-screen .presenter-rz-yn-value{font-size:clamp(48px,7.5vw,130px);font-weight:900;line-height:1;letter-spacing:-.02em;text-transform:uppercase;overflow-wrap:anywhere;text-align:center}#presenter-screen .presenter-rz-yn-card.is-positive{background:radial-gradient(circle at 50% 0%,rgba(34,197,94,.26),transparent 62%),linear-gradient(160deg,#065f46,#044d34);color:#d1fae5;border:2px solid rgba(34,197,94,.42);box-shadow:inset 0 0 60px #22c55e29}#presenter-screen .presenter-rz-yn-card.is-negative{background:radial-gradient(circle at 50% 0%,rgba(239,68,68,.26),transparent 62%),linear-gradient(160deg,#7f1d1d,#450a0a);color:#fecaca;border:2px solid rgba(239,68,68,.42);box-shadow:inset 0 0 60px #ef444429}#presenter-screen .presenter-rz-yn-card.is-winner{transform:scale(1.04);filter:brightness(1.15);animation:presenterRzYnWin .8s cubic-bezier(.2,.85,.25,1.25) both}#presenter-screen .presenter-rz-yn-card.is-winner.is-positive{box-shadow:inset 0 0 80px #22c55e52,0 0 60px #22c55e8c,0 0 140px #22c55e38}#presenter-screen .presenter-rz-yn-card.is-winner.is-negative{box-shadow:inset 0 0 80px #ef444452,0 0 60px #ef44448c,0 0 140px #ef444438}#presenter-screen .presenter-rz-yn-card.is-dimmed{opacity:.32;filter:grayscale(.6);transform:scale(.94)}#presenter-screen .presenter-rz-idle{display:flex;flex-direction:column;align-items:center;gap:14px;color:#ffffff61;font-size:clamp(20px,2.4vw,34px);font-weight:700;letter-spacing:.04em}@keyframes presenterRzFadeIn{0%{opacity:0}to{opacity:1}}@keyframes presenterRzBallIn{0%{opacity:0;transform:scale(.28) rotate(-18deg);filter:blur(8px)}60%{opacity:1;transform:scale(1.07) rotate(3deg);filter:blur(0)}to{transform:scale(1) rotate(0)}}@keyframes presenterRzDieIn{0%{opacity:0;transform:rotateX(-40deg) rotateY(-50deg) scale(.4)}55%{opacity:1;transform:rotateX(-4deg) rotateY(-6deg) scale(1.09)}to{transform:rotateX(-10deg) rotateY(-12deg) scale(1)}}@keyframes presenterRzCoinHeads{0%{transform:rotateY(0) translateY(0)}15%{transform:rotateY(180deg) translateY(-42px)}35%{transform:rotateY(540deg) translateY(-62px)}55%{transform:rotateY(900deg) translateY(-30px)}75%{transform:rotateY(1260deg) translateY(0)}90%{transform:rotateY(1440deg) translateY(-8px)}to{transform:rotateY(1440deg) translateY(0)}}@keyframes presenterRzCoinTails{0%{transform:rotateY(0) translateY(0)}15%{transform:rotateY(-180deg) translateY(-42px)}35%{transform:rotateY(-540deg) translateY(-62px)}55%{transform:rotateY(-900deg) translateY(-30px)}75%{transform:rotateY(-1260deg) translateY(0)}90%{transform:rotateY(-1620deg) translateY(-8px)}to{transform:rotateY(-1620deg) translateY(0)}}@keyframes presenterRzResultPop{0%{opacity:0;transform:translateY(12px) scale(.7)}55%{opacity:1;transform:translateY(-3px) scale(1.08)}to{transform:translateY(0) scale(1)}}@keyframes presenterRzYnWin{0%{transform:scale(1)}40%{transform:scale(1.1)}70%{transform:scale(1.02)}to{transform:scale(1.04)}}@media (max-width: 900px){#presenter-screen .presenter-rz-wrap{gap:14px;padding:10px}#presenter-screen .presenter-rz-stage{min-height:52vh;padding:22px 12px}#presenter-screen .presenter-rz-yn-grid{grid-template-columns:1fr;gap:12px}#presenter-screen .presenter-rz-yn-card{padding:22px 16px}}@media (max-width: 600px){#presenter-screen .presenter-rz-label{font-size:11px;padding:7px 14px}#presenter-screen .presenter-rz-ball{width:74vw}#presenter-screen .presenter-rz-die{width:22vw}#presenter-screen .presenter-rz-coin{width:62vw}}@media (prefers-reduced-motion: reduce){#presenter-screen .presenter-rz-wrap,#presenter-screen .presenter-rz-ball,#presenter-screen .presenter-rz-die,#presenter-screen .presenter-rz-coin,#presenter-screen .presenter-rz-coin-result,#presenter-screen .presenter-rz-dice-total,#presenter-screen .presenter-rz-yn-card.is-winner{animation:none!important}}.hv-tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);padding:0 8px;background:var(--bg)}.hv-tab{display:inline-flex;align-items:center;gap:6px;padding:12px 16px;font-size:13px;font-weight:600;color:var(--text-muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.hv-tab:hover{color:var(--deped-blue)}.hv-tab.active{color:var(--deped-blue);border-bottom-color:var(--deped-blue)}.hv-tab svg{width:14px;height:14px;flex-shrink:0;display:block}.hv-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:9px;font-size:10px;font-weight:800;background:var(--deped-blue);color:#fff;margin-left:2px}.hv-toolbar{display:flex;gap:10px;padding:12px 16px;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--border);background:var(--card)}.hv-search{position:relative;flex:1;min-width:200px}.hv-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--text-muted);pointer-events:none}.hv-search input{padding-left:36px}.hv-attention-card{border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:10px;background:var(--card);transition:border-color .15s,box-shadow .15s}.hv-attention-card:hover{border-color:var(--deped-blue);box-shadow:var(--shadow-sm)}.hv-attention-head{display:flex;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}.hv-attention-chips{display:flex;gap:6px;flex-wrap:wrap}.hv-chip{display:inline-flex;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700;background:var(--bg);color:var(--text-muted);border:1px solid var(--border)}.hv-chip.is-primary{background:#dc35451f;color:var(--danger);border-color:#dc354547}.hv-attention-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:10px;border-top:1px dashed var(--border)}.hv-last-visit{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.hv-last-visit svg{width:12px;height:12px;flex-shrink:0;display:block}.hv-last-visit-none{color:var(--text-muted);font-style:italic}.hv-empty-state{text-align:center;padding:44px 20px}.hv-empty-icon{width:48px;height:48px;border-radius:50%;background:var(--light-blue);color:var(--deped-blue);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.hv-empty-icon svg{width:22px;height:22px;display:block}.hv-reason-tag{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:10px;background:var(--bg);color:var(--text-muted)}.hv-reason-tag svg{width:11px;height:11px;flex-shrink:0;display:block}.hv-form .hv-learner-banner{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:var(--bg);margin-bottom:16px}.hv-photo-preview{width:130px;height:88px;border-radius:8px;overflow:hidden;border:1px solid var(--border);background:var(--bg);display:flex;align-items:center;justify-content:center}.hv-photo-preview img{width:100%;height:100%;object-fit:cover}.hv-pick-row:hover{background:var(--light-blue)!important}.hv-pick-row:last-child{border-bottom:none!important}.hv-pick-row svg{width:14px;height:14px;flex-shrink:0;display:block}.hv-summary-head{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;background:var(--bg);margin-bottom:16px}.hv-timeline{display:flex;flex-direction:column;gap:4px;max-height:60vh;overflow-y:auto;padding-right:4px}.hv-tl-item{display:flex;gap:12px;padding:10px 8px;border-bottom:1px dashed var(--border);align-items:flex-start}.hv-tl-item:last-child{border-bottom:none}.hv-tl-icon{width:32px;height:32px;border-radius:8px;background:var(--light-blue);color:var(--deped-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.hv-tl-icon svg{width:16px;height:16px;display:block}.hv-tl-visit .hv-tl-icon{background:#19875424;color:var(--status-success-text,var(--success))}.hv-tl-behavior .hv-tl-icon{background:#f59e0b24;color:#b45309}.hv-tl-email .hv-tl-icon{background:#7c3aed24;color:var(--accent-purple)}.hv-tl-body{flex:1;min-width:0}.hv-tl-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:2px}.hv-tl-title{font-weight:700;font-size:13px}.hv-tl-date{font-size:11px;color:var(--text-muted);flex-shrink:0}.hv-tl-detail{font-size:12px;line-height:1.5;color:var(--text-muted)}.hv-tl-meta{font-size:11px;color:var(--text-muted);margin-top:4px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.hv-tl-status{padding:1px 8px;border-radius:8px;background:var(--bg);font-weight:600}@media (max-width: 640px){.hv-attention-foot{flex-direction:column;align-items:stretch}.hv-attention-foot>.flex{justify-content:flex-end}.hv-photo-preview{width:100%;height:110px}}@media print{@page{size:A4 portrait;margin:15mm}.print-home-visit{font-family:Times New Roman,Times,serif;color:#000;font-size:10.5pt;line-height:1.35;-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-home-visit .hv-print-meta{width:100%;border-collapse:collapse;margin:4mm 0}.print-home-visit .hv-print-meta td{border:.5pt solid #000;padding:1.5mm 3mm;vertical-align:middle}.print-home-visit .hv-print-lbl{background:#f2f6fc;font-weight:700;width:22%;white-space:nowrap}.print-home-visit .hv-print-val{width:28%}.print-home-visit .hv-print-section{margin-top:4mm}.print-home-visit .hv-print-section-title{font-weight:700;text-transform:uppercase;letter-spacing:.3px;font-size:10pt;padding:2mm 0 1mm;border-bottom:.5pt solid #000;margin-bottom:2mm}.print-home-visit .hv-print-body{font-size:10pt;line-height:1.5;min-height:18mm}.print-home-visit .hv-print-signatures{margin-top:15mm;page-break-inside:avoid}.print-home-visit .hv-print-signatures table{width:100%;border-collapse:collapse;table-layout:fixed}.print-home-visit .hv-print-signatures td{border:none;padding:0 6mm;vertical-align:bottom;text-align:center}.print-home-visit .hv-print-sign-name{font-weight:700;font-size:10.5pt;min-height:4mm;text-align:center}.print-home-visit .hv-print-sign-line{border-top:.75pt solid #000;margin:1mm 4mm 0}.print-home-visit .hv-print-sign-role{text-align:center;font-size:9pt;margin-top:1mm;font-style:italic}}.qb-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--bg)}.qb-search{position:relative;flex:1;min-width:200px}.qb-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--text-muted);pointer-events:none}.qb-search input{padding-left:36px}.qb-select{max-width:170px}.qb-table th,.qb-table td{vertical-align:middle}.qb-text-preview{font-weight:600;font-size:12.5px;line-height:1.45;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.qb-status-line{display:flex;align-items:center;gap:4px;margin-top:4px;flex-wrap:wrap}.qb-status-pill{display:inline-flex;align-items:center;font-size:10px;font-weight:700;letter-spacing:.2px;padding:2px 8px;border-radius:10px;white-space:nowrap}.qb-status-pill[data-state=well-calibrated]{background:#19875424;color:var(--status-success-text,var(--success))}.qb-status-pill[data-state=usable]{background:var(--light-blue);color:var(--deped-blue)}.qb-status-pill[data-state=too-hard],.qb-status-pill[data-state=too-easy]{background:#f59e0b29;color:#b45309}.qb-status-pill[data-state=retire-candidate]{background:#dc354524;color:var(--danger)}.qb-status-pill[data-state=untested]{background:var(--bg);color:var(--text-muted);border:1px solid var(--border)}.qb-type-tag{display:inline-flex;font-size:10.5px;font-weight:700;letter-spacing:.2px;padding:2px 8px;border-radius:8px;background:var(--bg);color:var(--text-muted);border:1px solid var(--border);white-space:nowrap}.qb-retired-tag{font-size:9.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;padding:1px 6px;border-radius:4px;background:#dc354524;color:var(--danger);margin-right:6px;vertical-align:middle}.qb-diff-wrap{display:flex;flex-direction:column;gap:3px}.qb-diff-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden;width:100%}.qb-diff-bar>div{height:100%;border-radius:3px;transition:width .2s ease}.qb-diff-bar[data-tone=moderate]>div{background:linear-gradient(90deg,#10b981,#198754)}.qb-diff-bar[data-tone=hard]>div{background:linear-gradient(90deg,#f59e0b,#dc3545)}.qb-diff-bar[data-tone=easy]>div{background:linear-gradient(90deg,var(--theme-accent,#2d8c80),var(--theme-accent,#247b63))}.qb-diff-value{font-size:10.5px;color:var(--text-muted);font-weight:700;font-variant-numeric:tabular-nums}.qb-disc-badge{display:inline-block;font-size:11.5px;font-weight:800;font-variant-numeric:tabular-nums;padding:3px 10px;border-radius:12px}.qb-disc-badge[data-tone=excellent]{background:#19875424;color:var(--status-success-text,var(--success))}.qb-disc-badge[data-tone=good]{background:var(--light-blue);color:var(--deped-blue)}.qb-disc-badge[data-tone=marginal]{background:#f59e0b24;color:#b45309}.qb-disc-badge[data-tone=poor]{background:#dc354524;color:var(--danger)}.qb-disc-badge[data-tone=muted]{background:var(--bg);color:var(--text-muted);border:1px solid var(--border)}.qb-bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:linear-gradient(90deg,var(--theme-soft,#1457470f),#e8b84b0f);border-bottom:1px solid var(--border);flex-wrap:wrap}.qb-bulk-count{font-weight:800;font-size:13px;color:var(--deped-blue)}.qb-edit-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;border-radius:8px;background:var(--bg);border:1px solid var(--border)}.qb-picker-toolbar{display:flex;gap:10px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:12px;flex-wrap:wrap}.qb-picker-list{display:flex;flex-direction:column;gap:2px;max-height:56vh;overflow-y:auto;border:1px solid var(--border);border-radius:10px;padding:6px}.qb-picker-row{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .12s ease}.qb-picker-row:hover{background:var(--light-blue)}.qb-picker-row input[type=checkbox]{margin-top:3px;accent-color:var(--deped-blue);flex-shrink:0;width:16px;height:16px}.qb-picker-text{font-size:12.5px;font-weight:600;line-height:1.45;margin-bottom:4px}.qb-picker-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.qb-picker-footer{margin-top:10px;display:flex;justify-content:flex-end}@media (max-width: 640px){.qb-toolbar{gap:8px}.qb-select{max-width:none;flex:1;min-width:130px}.qb-table th:nth-child(3),.qb-table td:nth-child(3),.qb-table th:nth-child(4),.qb-table td:nth-child(4),.qb-table th:nth-child(6),.qb-table td:nth-child(6){display:none}}.rzx-scope{--die: clamp(64px, 8.5vw, 112px);--ball: clamp(150px, 21vw, 232px);--cs: clamp(116px, 14vw, 172px);--orb: clamp(92px, 11.5vw, 148px)}.rzx-shell{display:flex;flex-direction:column;gap:14px}.rzx-tabs{display:flex;gap:6px;padding:5px;overflow-x:auto;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);scrollbar-width:none}.rzx-tabs::-webkit-scrollbar{display:none}.rzx-tab{flex:1 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 18px;border:0;border-radius:12px;background:transparent;color:var(--text-muted);font:inherit;font-size:14px;font-weight:800;cursor:pointer;white-space:nowrap;transition:background .18s,color .18s,box-shadow .18s,transform .12s}.rzx-tab svg{width:22px;height:22px;flex-shrink:0}.rzx-tab:hover{color:var(--deped-blue);background:color-mix(in srgb,var(--deped-blue) 8%,transparent)}.rzx-tab:active{transform:scale(.97)}.rzx-tab[aria-selected=true]{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 14px var(--theme-soft,#14574747)}.rzx-tab:focus-visible{outline:3px solid color-mix(in srgb,var(--deped-blue) 45%,transparent);outline-offset:2px}.rzx-panel[hidden]{display:none}.rzx-main{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.rzx-shell.is-focus .rzx-main{grid-template-columns:minmax(0,1fr)}.rzx-shell.is-focus .rzx-side{display:none}.rzx-shell.is-focus .rzx-stage{min-height:clamp(340px,62vh,640px)}.rzx-stage-card{background:var(--card);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;min-width:0}.rzx-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:clamp(300px,50vh,470px);padding:26px 12px 40px;overflow:hidden;cursor:pointer;user-select:none;outline:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(ellipse 70% 60% at 50% 0%,color-mix(in srgb,var(--deped-blue) 15%,transparent),transparent 72%),radial-gradient(ellipse 85% 38% at 50% 108%,color-mix(in srgb,var(--accent-gold) 26%,transparent),transparent 72%),var(--bg)}.rzx-stage[data-rzx-stage=number]{min-height:max(clamp(300px,50vh,470px),calc(var(--ball) * 1.34 + 76px))}.rzx-stage[data-rzx-stage=dice]{min-height:max(clamp(300px,50vh,470px),calc(var(--die) * 2.05 + 76px))}.rzx-stage[data-rzx-stage=coin]{min-height:max(clamp(300px,50vh,470px),calc(var(--cs) * 2.1 + 70px))}.rzx-stage[data-rzx-stage=yn]{min-height:max(clamp(300px,50vh,470px),calc(var(--orb) * 1.8 + 90px))}.rzx-stage:focus-visible{box-shadow:inset 0 0 0 3px var(--deped-blue)}.rzx-stage.is-busy{cursor:progress}.rzx-tap{position:absolute;left:50%;bottom:12px;transform:translate(-50%);font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-muted);background:color-mix(in srgb,var(--card) 80%,transparent);border:1px solid var(--border);border-radius:99px;padding:5px 12px;pointer-events:none;transition:opacity .25s;white-space:nowrap}.rzx-stage.is-busy .rzx-tap{opacity:0}.rzx-actions{display:flex;gap:10px;padding:14px 18px 18px}.rzx-actions .rzx-roll{flex:2;min-height:56px;font-size:17px;font-weight:800;border-radius:14px}.rzx-actions .rzx-ghost{flex:1;min-height:56px;border-radius:14px}.rzx-actions .btn:disabled{opacity:.6;cursor:progress}.rzx-art{display:flex;align-items:center;justify-content:center;width:100%}.rzx-result{display:flex;align-items:baseline;justify-content:center;gap:12px;flex-wrap:wrap;min-height:84px;padding:12px 18px;text-align:center;border-top:1px solid var(--border)}.rzx-res-k{font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--text-muted)}.rzx-res-v{font-size:clamp(36px,5vw,58px);line-height:1;font-weight:900;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--deped-blue)}.rzx-res-v.is-yes{color:var(--status-success-text,var(--success))}.rzx-res-v.is-no{color:var(--danger)}.rzx-res-v.is-heads{color:#b45309}.rzx-res-v.is-tails{color:#475569}[data-theme=dark] .rzx-res-v.is-heads{color:#fbbf24}[data-theme=dark] .rzx-res-v.is-tails{color:#cbd5e1}.rzx-res-sub{font-size:14px;font-weight:700;color:var(--text-muted);font-variant-numeric:tabular-nums}.rzx-res-hint{font-size:14px;font-weight:600;color:var(--text-muted);align-self:center}.rzx-result.reveal{animation:rzxResultIn .6s cubic-bezier(.34,1.56,.64,1) var(--rd, 0ms) both}.rzx-side{display:flex;flex-direction:column;gap:12px;min-width:0}.rzx-box{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px 16px;box-shadow:var(--shadow-sm)}.rzx-box-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.rzx-box h4{margin:0;font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--text-muted)}.rzx-field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.rzx-field:last-child{margin-bottom:0}.rzx-field>label{font-size:11px;font-weight:700;color:var(--text-muted)}.rzx-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.rzx-field-row .rzx-field{margin-bottom:0}.rzx-box .rz-segment.rzx-seg-wide{display:flex;flex-wrap:wrap;width:100%}.rzx-box .rz-segment.rzx-seg-wide button{flex:1 1 auto;padding:6px 8px;white-space:nowrap}.rzx-note{margin:8px 0 0;font-size:12px;color:var(--text-muted);font-weight:600}.rzx-note b{color:var(--deped-blue);font-variant-numeric:tabular-nums}.rzx-tally{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rzx-tally-tile{text-align:center;padding:10px 4px;border-radius:12px;background:var(--bg);border:1px solid var(--border)}.rzx-tally-tile .lbl{display:block;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-muted)}.rzx-tally-tile .val{display:block;margin-top:2px;font-size:24px;font-weight:900;line-height:1.1;font-variant-numeric:tabular-nums}.rzx-tally-tile.heads .val{color:#b45309}.rzx-tally-tile.tails .val{color:#64748b}.rzx-tally-tile.streak .val{color:var(--deped-blue)}[data-theme=dark] .rzx-tally-tile.heads .val{color:#fbbf24}.rzx-history{display:flex;flex-wrap:wrap;gap:6px;align-items:center;max-height:230px;overflow:auto;padding:6px}.rzx-history-empty{font-size:12px;font-style:italic;color:var(--text-muted)}.rzx-chip{font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;padding:5px 11px;border-radius:99px;background:var(--light-blue);color:var(--deped-blue);animation:rzxChipIn .35s cubic-bezier(.34,1.56,.64,1)}[data-theme=dark] .rzx-chip{color:#93c5fd}.rzx-chip.is-yes{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--status-success-text,var(--success))}.rzx-chip.is-no{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.rzx-chip.latest{background:var(--gradient-primary);color:#fff}.rzx-mini-ball{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:radial-gradient(circle at 34% 28%,var(--bh),var(--bc) 55%,var(--bl));color:#fff;font-size:12px;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.45);box-shadow:0 2px 5px #00000040,inset 0 -3px 5px #0000002e;animation:rzxChipIn .35s cubic-bezier(.34,1.56,.64,1)}.rzx-mini-ball.latest,.rzx-mini-coin.latest{outline:2px solid var(--deped-blue);outline-offset:2px}.rzx-mini-coin{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:12px;font-weight:900;font-family:Georgia,serif;animation:rzxChipIn .35s cubic-bezier(.34,1.56,.64,1)}.rzx-mini-coin.h{background:radial-gradient(circle at 36% 28%,#fff1b0,#e8b84b 55%,#b8791a);color:#7c2d12;box-shadow:inset 0 0 0 2px #a16207}.rzx-mini-coin.t{background:radial-gradient(circle at 36% 28%,#f1f5f9,#a8b3c4 55%,#5b6a80);color:#1e293b;box-shadow:inset 0 0 0 2px #475569}.rzx-ball-wrap{position:relative;width:var(--ball);height:var(--ball);display:grid;place-items:center}.rzx-ball{position:relative;width:var(--ball);height:var(--ball);border-radius:50%;background:radial-gradient(circle at 34% 28%,var(--bh),var(--bc) 52%,var(--bl) 100%);box-shadow:inset calc(var(--ball) * -.035) calc(var(--ball) * -.05) calc(var(--ball) * .1) #00000057,0 calc(var(--ball) * .05) calc(var(--ball) * .1) #00000038}.rzx-ball-disc{position:absolute;left:50%;top:50%;width:62%;height:62%;transform:translate(-50%,-50%);border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:inset 0 0 0 calc(var(--ball) * .008) #0000001a,0 1px 3px #00000040}.rzx-ball-disc b{font-size:calc(var(--ball) * var(--k));line-height:1;font-weight:900;letter-spacing:-.04em;color:#0f172a;font-variant-numeric:tabular-nums}.rzx-ball-gloss{position:absolute;left:15%;top:8%;width:36%;height:20%;border-radius:50%;background:linear-gradient(#fffc,#fff0);transform:rotate(-26deg);pointer-events:none}.rzx-ball-idle{animation:rzxFloat 3.4s ease-in-out infinite;filter:saturate(.8)}.rzx-ball-idle .rzx-ball-disc b{color:#64748b}.rzx-ball-shadow{position:absolute;left:50%;bottom:calc(var(--ball) * -.1);width:calc(var(--ball) * .78);height:calc(var(--ball) * .14);margin-left:calc(var(--ball) * -.39);border-radius:50%;background:#00000042;filter:blur(7px)}.rzx-ball-wrap.is-rolling .rzx-ball-drop{animation:rzxBallDrop .95s cubic-bezier(.35,.6,.5,1) var(--dur) both}.rzx-ball-wrap.is-rolling .rzx-ball-shadow-drop{animation:rzxBallShadow .95s ease var(--dur) both}.rzx-cage{position:absolute;inset:-12% -38%;border-radius:50%;border:2px solid rgba(255,255,255,.55);background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.5),transparent 34%),radial-gradient(circle,color-mix(in srgb,var(--deped-blue) 10%,transparent),color-mix(in srgb,var(--deped-blue) 22%,transparent));box-shadow:inset 0 0 40px #ffffff40,0 8px 30px #0000001f;animation:rzxCageOut .4s ease var(--dur) forwards;overflow:hidden}.rzx-cage-ball{position:absolute;width:calc(var(--ball) * .2);height:calc(var(--ball) * .2);border-radius:50%;background:radial-gradient(circle at 34% 28%,var(--bh),var(--bc) 55%,var(--bl));box-shadow:inset -3px -4px 7px #0000004d,0 2px 5px #00000040;animation:rzxCageBounce .6s ease-in-out infinite}.rzx-dice-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:calc(var(--die) * .22)}.rzx-die{--sz: var(--die);position:relative;width:calc(var(--sz) * 1.5);height:calc(var(--sz) * 1.75);perspective:calc(var(--sz) * 7)}.rzx-die-toss{position:absolute;z-index:1;left:50%;top:46%;width:0;height:0;transform-style:preserve-3d}.rzx-die-view{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d;transform:rotateX(-26deg) rotateY(-32deg)}.rzx-cube{position:absolute;left:calc(var(--sz) * -.5);top:calc(var(--sz) * -.5);width:var(--sz);height:var(--sz);transform-style:preserve-3d;transform:rotateX(var(--fx)) rotateY(var(--fy))}.rzx-face{position:absolute;inset:0;border-radius:calc(var(--sz) * .15);display:grid;grid-template:repeat(3,1fr) / repeat(3,1fr);padding:calc(var(--sz) * .14);background:linear-gradient(145deg,#fff,#e4ebf5);box-shadow:inset 0 0 calc(var(--sz) * .1) #0f285a33;backface-visibility:hidden}.rzx-face i{place-self:center;width:calc(var(--sz) * .2);height:calc(var(--sz) * .2);border-radius:50%;background:radial-gradient(circle at 35% 30%,#4b6bdc,#0b2a7a);box-shadow:inset 0 calc(var(--sz) * -.02) calc(var(--sz) * .035) #00000073}.rzx-face.f1 i{background:radial-gradient(circle at 35% 30%,#ff7a7a,#c1121f);width:calc(var(--sz) * .26);height:calc(var(--sz) * .26)}.rzx-face.f1{transform:translateZ(calc(var(--sz) * .5))}.rzx-face.f6{transform:rotateY(180deg) translateZ(calc(var(--sz) * .5));background:linear-gradient(145deg,#d9e2ef,#bccadd)}.rzx-face.f3{transform:rotateY(90deg) translateZ(calc(var(--sz) * .5));background:linear-gradient(145deg,#eef3fa,#d3deec)}.rzx-face.f4{transform:rotateY(-90deg) translateZ(calc(var(--sz) * .5));background:linear-gradient(145deg,#dfe7f2,#c2cfe0)}.rzx-face.f2{transform:rotateX(90deg) translateZ(calc(var(--sz) * .5));background:linear-gradient(145deg,#fff,#f1f5fb)}.rzx-face.f5{transform:rotateX(-90deg) translateZ(calc(var(--sz) * .5));background:linear-gradient(145deg,#cfd9e8,#b3c2d8)}.rzx-die-shadow{position:absolute;left:50%;top:calc(var(--sz) * 1.42);width:calc(var(--sz) * 1.05);height:calc(var(--sz) * .2);margin-left:calc(var(--sz) * -.525);border-radius:50%;background:#00000042;filter:blur(6px)}.rzx-dice-row.is-idle .rzx-die-toss{animation:rzxFloat 3.4s ease-in-out infinite}.rzx-dice-row.is-idle .rzx-die:nth-child(2n) .rzx-die-toss{animation-delay:-1.2s}.rzx-die.is-rolling .rzx-die-toss{animation:rzxToss calc(var(--dur) - .2s) cubic-bezier(.3,.6,.4,1) calc(var(--i) * 70ms) both}.rzx-die.is-rolling .rzx-cube{animation:rzxCubeTumble calc(var(--dur) - .2s) cubic-bezier(.15,.65,.25,1) calc(var(--i) * 70ms) both}.rzx-die.is-rolling .rzx-die-shadow{animation:rzxShadowToss calc(var(--dur) - .2s) ease calc(var(--i) * 70ms) both}.rzx-poly-body{position:absolute;left:calc(var(--sz) * -.62);top:calc(var(--sz) * -.62);width:calc(var(--sz) * 1.24);height:calc(var(--sz) * 1.24);filter:drop-shadow(0 calc(var(--sz) * .07) calc(var(--sz) * .08) rgba(0,0,0,.28))}.rzx-poly-body svg{display:block;width:100%;height:100%;overflow:visible}.rzx-poly-num{fill:#fff;stroke:#00000080;stroke-width:2.4px;paint-order:stroke;font-weight:900;font-family:var(--font);letter-spacing:-.02em}.rzx-poly.is-rolling .rzx-poly-body{animation:rzxPolyTumble calc(var(--dur) - .2s) cubic-bezier(.15,.65,.25,1) calc(var(--i) * 70ms) both}.rzx-poly.is-rolling .rzx-poly-num{animation:rzxNumIn calc(var(--dur) * .35) ease calc(var(--dur) - .42s + var(--i) * 70ms) both}.rzx-coin-scene{position:relative;width:calc(var(--cs) * 1.5);height:calc(var(--cs) * 2.1);perspective:calc(var(--cs) * 6)}.rzx-coin-toss{position:absolute;z-index:1;left:50%;top:63%;width:0;height:0;transform-style:preserve-3d}.rzx-coin-view{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d;transform:rotateX(-16deg)}.rzx-coin{position:absolute;left:calc(var(--cs) * -.5);top:calc(var(--cs) * -.5);width:var(--cs);height:var(--cs);transform-style:preserve-3d;transform:rotateX(var(--final))}.rzx-coin-edge{position:absolute;inset:0;border-radius:50%;background:#a87a14;transform:translateZ(calc(var(--cs) * var(--k)))}.rzx-coin-edge:nth-child(odd){background:#c99a22}.rzx-coin-face{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;backface-visibility:hidden;border:calc(var(--cs) * .045) solid var(--rim);box-shadow:inset 0 calc(var(--cs) * .03) calc(var(--cs) * .06) #ffffff80,inset 0 calc(var(--cs) * -.04) calc(var(--cs) * .08) #00000040}.rzx-coin-face.front{--rim: #a16207;background:radial-gradient(circle at 36% 28%,#fff1b0,#e8b84b 55%,#b8791a);color:#7c2d12;transform:translateZ(calc(var(--cs) * .062))}.rzx-coin-face.back{--rim: #475569;background:radial-gradient(circle at 36% 28%,#f1f5f9,#a8b3c4 55%,#5b6a80);color:#1e293b;transform:rotateX(180deg) translateZ(calc(var(--cs) * .062))}.rzx-coin-ring{position:absolute;inset:10%;border-radius:50%;border:calc(var(--cs) * .018) dashed currentColor;opacity:.35}.rzx-coin-glyph{font:900 calc(var(--cs) * .44)/1 Georgia,"Times New Roman",serif;text-shadow:0 1px 0 rgba(255,255,255,.45)}.rzx-coin-star{position:absolute;top:13%;font-style:normal;font-size:calc(var(--cs) * .09);opacity:.55}.rzx-coin-face small{position:absolute;bottom:14%;font-size:calc(var(--cs) * .07);font-weight:900;letter-spacing:.22em;opacity:.6}.rzx-coin-shadow{position:absolute;left:50%;top:calc(var(--cs) * 1.55);width:calc(var(--cs) * .95);height:calc(var(--cs) * .2);margin-left:calc(var(--cs) * -.475);border-radius:50%;background:#00000045;filter:blur(7px)}.rzx-coin-scene.is-idle .rzx-coin-toss{animation:rzxFloat 3.4s ease-in-out infinite}.rzx-coin-scene.is-flipping .rzx-coin-toss{animation:rzxCoinToss calc(var(--dur) + .1s) cubic-bezier(.3,.5,.4,1) both}.rzx-coin-scene.is-flipping .rzx-coin{animation:rzxCoinFlip calc(var(--dur) + .1s) cubic-bezier(.22,.7,.3,1) both}.rzx-coin-scene.is-flipping .rzx-coin-view{animation:rzxCoinSettle .55s ease calc(var(--dur) * .92) both}.rzx-coin-scene.is-flipping .rzx-coin-shadow{animation:rzxCoinShadow calc(var(--dur) + .1s) ease both}.rzx-yn{display:flex;align-items:flex-start;justify-content:center;gap:clamp(18px,5vw,70px)}.rzx-yn-btn{display:flex;flex-direction:column;align-items:center;gap:calc(var(--orb) * .14);max-width:calc(var(--orb) * 2);transition:transform .4s,opacity .4s}.rzx-yn-btn.yes{--o: #16a34a;--o-hi: #8df0b0;--o-lo: #0f5a2a;--o-glow: rgba(34, 197, 94, .75)}.rzx-yn-btn.no{--o: #dc2626;--o-hi: #ffb0b0;--o-lo: #7a1515;--o-glow: rgba(239, 68, 68, .75)}.rzx-yn-orb{position:relative;width:var(--orb);height:var(--orb);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 26%,var(--o-hi) 0,var(--o) 46%,var(--o-lo) 100%);box-shadow:0 calc(var(--orb) * .07) 0 var(--o-lo),0 calc(var(--orb) * .14) calc(var(--orb) * .16) #00000052,inset 0 calc(var(--orb) * -.05) calc(var(--orb) * .09) #0000004d}.rzx-yn-orb:before{content:"";position:absolute;inset:-16%;border-radius:50%;z-index:-1;opacity:0;background:radial-gradient(circle,var(--o-glow),transparent 68%)}.rzx-yn-orb:after{content:"";position:absolute;left:17%;top:8%;width:40%;height:22%;border-radius:50%;background:linear-gradient(#ffffffbf,#fff0);transform:rotate(-22deg)}.rzx-yn-cap{width:50%;height:50%;color:#fff;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.rzx-yn-cap svg{width:100%;height:100%;display:block}.rzx-yn-label{font-size:clamp(18px,calc(var(--orb) * .26),54px);font-weight:900;line-height:1.05;text-align:center;letter-spacing:-.01em;color:var(--text);overflow-wrap:anywhere}.rzx-yn-btn.yes .rzx-yn-label{color:var(--status-success-text,var(--success))}.rzx-yn-btn.no .rzx-yn-label{color:var(--danger)}.rzx-yn.is-idle .rzx-yn-btn.yes .rzx-yn-orb{animation:rzxFloat 3.4s ease-in-out infinite}.rzx-yn.is-idle .rzx-yn-btn.no .rzx-yn-orb{animation:rzxFloat 3.4s ease-in-out -1.7s infinite}.rzx-yn.is-rolling .rzx-yn-orb,.rzx-yn.is-settled .rzx-yn-orb{filter:saturate(.5) brightness(.86)}.rzx-yn.is-settled.win-yes .yes,.rzx-yn.is-settled.win-no .no{transform:scale(1.12)}.rzx-yn.is-settled.win-yes .no,.rzx-yn.is-settled.win-no .yes{transform:scale(.86);opacity:.5}.rzx-yn.is-settled.win-yes .yes .rzx-yn-orb,.rzx-yn.is-settled.win-no .no .rzx-yn-orb{filter:saturate(1.25) brightness(1.1)}.rzx-yn.is-settled.win-yes .yes .rzx-yn-orb:before,.rzx-yn.is-settled.win-no .no .rzx-yn-orb:before{opacity:1}.rzx-yn.is-rolling.win-yes .yes .rzx-yn-orb,.rzx-yn.is-rolling.win-no .no .rzx-yn-orb{animation:rzxLitA var(--dur) linear both}.rzx-yn.is-rolling.win-yes .no .rzx-yn-orb,.rzx-yn.is-rolling.win-no .yes .rzx-yn-orb{animation:rzxLitB var(--dur) linear both}.rzx-yn.is-rolling.win-yes .yes .rzx-yn-orb:before,.rzx-yn.is-rolling.win-no .no .rzx-yn-orb:before{animation:rzxGlowA var(--dur) linear both}.rzx-yn.is-rolling.win-yes .no .rzx-yn-orb:before,.rzx-yn.is-rolling.win-no .yes .rzx-yn-orb:before{animation:rzxGlowB var(--dur) linear both}.rzx-yn.is-rolling.win-yes .yes,.rzx-yn.is-rolling.win-no .no{animation:rzxWin .85s cubic-bezier(.34,1.56,.64,1) calc(var(--dur) + .12s) both}.rzx-yn.is-rolling.win-yes .no,.rzx-yn.is-rolling.win-no .yes{animation:rzxLose .55s ease calc(var(--dur) + .12s) both}.rzx-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:5}.rzx-confetti span{position:absolute;left:50%;top:52%;width:var(--w);height:calc(var(--w) * .5);border-radius:2px;background:var(--c);animation:rzxConfetti 1.5s cubic-bezier(.2,.7,.3,1) var(--d) both}.rzx-idle{display:flex;align-items:center;justify-content:center;gap:clamp(20px,5vw,80px);--ball: calc(var(--die) * 1.35);--cs: calc(var(--die) * 1.15)}.rzx-idle-obj{animation:rzxFloat 3.6s ease-in-out infinite}.rzx-idle-obj.o2{animation-delay:-1.2s}.rzx-idle-obj.o3{animation-delay:-2.4s}.rzx-idle .rzx-ball-idle,.rzx-idle .rzx-die-toss,.rzx-idle .rzx-coin-toss{animation:none}.rzx-pres{--die: clamp(100px, min(17vw, 25vh), 290px);--ball: clamp(200px, min(33vw, 50vh), 520px);--cs: clamp(150px, min(23vw, 34vh), 380px);--orb: clamp(120px, min(19vw, 28vh), 300px);width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,2.4vh,30px);color:#fff;text-align:center}.rzx-pres-label{font-size:clamp(13px,1.4vw,20px);font-weight:800;letter-spacing:3px;text-transform:uppercase;color:#ffffff8c}.rzx-pres-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;flex:1;min-height:0}.rzx-pres .rzx-result{border:0;min-height:clamp(70px,14vh,150px);padding:0;align-items:center}.rzx-pres .rzx-res-k{font-size:clamp(13px,1.5vw,22px);color:#ffffff8c}.rzx-pres .rzx-res-v{font-size:clamp(54px,min(9vw,15vh),170px);color:#fff;text-shadow:0 8px 40px rgba(255,255,255,.12)}.rzx-pres .rzx-res-v.is-yes{color:#4ade80}.rzx-pres .rzx-res-v.is-no{color:#f87171}.rzx-pres .rzx-res-v.is-heads{color:#fcd34d}.rzx-pres .rzx-res-v.is-tails{color:#e2e8f0}.rzx-pres .rzx-res-sub{font-size:clamp(16px,2vw,30px);color:#fff9}.rzx-pres .rzx-yn-label{color:#fff}.rzx-pres .rzx-yn-btn.yes .rzx-yn-label{color:#86efac}.rzx-pres .rzx-yn-btn.no .rzx-yn-label{color:#fca5a5}.rzx-pres .rzx-cage{border-color:#ffffff59;background:radial-gradient(circle,#ffffff0a,#60a5fa29)}.rzx-pres .rzx-ball-shadow,.rzx-pres .rzx-die-shadow,.rzx-pres .rzx-coin-shadow{background:#0000008c}.rzx-remote{--die: 46px;--ball: 96px;--cs: 64px;--orb: 56px;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:6px 0 2px}.rzx-remote .rzx-coin-scene{height:calc(var(--cs) * 1.75)}.rzx-remote .rzx-yn-label{font-size:15px;color:inherit}.rzx-remote .rzx-ball-wrap{width:calc(var(--ball) * 1.3)}.rzx-remote .rzx-cage{left:-12%;right:-12%}@keyframes rzxFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes rzxChipIn{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rzxResultIn{0%{opacity:0;transform:translateY(14px) scale(.8)}to{opacity:1;transform:none}}@keyframes rzxNumIn{0%{opacity:0}to{opacity:1}}@keyframes rzxBallDrop{0%{opacity:0;transform:translateY(-130%) scale(.7) rotate(-240deg)}8%{opacity:1}44%{opacity:1;transform:translateY(0) scale(1.05,.93) rotate(0)}62%{transform:translateY(-15%) scale(.98,1.03)}80%{transform:translateY(0) scale(1.02,.98)}to{opacity:1;transform:none}}@keyframes rzxBallShadow{0%{opacity:0;transform:scale(.4)}44%{opacity:1;transform:scale(1.05)}62%{transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes rzxCageBounce{0%{left:var(--l0);top:var(--t0)}25%{left:var(--l1);top:var(--t1)}50%{left:var(--l2);top:var(--t2)}75%{left:var(--l3);top:var(--t3)}to{left:var(--l0);top:var(--t0)}}@keyframes rzxCageOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85);visibility:hidden;display:none}}@keyframes rzxToss{0%{transform:translateY(0) rotate(0)}30%{transform:translateY(calc(var(--sz) * -.95)) rotate(12deg)}55%{transform:translateY(0) rotate(-6deg)}70%{transform:translateY(calc(var(--sz) * -.26)) rotate(3deg)}86%{transform:translateY(0) rotate(-1deg)}to{transform:translateY(0) rotate(0)}}@keyframes rzxShadowToss{0%,55%,86%,to{transform:scale(1);opacity:1}30%{transform:scale(.55);opacity:.45}70%{transform:scale(.85);opacity:.8}}@keyframes rzxCubeTumble{0%{transform:rotateX(calc(var(--fx) - var(--tx))) rotateY(calc(var(--fy) - var(--ty)))}to{transform:rotateX(var(--fx)) rotateY(var(--fy))}}@keyframes rzxPolyTumble{0%{transform:rotateX(0) rotateY(0) rotate(var(--spin)) scale(.55)}25%{transform:rotateX(52deg) rotateY(-38deg) rotate(calc(var(--spin) * .6)) scale(.92)}50%{transform:rotateX(-42deg) rotateY(46deg) rotate(calc(var(--spin) * .3)) scale(1)}75%{transform:rotateX(24deg) rotateY(-18deg) rotate(calc(var(--spin) * .08)) scale(1)}to{transform:rotateX(0) rotateY(0) rotate(0) scale(1)}}@keyframes rzxCoinToss{0%{transform:translateY(0) scale(1)}42%{transform:translateY(calc(var(--cs) * -.72)) scale(1.14)}74%{transform:translateY(0) scale(1)}86%{transform:translateY(calc(var(--cs) * -.13)) scale(1.03)}to{transform:translateY(0) scale(1)}}@keyframes rzxCoinFlip{0%{transform:rotateX(calc(var(--final) - var(--turns)))}to{transform:rotateX(var(--final))}}@keyframes rzxCoinSettle{0%,to{transform:rotateX(-16deg)}30%{transform:rotateX(-30deg)}60%{transform:rotateX(-8deg)}}@keyframes rzxCoinShadow{0%,74%,to{transform:scale(1);opacity:1}42%{transform:scale(.5);opacity:.4}86%{transform:scale(.85);opacity:.8}}@keyframes rzxLitA{0%,6%{filter:saturate(1.25) brightness(1.12);transform:translateY(calc(var(--orb) * .03))}6.01%,12%{filter:saturate(.5) brightness(.86);transform:none}12.01%,19%{filter:saturate(1.25) brightness(1.12);transform:translateY(calc(var(--orb) * .03))}19.01%,27%{filter:saturate(.5) brightness(.86);transform:none}27.01%,36%{filter:saturate(1.25) brightness(1.12);transform:translateY(calc(var(--orb) * .03))}36.01%,47%{filter:saturate(.5) brightness(.86);transform:none}47.01%,60%{filter:saturate(1.25) brightness(1.12);transform:translateY(calc(var(--orb) * .03))}60.01%,75%{filter:saturate(.5) brightness(.86);transform:none}75.01%,to{filter:saturate(1.25) brightness(1.12);transform:translateY(calc(var(--orb) * .03))}}@keyframes rzxLitB{0%,6%{filter:saturate(.5) brightness(.86);transform:none}6.01%,12%{filter:saturate(1.25) brightness(1.12);transform:translateY(calc(var(--orb) * .03))}12.01%,19%{filter:saturate(.5) brightness(.86);transform:none}19.01%,27%{filter:saturate(1.25) brightness(1.12);transform:translateY(calc(var(--orb) * .03))}27.01%,36%{filter:saturate(.5) brightness(.86);transform:none}36.01%,47%{filter:saturate(1.25) brightness(1.12);transform:translateY(calc(var(--orb) * .03))}47.01%,60%{filter:saturate(.5) brightness(.86);transform:none}60.01%,75%{filter:saturate(1.25) brightness(1.12);transform:translateY(calc(var(--orb) * .03))}75.01%,to{filter:saturate(.5) brightness(.86);transform:none}}@keyframes rzxGlowA{0%,6%{opacity:1}6.01%,12%{opacity:0}12.01%,19%{opacity:1}19.01%,27%{opacity:0}27.01%,36%{opacity:1}36.01%,47%{opacity:0}47.01%,60%{opacity:1}60.01%,75%{opacity:0}75.01%,to{opacity:1}}@keyframes rzxGlowB{0%,6%{opacity:0}6.01%,12%{opacity:1}12.01%,19%{opacity:0}19.01%,27%{opacity:1}27.01%,36%{opacity:0}36.01%,47%{opacity:1}47.01%,60%{opacity:0}60.01%,75%{opacity:1}75.01%,to{opacity:0}}@keyframes rzxWin{0%{transform:scale(1)}55%{transform:scale(1.24)}to{transform:scale(1.12)}}@keyframes rzxLose{0%{transform:scale(1);opacity:1}to{transform:scale(.86);opacity:.5}}@keyframes rzxConfetti{0%{opacity:1;transform:translate(0) rotate(0) scale(1)}55%{opacity:1;transform:translate(var(--dx),var(--dy)) rotate(var(--rot)) scale(1)}to{opacity:0;transform:translate(calc(var(--dx) * 1.12),calc(var(--dy) + 150px)) rotate(calc(var(--rot) * 1.5)) scale(.8)}}@media (max-width: 960px){.rzx-main{grid-template-columns:minmax(0,1fr)}.rzx-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@media (max-width: 640px){.rzx-side{grid-template-columns:minmax(0,1fr)}.rzx-tab{padding:10px 12px;font-size:13px;gap:6px}.rzx-tab svg{width:20px;height:20px}.rzx-stage{padding:18px 8px 38px}.rzx-shell.rzx-scope{--die: clamp(56px, 17vw, 84px);--ball: clamp(130px, 44vw, 190px);--cs: clamp(100px, 31vw, 140px);--orb: clamp(78px, 24vw, 112px)}.rzx-actions{padding:12px 12px 14px}.rzx-actions .rzx-roll{min-height:52px;font-size:16px}.rzx-actions .rzx-ghost{min-height:52px}.rzx-result{min-height:72px}.rzx-cage{left:-20%;right:-20%}}@media (prefers-reduced-motion: reduce){.rzx-scope *,.rzx-scope *:before,.rzx-scope *:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.rzx-cage,.rzx-confetti{display:none!important}}.mgx-scope{--mgx-a: #ef4444;--mgx-b: #3b82f6;--mgx-c: #f59e0b;--mgx-d: #22c55e;--mgx-good: #34d399;--mgx-bad: #f87171;--mgx-gold: #fbbf24;display:flex;flex-direction:column;gap:14px}.mgx-scope .mgx-eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--deped-blue);background:var(--light-blue);padding:4px 10px;border-radius:999px;margin-bottom:6px}.mgx-scope .mgx-tabs{display:flex;gap:8px;padding:6px;overflow-x:auto;scrollbar-width:none;background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-sm)}.mgx-scope .mgx-tab{flex:1 1 0;min-width:190px;display:flex;align-items:center;gap:12px;text-align:left;padding:10px 14px;border:0;border-radius:13px;background:transparent;color:var(--text);cursor:pointer;font:inherit;transition:background .2s,transform .2s,box-shadow .2s}.mgx-scope .mgx-tab:hover{background:var(--light-blue);transform:translateY(-1px)}.mgx-scope .mgx-tab:focus-visible{outline:3px solid var(--deped-blue);outline-offset:2px}.mgx-scope .mgx-tab[aria-selected=true]{background:linear-gradient(135deg,var(--deped-blue),var(--secondary-blue, var(--deped-blue)));color:#fff;box-shadow:0 6px 18px var(--theme-soft,#14574747)}.mgx-scope .mgx-tab-emoji{font-size:26px;line-height:1;transition:transform .35s cubic-bezier(.3,1.6,.5,1)}.mgx-scope .mgx-tab[aria-selected=true] .mgx-tab-emoji{transform:scale(1.18) rotate(-6deg)}.mgx-scope .mgx-tab-text{display:flex;flex-direction:column;min-width:0}.mgx-scope .mgx-tab-text b{font-size:14px}.mgx-scope .mgx-tab-text small{font-size:11.5px;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mgx-scope .mgx-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}@media (max-width: 1100px){.mgx-scope .mgx-layout{grid-template-columns:1fr}}.mgx-scope .mgx-main{display:flex;flex-direction:column;gap:10px;min-width:0}.mgx-scope .mgx-stage{position:relative;width:100%;aspect-ratio:16 / 9;max-height:78vh;margin-inline:auto;container-type:inline-size;overflow:hidden;isolation:isolate;border-radius:22px;color:#fff;user-select:none;-webkit-user-select:none;touch-action:none;background:radial-gradient(120% 120% at 20% 10%,#1e3a8a,#0f172a 55%,#020617);box-shadow:0 18px 50px #02061759,inset 0 0 0 1px #ffffff14}.mgx-scope .mgx-stage:before{content:"";position:absolute;inset:-30%;z-index:0;pointer-events:none;background:radial-gradient(40% 40% at 25% 30%,rgba(56,189,248,.28),transparent 70%),radial-gradient(35% 35% at 75% 65%,rgba(167,139,250,.28),transparent 70%),radial-gradient(30% 30% at 55% 15%,rgba(244,114,182,.18),transparent 70%);animation:mgxAurora 16s ease-in-out infinite alternate}.mgx-scope .mgx-stage.has-camera:before{opacity:0}.mgx-scope .mgx-stage:fullscreen{max-height:none;border-radius:0;width:100vw;height:100vh;aspect-ratio:auto}.mgx-scope .mgx-stage:-webkit-full-screen{max-height:none;border-radius:0;width:100vw;height:100vh;aspect-ratio:auto}.mgx-scope .mgx-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transform:scaleX(-1);opacity:0;transition:opacity .6s ease}.mgx-scope .mgx-stage.has-camera .mgx-video{opacity:1}.mgx-scope .mgx-veil{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0206178c,#0206171f 38%,#02061759)}.mgx-scope .mgx-fx{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none}.mgx-scope .mgx-ui{position:absolute;inset:0;z-index:3}.mgx-scope .mgx-hud{position:absolute;inset:0 0 auto;z-index:8;pointer-events:none}.mgx-scope .mgx-overlay{position:absolute;inset:0;z-index:9;display:none;align-items:center;justify-content:center}.mgx-scope .mgx-overlay.is-on{display:flex;animation:mgxFade .35s ease both}.mgx-scope .mgx-overlay.is-on:not(.is-clear){background:#0206179e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.mgx-scope .mgx-overlay.is-result{align-items:flex-start;overflow-y:auto}.mgx-scope .mgx-flash{position:absolute;inset:0;z-index:7;pointer-events:none;opacity:0}.mgx-scope .mgx-flash.is-good{animation:mgxFlash .7s ease-out;background:radial-gradient(circle at 50% 50%,rgba(52,211,153,.55),transparent 70%)}.mgx-scope .mgx-flash.is-bad{animation:mgxFlash .7s ease-out;background:radial-gradient(circle at 50% 50%,rgba(248,113,113,.6),transparent 70%)}.mgx-scope .mgx-flash.is-gold{animation:mgxFlash .7s ease-out;background:radial-gradient(circle at 50% 50%,rgba(251,191,36,.5),transparent 70%)}.mgx-scope .mgx-stage.mgx-shake{animation:mgxShake .5s cubic-bezier(.36,.07,.19,.97)}.mgx-scope .mgx-hud-bar{height:5px;background:#ffffff24}.mgx-scope .mgx-hud-bar>span{display:block;height:100%;transform-origin:left center;transform:scaleX(1);background:var(--mgx-good);transition:transform .2s linear,background .3s}.mgx-scope .mgx-hud-row{display:flex;align-items:center;gap:8px;padding:10px 14px}.mgx-scope .mgx-hud-spacer{flex:1}.mgx-scope .mgx-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:#0206178c;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(6px);font-size:clamp(11px,1.7cqw,18px);font-weight:800;font-variant-numeric:tabular-nums}.mgx-scope .mgx-chip[hidden]{display:none}.mgx-scope .mgx-chip-time.is-low{color:#fecaca;border-color:#f87171b3;animation:mgxPulse .6s ease-in-out infinite}.mgx-scope .mgx-chip-streak{color:#fdba74}.mgx-scope .mgx-bump{animation:mgxBump .45s cubic-bezier(.3,1.7,.5,1)}.mgx-scope .mgx-intro{text-align:center;max-width:min(620px,88%);padding:4cqw;animation:mgxRise .6s cubic-bezier(.2,.9,.3,1.2) both}.mgx-scope .mgx-intro-badge{font-size:clamp(44px,9cqw,96px);line-height:1;margin-bottom:8px;animation:mgxFloat 3s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(0,0,0,.4))}.mgx-scope .mgx-intro h3{margin:0 0 6px;color:#fff;font-size:clamp(22px,4.4cqw,46px);font-weight:900;letter-spacing:-.01em}.mgx-scope .mgx-intro p{margin:0 auto 10px;color:#ffffffe0;font-size:clamp(13px,1.9cqw,20px);line-height:1.45}.mgx-scope .mgx-intro-note{display:inline-block;font-size:clamp(11px,1.45cqw,15px);color:#bae6fd;background:#0ea5e929;border:1px solid rgba(125,211,252,.3);padding:5px 12px;border-radius:999px;margin-bottom:14px}.mgx-scope .mgx-intro-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:4px}.mgx-scope .mgx-bigbtn{border:0;cursor:pointer;font:inherit;font-weight:900;color:#0f172a;letter-spacing:.01em;font-size:clamp(14px,2.2cqw,24px);padding:.6em 1.5em;border-radius:999px;background:linear-gradient(180deg,#fde68a,#fbbf24);box-shadow:0 6px #b45309,0 14px 28px #00000059;transition:transform .15s,box-shadow .15s}.mgx-scope .mgx-bigbtn:hover{transform:translateY(-2px);box-shadow:0 8px #b45309,0 18px 32px #0006}.mgx-scope .mgx-bigbtn:active{transform:translateY(4px);box-shadow:0 2px #b45309,0 6px 12px #00000059}.mgx-scope .mgx-bigbtn:focus-visible,.mgx-scope .mgx-ghostbtn:focus-visible{outline:3px solid #fff;outline-offset:3px}.mgx-scope .mgx-ghostbtn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font:inherit;font-weight:700;color:#fff;font-size:clamp(12px,1.7cqw,18px);padding:.65em 1.3em;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.32);transition:background .2s,transform .2s}.mgx-scope .mgx-ghostbtn:hover{background:#ffffff38;transform:translateY(-1px)}.mgx-scope .mgx-ghostbtn svg{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:2}.mgx-scope .mgx-count{font-size:clamp(70px,24cqw,280px);font-weight:900;line-height:1;color:#fff;text-shadow:0 0 40px rgba(56,189,248,.9),0 10px 0 rgba(0,0,0,.25);animation:mgxCount .75s cubic-bezier(.2,1.2,.3,1) both}.mgx-scope .mgx-count.is-go{color:var(--mgx-gold);text-shadow:0 0 50px rgba(251,191,36,.95),0 10px 0 rgba(0,0,0,.25);font-size:clamp(60px,20cqw,240px)}.mgx-scope .mgx-q{position:absolute;left:3%;right:3%;top:11.5%;height:16%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 3%;background:#0206179e;border:1px solid rgba(255,255,255,.18);border-radius:20px;backdrop-filter:blur(8px);animation:mgxDropIn .6s cubic-bezier(.2,.9,.3,1.15) both}.mgx-scope .mgx-q-meta{font-size:clamp(9px,1.4cqw,14px);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#7dd3fc;margin-bottom:.2em}.mgx-scope .mgx-q-text{font-size:clamp(14px,3.1cqw,34px);font-weight:900;line-height:1.15;text-wrap:balance}.mgx-scope .mgx-tiles{position:absolute;inset:29.5% 3% 3.5%;display:grid;gap:2.4%;grid-template-columns:repeat(var(--cols, 2),1fr)}.mgx-scope .mgx-tiles[data-cols="2"]{--cols: 2}.mgx-scope .mgx-tiles[data-cols="3"]{--cols: 3}.mgx-scope .mgx-tile{--c: var(--mgx-a);position:relative;display:flex;align-items:center;gap:4%;padding:0 5%;min-width:0;font:inherit;color:#fff;text-align:left;cursor:pointer;overflow:hidden;border:2px solid color-mix(in srgb,var(--c) 70%,#fff 30%);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 72%,transparent),color-mix(in srgb,var(--c) 38%,transparent));backdrop-filter:blur(5px);box-shadow:0 8px 24px #00000040;animation:mgxTileIn .65s cubic-bezier(.2,.9,.3,1.15) both;animation-delay:calc(var(--i, 0) * 90ms + .25s);transition:transform .25s cubic-bezier(.3,1.4,.5,1),opacity .35s,filter .35s,box-shadow .3s}.mgx-scope .mgx-t0{--c: var(--mgx-a)}.mgx-scope .mgx-t1{--c: var(--mgx-b)}.mgx-scope .mgx-t2{--c: var(--mgx-c)}.mgx-scope .mgx-t3{--c: var(--mgx-d)}.mgx-scope .mgx-tile:hover{transform:scale(1.015)}.mgx-scope .mgx-tile:focus-visible{outline:4px solid #fff;outline-offset:3px}.mgx-scope .mgx-tile.is-hot{transform:scale(1.035);box-shadow:0 0 0 3px #ffffffb3,0 0 36px color-mix(in srgb,var(--c) 80%,transparent)}.mgx-scope .mgx-tile-letter{flex:none;display:grid;place-items:center;width:2.1em;height:2.1em;border-radius:50%;font-size:clamp(14px,3.2cqw,36px);font-weight:900;background:#ffffffeb;color:color-mix(in srgb,var(--c) 85%,#000)}.mgx-scope .mgx-tile-text{flex:1;min-width:0;font-size:clamp(13px,2.6cqw,30px);font-weight:800;line-height:1.15;text-wrap:balance}.mgx-scope .mgx-tile-ring{position:absolute;right:3.5%;top:50%;width:clamp(34px,6cqw,70px);aspect-ratio:1;transform:translateY(-50%) rotate(-90deg)}.mgx-scope .mgx-tile-ring circle{fill:none;stroke-width:5}.mgx-scope .mgx-tile-ring .bg{stroke:#fff3}.mgx-scope .mgx-tile-ring .fg{stroke:#fff;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(255,255,255,.9))}.mgx-scope .mgx-tile-mark{position:absolute;right:3.5%;top:50%;font-size:clamp(30px,7.5cqw,96px);line-height:1;transform:translateY(-50%) scale(0);pointer-events:none}.mgx-scope .mgx-tile.is-locked{transform:scale(1.04);z-index:2;animation:mgxLockPulse .5s ease-in-out infinite alternate;border-color:#fde047}.mgx-scope .mgx-tile.is-locked:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translate(-100%);animation:mgxSweep .55s linear infinite}.mgx-scope .mgx-tile.is-dim{opacity:.38;filter:saturate(.5);transform:scale(.97)}.mgx-scope .mgx-tile.is-faded{opacity:.32;filter:grayscale(.7);transform:scale(.96)}.mgx-scope .mgx-tile.is-correct{opacity:1;filter:none;border-color:#bbf7d0;animation:mgxCorrect .9s cubic-bezier(.2,1.3,.4,1) both,mgxGlow 1.4s ease-in-out .9s infinite alternate;z-index:3}.mgx-scope .mgx-tile.is-correct .mgx-tile-mark:before{content:"✓";color:#bbf7d0;text-shadow:0 0 30px #22c55e,0 6px 0 rgba(0,0,0,.25)}.mgx-scope .mgx-tile.is-correct .mgx-tile-mark{animation:mgxMark .7s cubic-bezier(.2,1.5,.4,1) .15s both}.mgx-scope .mgx-tile.is-correct .mgx-tile-ring{display:none}.mgx-scope .mgx-tile.is-late{animation:mgxCorrect .9s cubic-bezier(.2,1.3,.4,1) both,mgxGlow 1.4s ease-in-out .9s infinite alternate}.mgx-scope .mgx-tile.is-wrong{opacity:1;filter:none;border-color:#fecaca;background:linear-gradient(135deg,#dc2626c7,#7f1d1d99);animation:mgxWrong .6s cubic-bezier(.36,.07,.19,.97) both}.mgx-scope .mgx-tile.is-wrong .mgx-tile-mark:before{content:"✗";color:#fecaca;text-shadow:0 0 30px #ef4444,0 6px 0 rgba(0,0,0,.25)}.mgx-scope .mgx-tile.is-wrong .mgx-tile-mark{animation:mgxMark .6s cubic-bezier(.2,1.5,.4,1) both}.mgx-scope .mgx-tile.is-wrong .mgx-tile-ring{display:none}.mgx-scope .mgx-ui.is-leaving .mgx-q{animation:mgxOutUp .38s ease-in both}.mgx-scope .mgx-ui.is-leaving .mgx-tile{animation:mgxTileOut .38s ease-in both;animation-delay:calc(var(--i, 0) * 40ms)}.mgx-scope .mgx-ui.is-leaving .mgx-banner,.mgx-scope .mgx-ui.is-leaving .mgx-next{opacity:0;transition:opacity .2s}.mgx-scope .mgx-banner{position:absolute;left:50%;top:49%;z-index:5;pointer-events:none;white-space:nowrap;font-size:clamp(26px,8cqw,96px);font-weight:900;letter-spacing:-.01em;padding:.12em .6em;border-radius:.4em;transform:translate(-50%,-50%);animation:mgxBanner 1.9s cubic-bezier(.2,1.3,.4,1) both}.mgx-scope .mgx-banner.is-good{background:linear-gradient(135deg,#10b981,#047857);box-shadow:0 0 60px #10b981b3}.mgx-scope .mgx-banner.is-bad{background:linear-gradient(135deg,#ef4444,#991b1b);box-shadow:0 0 60px #ef444499}.mgx-scope .mgx-next{position:absolute;left:50%;bottom:1.2%;z-index:6;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;animation:mgxRise .45s cubic-bezier(.2,1.2,.3,1) both}.mgx-scope .mgx-next[hidden]{display:none}.mgx-scope .mgx-auto{display:none;width:100%;height:5px;border-radius:99px;background:#ffffff40;overflow:hidden}.mgx-scope .mgx-next.is-auto .mgx-auto{display:block}.mgx-scope .mgx-auto>span{display:block;height:100%;width:100%;background:#fde68a;transform-origin:left;animation:mgxAuto 3.2s linear both}.mgx-scope .mgx-rain-title{position:absolute;left:50%;top:9.5%;transform:translate(-50%);z-index:4;white-space:nowrap;max-width:92%;overflow:hidden;text-overflow:ellipsis;padding:.25em .9em;border-radius:999px;font-size:clamp(14px,3.2cqw,36px);font-weight:900;letter-spacing:.02em;background:linear-gradient(135deg,#0ea5e9e6,#6366f1e6);border:2px solid rgba(255,255,255,.55);box-shadow:0 8px 30px #0ea5e973;animation:mgxDropIn .6s cubic-bezier(.2,.9,.3,1.2) both}.mgx-scope .mgx-rain-field{position:absolute;inset:0;overflow:hidden}.mgx-scope .mgx-bubble{--hue: 200;position:absolute;left:0;top:0;display:grid;place-items:center;border-radius:50%;padding:6px;will-change:transform;font-size:clamp(11px,2.5cqw,28px);font-weight:900;text-align:center;line-height:1.05;color:#fff;word-break:break-word;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.85) 0 8%,transparent 9%),radial-gradient(circle at 50% 50%,hsla(var(--hue),85%,62%,.62),hsla(var(--hue),85%,40%,.78));border:2px solid rgba(255,255,255,.7);box-shadow:inset 0 -10px 24px #00000040,0 0 28px hsla(var(--hue),90%,60%,.55);text-shadow:0 2px 6px rgba(0,0,0,.55)}.mgx-scope .mgx-bubble>span{display:block;max-width:100%;animation:mgxBubbleIn .5s cubic-bezier(.2,1.4,.4,1) both}.mgx-scope .mgx-bubble.is-popped-good{animation:mgxPopGood .42s ease-out both}.mgx-scope .mgx-bubble.is-popped-bad{animation:mgxPopBad .42s ease-out both}.mgx-scope .mgx-stage[data-fz=move] .mgx-veil{background:radial-gradient(90% 90% at 50% 50%,#22c55e1a,var(--theme-soft,#064e3b8c));transition:background .6s}.mgx-scope .mgx-stage[data-fz=freeze] .mgx-veil{background:radial-gradient(90% 90% at 50% 50%,#7dd3fc26,#0c4a6eb3);transition:background .6s}.mgx-scope .mgx-stage[data-fz=freeze] .mgx-ui:after{content:"";position:absolute;inset:0;pointer-events:none;animation:mgxFrost .8s ease-out both;box-shadow:inset 0 0 12cqw #bae6fd8c,inset 0 0 3cqw #ffffff80}.mgx-scope .mgx-fz{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.8cqw;padding:5% 4% 3%}.mgx-scope .mgx-fz-round{font-size:clamp(10px,1.6cqw,17px);font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#ffffffd9;animation:mgxFade .5s both}.mgx-scope .mgx-fz-call{font-size:clamp(44px,14cqw,170px);font-weight:900;line-height:.95;letter-spacing:-.02em;animation:mgxCall .7s cubic-bezier(.2,1.5,.4,1) both}.mgx-scope .mgx-fz.is-move .mgx-fz-call{color:#bbf7d0;text-shadow:0 0 40px rgba(34,197,94,.9),0 8px 0 rgba(0,0,0,.25);animation:mgxCall .7s cubic-bezier(.2,1.5,.4,1) both,mgxWiggle .5s ease-in-out .7s infinite alternate}.mgx-scope .mgx-fz.is-freeze .mgx-fz-call{color:#e0f2fe;text-shadow:0 0 40px rgba(125,211,252,.95),0 8px 0 rgba(0,0,0,.25)}.mgx-scope .mgx-fz.is-caught .mgx-fz-call{color:#fecaca;text-shadow:0 0 40px rgba(239,68,68,.95);animation:mgxWrong .6s both}.mgx-scope .mgx-fz-sub{font-size:clamp(12px,2.2cqw,24px);font-weight:700;color:#ffffffeb;animation:mgxFade .6s .2s both}.mgx-scope .mgx-fz-prompt,.mgx-scope .mgx-fz-answer{max-width:82%;padding:.55em 1.1em;border-radius:18px;font-size:clamp(14px,3cqw,34px);font-weight:900;line-height:1.2;background:#02061799;border:1px solid rgba(186,230,253,.5);backdrop-filter:blur(6px);animation:mgxRise .6s cubic-bezier(.2,1.2,.3,1) .35s both}.mgx-scope .mgx-fz-prompt span,.mgx-scope .mgx-fz-answer span{display:block;font-size:.42em;letter-spacing:.18em;text-transform:uppercase;color:#7dd3fc;margin-bottom:.15em}.mgx-scope .mgx-fz-answer{border-color:#86efac99;animation:mgxFlip .8s cubic-bezier(.2,1,.3,1) .3s both}.mgx-scope .mgx-fz-answer span{color:#86efac}.mgx-scope .mgx-fz-ring{position:absolute;right:3.5%;top:14%;width:clamp(56px,11cqw,130px);aspect-ratio:1;display:grid;place-items:center}.mgx-scope .mgx-fz-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.mgx-scope .mgx-fz-ring circle{fill:none;stroke-width:7}.mgx-scope .mgx-fz-ring .bg{stroke:#fff3}.mgx-scope .mgx-fz-ring .fg{stroke:#fff;stroke-linecap:round;transition:stroke-dashoffset .12s linear}.mgx-scope .mgx-fz-ring b{font-size:clamp(18px,4.2cqw,48px);font-weight:900;font-variant-numeric:tabular-nums}.mgx-scope .mgx-fz-bars{position:absolute;left:4%;right:4%;bottom:4%;display:grid;grid-template-columns:1fr 1fr;gap:3%}.mgx-scope .mgx-fz-bar label{display:block;text-align:left;font-size:clamp(10px,1.6cqw,16px);font-weight:800;margin-bottom:3px;color:#ffffffe6}.mgx-scope .mgx-fz-bar>div{height:clamp(10px,1.8cqw,20px);border-radius:99px;background:#ffffff2e;overflow:hidden;border:1px solid rgba(255,255,255,.22)}.mgx-scope .mgx-fz-bar span{display:block;height:100%;width:0;border-radius:99px;transition:width .12s linear}.mgx-scope .mgx-fz-bar.is-energy span{background:linear-gradient(90deg,#22c55e,#fde047);box-shadow:0 0 14px #facc15b3}.mgx-scope .mgx-fz-bar.is-wobble span{background:linear-gradient(90deg,#7dd3fc,#f87171)}.mgx-scope .mgx-fz.is-move .is-wobble,.mgx-scope .mgx-fz.is-freeze .is-energy{opacity:.35}.mgx-scope .mgx-floater{position:absolute;z-index:7;pointer-events:none;transform:translate(-50%,-50%);white-space:nowrap;font-size:clamp(20px,5cqw,60px);font-weight:900;animation:mgxFloatUp 1.25s ease-out both;text-shadow:0 4px 14px rgba(0,0,0,.5)}.mgx-scope .mgx-floater.is-good{color:#86efac}.mgx-scope .mgx-floater.is-bad{color:#fca5a5}.mgx-scope .mgx-floater.is-gold{color:#fde68a}.mgx-scope .mgx-result{width:min(880px,94%);margin:2.5% auto;padding:clamp(14px,2.6cqw,32px);border-radius:26px;text-align:center;background:linear-gradient(160deg,#1e293bf5,#0f172af7);border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 80px #0000008c,0 0 80px #38bdf82e;animation:mgxResultIn .75s cubic-bezier(.2,1.1,.3,1) both}.mgx-scope .mgx-result-kicker{font-size:clamp(9px,1.4cqw,14px);font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#7dd3fc}.mgx-scope .mgx-result h3{margin:.1em 0 0;color:#fff;font-size:clamp(22px,4.6cqw,52px);font-weight:900;letter-spacing:-.01em;background:linear-gradient(90deg,#fde68a,#fff,#fde68a);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:mgxShimmer 3s linear infinite}.mgx-scope .mgx-stars{display:flex;justify-content:center;gap:clamp(4px,1.4cqw,16px);margin:.3em 0 .4em}.mgx-scope .mgx-star{font-size:clamp(34px,8cqw,96px);line-height:1;color:#ffffff29;transform:scale(.4);animation:mgxStarDim .6s cubic-bezier(.2,1.5,.4,1) both;animation-delay:calc(var(--i) * .22s + .5s)}.mgx-scope .mgx-star.is-earned{color:#fbbf24;text-shadow:0 0 30px rgba(251,191,36,.9),0 6px 0 rgba(180,83,9,.6);animation:mgxStarPop .9s cubic-bezier(.2,1.6,.4,1) both;animation-delay:calc(var(--i) * .26s + .6s)}.mgx-scope .mgx-result-grid{display:grid;grid-template-columns:1.1fr .8fr 1.2fr;gap:clamp(8px,2cqw,24px);align-items:center;margin:.2em 0 .8em}@media (max-width: 640px){.mgx-scope .mgx-result-grid{grid-template-columns:1fr}}.mgx-scope .mgx-score-num{font-size:clamp(38px,9cqw,108px);font-weight:900;line-height:1;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 30px rgba(56,189,248,.65)}.mgx-scope .mgx-score-label{font-size:clamp(10px,1.6cqw,16px);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ffffffa6}.mgx-scope .mgx-best{display:inline-block;margin-top:8px;padding:4px 12px;border-radius:99px;font-size:clamp(11px,1.6cqw,16px);font-weight:900;color:#422006;background:linear-gradient(135deg,#fde68a,#f59e0b);animation:mgxBestPop .8s cubic-bezier(.2,1.6,.4,1) 1.7s both}.mgx-scope .mgx-best.is-muted{color:#ffffffbf;background:#ffffff1a;animation-delay:.9s}.mgx-scope .mgx-ring{position:relative;width:min(100%,clamp(90px,16cqw,190px));aspect-ratio:1;margin:0 auto}.mgx-scope .mgx-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.mgx-scope .mgx-ring circle{fill:none;stroke-width:9}.mgx-scope .mgx-ring-bg{stroke:#ffffff21}.mgx-scope .mgx-ring-fg{stroke:#34d399;stroke-linecap:round;transition:stroke-dashoffset 1.4s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 0 8px rgba(52,211,153,.8))}.mgx-scope .mgx-ring-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.mgx-scope .mgx-ring-text b{font-size:clamp(18px,3.8cqw,44px);font-weight:900;color:#fff;font-variant-numeric:tabular-nums}.mgx-scope .mgx-ring-text small{font-size:clamp(9px,1.3cqw,13px);letter-spacing:.12em;text-transform:uppercase;color:#fff9}.mgx-scope .mgx-statlist{display:flex;flex-direction:column;gap:6px}.mgx-scope .mgx-stat{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:.55em .9em;border-radius:12px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);font-size:clamp(11px,1.7cqw,18px);animation:mgxSlideIn .5s cubic-bezier(.2,1,.3,1) both;animation-delay:calc(var(--i) * .13s + .7s)}.mgx-scope .mgx-stat span{color:#ffffffb3;font-weight:700}.mgx-scope .mgx-stat b{color:#fff;font-weight:900}.mgx-scope .mgx-reveal{text-align:left}.mgx-scope .mgx-reveal-title{font-size:clamp(10px,1.5cqw,15px);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#7dd3fc;margin-bottom:8px;text-align:center;animation:mgxFade .5s 1s both}.mgx-scope .mgx-reveal-list{display:flex;flex-direction:column;gap:6px}.mgx-scope .mgx-rev-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:.5em .9em;border-radius:12px;font-size:clamp(11px,1.6cqw,17px);background:#ffffff0f;border-left:4px solid transparent;animation:mgxFlip .6s cubic-bezier(.2,1,.3,1) both;animation-delay:calc(var(--i) * .14s + 1.1s)}.mgx-scope .mgx-rev-row.is-ok{border-left-color:#34d399}.mgx-scope .mgx-rev-row.is-no{border-left-color:#f87171}.mgx-scope .mgx-rev-mark{font-weight:900;font-size:1.2em}.mgx-scope .mgx-rev-row.is-ok .mgx-rev-mark{color:#34d399}.mgx-scope .mgx-rev-row.is-no .mgx-rev-mark{color:#f87171}.mgx-scope .mgx-rev-q{font-weight:700;color:#fff;min-width:0}.mgx-scope .mgx-rev-a{font-weight:800;color:#bbf7d0;text-align:right}.mgx-scope .mgx-rev-a s{color:#fca5a5;font-weight:600;opacity:.85}.mgx-scope .mgx-reveal-list:has(.mgx-chip-w){flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px}.mgx-scope .mgx-chip-w{display:inline-flex;align-items:center;gap:6px;padding:.35em .9em;border-radius:999px;font-size:clamp(11px,1.7cqw,18px);font-weight:800;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);animation:mgxFlipChip .6s cubic-bezier(.2,1,.3,1) both;animation-delay:calc(var(--i, 0) * 90ms + 1.1s)}.mgx-scope .mgx-chip-w.is-ok{background:#10b98133;border-color:#34d39999;color:#bbf7d0}.mgx-scope .mgx-chip-w.is-miss{background:#f59e0b2e;border-color:#fbbf248c;color:#fde68a}.mgx-scope .mgx-chip-w.is-no{background:#ef44442e;border-color:#f8717199;color:#fecaca}.mgx-scope .mgx-chip-w small{font-weight:600;opacity:.75}.mgx-scope .mgx-result-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:.2em 0 1.1em;animation:mgxFade .5s 1.2s both}.mgx-scope .mgx-controls{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;padding:10px 14px;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm)}.mgx-scope .mgx-ctl{display:inline-flex;align-items:center;gap:8px;font:inherit;font-weight:700;font-size:13px;padding:8px 14px;cursor:pointer;border-radius:999px;border:1px solid var(--border);background:var(--bg);color:var(--text);transition:all .2s}.mgx-scope .mgx-ctl:hover{border-color:var(--deped-blue);transform:translateY(-1px)}.mgx-scope .mgx-ctl[aria-pressed=true]{background:var(--deped-blue);color:#fff;border-color:var(--deped-blue);box-shadow:0 0 0 4px var(--theme-soft,#14574726)}.mgx-scope .mgx-ctl-ico svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;display:block}.mgx-scope .mgx-toggle{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text);cursor:pointer}.mgx-scope .mgx-slider{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text)}.mgx-scope .mgx-slider input[type=range]{width:110px;accent-color:var(--deped-blue)}.mgx-scope .mgx-slider select{font:inherit;font-size:13px;padding:4px 8px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.mgx-scope .mgx-slider b{min-width:1.2em;text-align:center}.mgx-scope .mgx-side{display:flex;flex-direction:column;gap:12px;min-width:0}.mgx-scope .mgx-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px 16px;box-shadow:var(--shadow-sm);color:var(--text)}.mgx-scope .mgx-card h3{margin:0 0 8px;font-size:14px}.mgx-scope .mgx-card ol,.mgx-scope .mgx-card ul{margin:0 0 8px;padding-left:18px;font-size:13px;line-height:1.55}.mgx-scope .mgx-card small{color:var(--text-muted);font-size:12px;line-height:1.45;display:block}.mgx-scope .mgx-meter{height:14px;border-radius:99px;background:var(--bg);border:1px solid var(--border);overflow:hidden;margin-bottom:8px}.mgx-scope .mgx-meter>span{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#38bdf8,#34d399,#fbbf24,#f87171);transition:transform .08s linear}.mgx-scope .mgx-tip{background:var(--gradient-card, var(--card))}@media (max-width: 640px){.mgx-scope .mgx-stage{aspect-ratio:4 / 5;max-height:none;border-radius:18px}.mgx-scope .mgx-stage:fullscreen{aspect-ratio:auto}.mgx-scope .mgx-q{top:12%;height:17%}.mgx-scope .mgx-tiles{top:32%;bottom:3%}.mgx-scope .mgx-tile-text{font-size:clamp(13px,4.4cqw,22px)}.mgx-scope .mgx-tile-letter{font-size:clamp(14px,5cqw,24px)}.mgx-scope .mgx-q-text{font-size:clamp(14px,4.6cqw,24px)}.mgx-scope .mgx-q-meta{font-size:10px}.mgx-scope .mgx-chip{font-size:12px;padding:4px 10px}.mgx-scope .mgx-chip-mode{display:none}.mgx-scope .mgx-tab{min-width:150px}.mgx-scope .mgx-intro h3{font-size:24px}.mgx-scope .mgx-intro p{font-size:14px}.mgx-scope .mgx-intro-badge{font-size:56px}.mgx-scope .mgx-bigbtn{font-size:16px}.mgx-scope .mgx-ghostbtn{font-size:13px}.mgx-scope .mgx-fz-call{font-size:25cqw}.mgx-scope .mgx-fz-sub{font-size:13px}.mgx-scope .mgx-fz-prompt,.mgx-scope .mgx-fz-answer{font-size:17px;max-width:92%}.mgx-scope .mgx-banner{font-size:8.5cqw}.mgx-scope .mgx-result h3{font-size:26px}.mgx-scope .mgx-score-num{font-size:56px}.mgx-scope .mgx-star{font-size:42px}.mgx-scope .mgx-stat,.mgx-scope .mgx-rev-row,.mgx-scope .mgx-chip-w{font-size:12px}.mgx-scope .mgx-rain-title{font-size:17px;top:11%}.mgx-scope .mgx-bubble{font-size:13px}}.mgx-modal{display:flex;flex-direction:column;gap:4px}.mgx-modal code{font-size:12px;background:var(--bg);padding:1px 6px;border-radius:6px}.mgx-modal textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.mgx-modal .mgx-modal-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.mgx-modal .mgx-modal-row>.form-group{flex:1 1 140px;min-width:0}.mgx-modal .mgx-modal-row>select{flex:1 1 200px}.mgx-modal .mgx-modal-check{font-weight:600;padding-bottom:12px}@keyframes mgxAurora{0%{transform:translate3d(-4%,-3%,0) rotate(0) scale(1)}to{transform:translate3d(5%,4%,0) rotate(14deg) scale(1.15)}}@keyframes mgxFade{0%{opacity:0}to{opacity:1}}@keyframes mgxRise{0%{opacity:0;transform:translateY(26px) scale(.94)}to{opacity:1;transform:none}}@keyframes mgxFloat{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}@keyframes mgxFlash{0%{opacity:1}to{opacity:0}}@keyframes mgxShake{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(4px,0,0)}30%,50%,70%{transform:translate3d(-7px,0,0)}40%,60%{transform:translate3d(7px,0,0)}}@keyframes mgxPulse{50%{transform:scale(1.1)}}@keyframes mgxBump{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes mgxCount{0%{opacity:0;transform:scale(2.2);filter:blur(14px)}45%{opacity:1;transform:scale(.92);filter:blur(0)}to{opacity:.95;transform:scale(1)}}@keyframes mgxDropIn{0%{opacity:0;transform:translateY(-40px) scale(.96)}to{opacity:1;transform:none}}@keyframes mgxTileIn{0%{opacity:0;transform:translateY(60px) scale(.85) rotate(-2deg)}to{opacity:1;transform:none}}@keyframes mgxTileOut{to{opacity:0;transform:translateY(-40px) scale(.9)}}@keyframes mgxOutUp{to{opacity:0;transform:translateY(-50px)}}@keyframes mgxLockPulse{0%{box-shadow:0 0 0 3px #fde047e6,0 0 30px #fde04780}to{box-shadow:0 0 0 6px #fde047e6,0 0 60px #fde047d9}}@keyframes mgxSweep{to{transform:translate(100%)}}@keyframes mgxCorrect{0%{transform:scale(.9)}55%{transform:scale(1.09)}to{transform:scale(1.04)}}@keyframes mgxGlow{0%{box-shadow:0 0 0 4px #bbf7d0e6,0 0 30px #22c55e99}to{box-shadow:0 0 0 7px #bbf7d0e6,0 0 70px #22c55ef2}}@keyframes mgxWrong{10%,90%{transform:translate(-3px)}20%,80%{transform:translate(6px)}30%,50%,70%{transform:translate(-10px)}40%,60%{transform:translate(10px)}to{transform:translate(0)}}@keyframes mgxMark{0%{transform:translateY(-50%) scale(0) rotate(-40deg)}to{transform:translateY(-50%) scale(1) rotate(0)}}@keyframes mgxBanner{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-8deg)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.12) rotate(2deg)}30%{transform:translate(-50%,-50%) scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-62%) scale(1)}}@keyframes mgxAuto{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes mgxBubbleIn{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes mgxPopGood{0%{scale:1}to{scale:1.6;opacity:0;filter:brightness(2) blur(4px)}}@keyframes mgxPopBad{0%{scale:1;filter:none}to{scale:.4;opacity:0;filter:hue-rotate(140deg) brightness(.7) blur(4px)}}@keyframes mgxFrost{0%{opacity:0}to{opacity:1}}@keyframes mgxCall{0%{opacity:0;transform:scale(2.4) rotate(-6deg);filter:blur(12px)}60%{opacity:1;transform:scale(.94) rotate(1deg);filter:blur(0)}to{transform:none}}@keyframes mgxWiggle{0%{transform:rotate(-2.5deg) scale(1)}to{transform:rotate(2.5deg) scale(1.04)}}@keyframes mgxFlip{0%{opacity:0;transform:perspective(600px) rotateX(-80deg) translateY(10px)}to{opacity:1;transform:perspective(600px) rotateX(0) translateY(0)}}@keyframes mgxFlipChip{0%{opacity:0;transform:perspective(500px) rotateY(90deg) scale(.7)}to{opacity:1;transform:perspective(500px) rotateY(0) scale(1)}}@keyframes mgxFloatUp{0%{opacity:0;transform:translate(-50%,-20%) scale(.5)}15%{opacity:1;transform:translate(-50%,-60%) scale(1.2)}to{opacity:0;transform:translate(-50%,-260%) scale(1)}}@keyframes mgxResultIn{0%{opacity:0;transform:translateY(60px) scale(.9)}to{opacity:1;transform:none}}@keyframes mgxShimmer{to{background-position:-200% 0}}@keyframes mgxStarPop{0%{transform:scale(0) rotate(-160deg)}60%{transform:scale(1.45) rotate(14deg)}to{transform:scale(1) rotate(0)}}@keyframes mgxStarDim{0%{transform:scale(.4);opacity:0}to{transform:scale(.82);opacity:1}}@keyframes mgxBestPop{0%{transform:scale(0) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(-3deg);opacity:1}}@keyframes mgxSlideIn{0%{opacity:0;transform:translate(34px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.mgx-scope *,.mgx-scope *:before,.mgx-scope *:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.wgx-scope{display:flex;flex-direction:column;gap:14px}.wgx-eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--deped-blue);background:var(--light-blue);padding:4px 10px;border-radius:999px;margin-bottom:6px}.wgx-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}@media (max-width: 1100px){.wgx-layout{grid-template-columns:1fr}}.wgx-panel{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:16px;box-shadow:var(--shadow-sm);min-width:0;background-image:radial-gradient(circle at 100% 0,rgba(59,130,246,.07),transparent 40%)}.wgx-host{min-height:340px}.wgx-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:14px;border-top:1px dashed var(--border)}.wgx-side{display:flex;flex-direction:column;gap:12px;min-width:0;position:relative}.wgx-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px 16px;box-shadow:var(--shadow-sm)}.wgx-card h3{font-size:13px;margin:0 0 10px;letter-spacing:.02em}.wgx-card ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:7px;font-size:12.5px;color:var(--text-muted);line-height:1.5}.wgx-card ul.wgx-plain li::marker{color:var(--deped-blue)}.wgx-card code,.wgx-setup code,.wgx-empty code{background:var(--light-blue);padding:1px 6px;border-radius:6px;font-size:.92em}.wgx-note{display:block;margin-top:8px;font-size:11.5px;color:var(--text-muted);line-height:1.45}.wgx-toggle{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;cursor:pointer}.wgx-toggle input{accent-color:var(--deped-blue);width:16px;height:16px}.wgx-seg{display:flex;gap:2px;padding:3px;background:var(--bg);border:1px solid var(--border);border-radius:12px}.wgx-seg button{flex:1;border:0;background:transparent;color:var(--text);padding:7px 8px;border-radius:9px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:background .2s,color .2s,transform .15s}.wgx-seg button:hover{background:var(--light-blue)}.wgx-seg button.is-on{background:var(--deped-blue);color:#fff;box-shadow:0 4px 12px var(--theme-soft,#1457474d)}.wgx-sink{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none;border:0;padding:0}.wgx-empty{text-align:center;padding:48px 16px}.wgx-empty-art{font-size:64px;animation:wgxFloatY 3.2s ease-in-out infinite;display:inline-block}.wgx-empty h3{margin:10px 0 6px}.wgx-empty p{margin:0 auto 18px;max-width:420px;color:var(--text-muted);font-size:13.5px}.wgx-empty-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.wgx-setup-lead{margin:0 0 12px;font-size:13px;color:var(--text-muted);line-height:1.55}.wgx-setup-row{display:flex;gap:10px;align-items:center;margin-bottom:8px}.wgx-setup-row .form-control{flex:1}.wgx-setup textarea{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.6}.wgx-count{font-size:12px;font-weight:700;color:var(--status-success-text,var(--success));white-space:nowrap}.wgx-count.is-bad{color:var(--danger, #DC3545)}.wgx-setup-extra{margin-top:14px;padding-top:14px;border-top:1px dashed var(--border)}.wgx-check{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:8px}.wgx-root{--wgx-ink: var(--text, #243e34);--wgx-muted: var(--text-muted, #697b70);--wgx-paper: #fffaf0;--wgx-cell-ink: #1b2a41;--wgx-accent: var(--deped-blue, #145747);--wgx-gold: #e8b84b;--wgx-chip: var(--bg, #f7f6ef);--wgx-chip-line: var(--border, #dfe5da);--wgx-font: ui-rounded, "Nunito", "Segoe UI", system-ui, -apple-system, sans-serif;color:var(--wgx-ink);font-family:var(--wgx-font);min-width:0}.wgx-root.wgx-learner{--wgx-ink: #f8fafc;--wgx-muted: rgba(255,255,255,.66);--wgx-accent: #60a5fa;--wgx-chip: rgba(255,255,255,.09);--wgx-chip-line: rgba(255,255,255,.18);--wgx-bw: 100%;--wgx-bh: calc(100vh - 230px) ;width:100%;height:100%}.wgx-root *{box-sizing:border-box}.wgx-hud{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.wgx-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:var(--wgx-chip);border:1px solid var(--wgx-chip-line);font-size:13px;font-weight:600;color:var(--wgx-ink);font-variant-numeric:tabular-nums}.wgx-chip b{font-size:15px;font-weight:900}.wgx-chip-clock .wgx-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 #22c55e99;animation:wgxPulse 1.6s infinite}.wgx-chip-clock.is-warn{background:#ef444424;border-color:#ef4444;color:#ef4444;animation:wgxWarn .8s ease-in-out infinite}.wgx-chip-clock.is-warn .wgx-dot{background:#ef4444}.wgx-learner .wgx-chip{font-size:clamp(14px,1.5vw,24px);padding:.35em 1em}.wgx-learner .wgx-chip b{font-size:1.15em}.wgx-stage{position:relative}.wgx-board{position:relative;display:grid;margin:8px auto;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr));width:min(var(--wgx-bw, 100%),calc(var(--wgx-bh, 72vh) * var(--cols) / var(--rows)));aspect-ratio:var(--cols) / var(--rows);container-type:inline-size;background:var(--wgx-paper);border-radius:12px;box-shadow:0 0 0 8px var(--wgx-paper),0 0 0 10px #102a4314,0 18px 40px #102a432e}.wgx-hunt{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:20px;align-items:start}@media (max-width: 900px){.wgx-hunt{grid-template-columns:1fr}}.wgx-hunt-board{touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none}.wgx-cell{position:relative;display:grid;place-items:center;font-weight:800;color:var(--wgx-cell-ink);font-family:var(--wgx-font);font-size:14px;font-size:calc(100cqw / var(--cols) * .5);transition:background-color .2s,color .2s;border-radius:8px;line-height:1}.wgx-cell>span{position:relative;z-index:1;pointer-events:none}.wgx-cell.is-sel{background:var(--theme-soft,#14574729);color:#0b2a7a}.wgx-cell.is-found{background:#3b82f638;background:color-mix(in srgb,var(--wc) 26%,transparent);color:#0b1220}.wgx-cell.is-shown{background:#3b82f621;background:color-mix(in srgb,var(--wc) 15%,transparent)}.wgx-cell.is-hint{box-shadow:inset 0 0 0 3px var(--wgx-gold);animation:wgxHint 1s ease-in-out infinite}.wgx-cell.is-pop>span{animation:wgxPop .8s cubic-bezier(.3,1.6,.5,1) var(--d, 0ms) both}.wgx-cell.is-miss{animation:wgxShake .5s;background:#ef444433}.wgx-caps{position:absolute;inset:0;pointer-events:none;z-index:2}.wgx-cap{position:absolute;border-radius:999px;border:2.5px solid var(--wc);background:#3b82f629;background:color-mix(in srgb,var(--wc) 16%,transparent);transform:rotate(var(--rot))}.wgx-cap-found,.wgx-cap-shown{animation:wgxCapIn .55s cubic-bezier(.2,.9,.3,1) both}.wgx-cap-shown{border-style:dashed;opacity:.9}.wgx-cap.no-anim{animation:none}.wgx-cap-live{--wc: var(--wgx-accent);background:var(--theme-soft,#14574724);border-color:var(--wgx-accent)}.wgx-hunt-list h4{margin:4px 0 10px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--wgx-muted)}.wgx-hunt-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.wgx-hunt-list li{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:12px;font-weight:800;font-size:13.5px;background:var(--wgx-chip);border:1px solid var(--wgx-chip-line);letter-spacing:.02em;transition:background .3s,border-color .3s,transform .3s;overflow-wrap:anywhere}.wgx-hunt-list li.is-clue .wgx-wt{font-weight:600;font-style:italic;color:var(--wgx-muted);letter-spacing:0;font-size:.93em}.wgx-tick{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#fff;background:var(--wc);transform:scale(0);flex:none;transition:transform .4s cubic-bezier(.3,1.8,.5,1)}.wgx-hunt-list li.is-found,.wgx-hunt-list li.is-shown{border-color:var(--wc);background:#3b82f624;background:color-mix(in srgb,var(--wc) 16%,transparent)}.wgx-hunt-list li.is-found .wgx-wt{text-decoration:line-through;text-decoration-color:var(--wc);text-decoration-thickness:2px;font-style:normal;color:var(--wgx-ink)}.wgx-hunt-list li.is-shown .wgx-wt{font-style:normal;color:var(--wgx-ink)}.wgx-hunt-list li.is-found .wgx-tick{transform:scale(1)}.wgx-hunt-list li.is-just{animation:wgxJust .8s cubic-bezier(.3,1.5,.5,1)}.wgx-learner .wgx-hunt{grid-template-columns:minmax(0,1fr) clamp(220px,25vw,440px);gap:2.4vw;align-items:center;height:100%}.wgx-learner .wgx-hunt-main{min-width:0}.wgx-learner .wgx-hunt-list li{font-size:clamp(15px,1.8vw,30px);padding:.45em .8em}.wgx-learner .wgx-hunt-list h4{font-size:clamp(12px,1.2vw,20px)}.wgx-learner .wgx-tick{width:1.2em;height:1.2em;font-size:.75em}.wgx-learner .wgx-hunt-list{max-height:calc(100vh - 160px);overflow:hidden}.wgx-xw{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,300px);gap:20px;align-items:start}@media (max-width: 900px){.wgx-xw{grid-template-columns:1fr}}.wgx-xw-banner{display:flex;flex-direction:column;gap:2px;padding:10px 16px;margin-bottom:8px;border-radius:14px;background:linear-gradient(135deg,var(--deped-blue, var(--theme-accent,#145747)),#3b82f6);color:#fff;min-height:62px;justify-content:center}.wgx-xw-banner small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.8;font-weight:700}.wgx-xw-banner strong{font-size:17px;font-weight:800;line-height:1.3}.wgx-xw-banner.is-swap{animation:wgxSwap .45s cubic-bezier(.2,1,.3,1)}.wgx-xc{position:relative;display:grid;place-items:center;background:#fff;color:var(--wgx-cell-ink);border:1px solid #1b2a41;margin:0 -.5px -.5px 0;cursor:pointer;font-weight:800;font-family:var(--wgx-font);font-size:14px;font-size:calc(100cqw / var(--cols) * .5);line-height:1;user-select:none;-webkit-user-select:none;transition:background-color .18s,color .18s}.wgx-xc.is-block{background:#0f1b33;border-color:#0f1b33;cursor:default}.wgx-xn{position:absolute;top:3%;left:7%;font-size:.38em;font-weight:800;color:#4a5b78;line-height:1;pointer-events:none}.wgx-xl{transform:translateY(8%);pointer-events:none}.wgx-xc.is-word{background:#dbe8ff}.wgx-xc.is-ok{background:#dcfce7;color:#15803d}.wgx-xc.is-bad{background:#fee2e2;color:#b91c1c}.wgx-xc.is-rev{background:#ede9fe;color:#6d28d9}.wgx-xc.is-cursor{background:#ffe08a;box-shadow:inset 0 0 0 2.5px #f59e0b;z-index:1}.wgx-xc.is-type .wgx-xl{animation:wgxType .32s cubic-bezier(.3,1.8,.5,1)}.wgx-xc.is-shake{animation:wgxShake .55s}.wgx-xc.is-flip{animation:wgxFlipY .75s cubic-bezier(.2,.9,.3,1) var(--d, 0ms) both}.wgx-xc.is-wave{animation:wgxWave .75s ease-in-out var(--d, 0ms) both;z-index:2}.wgx-xw-clues{display:flex;flex-direction:column;gap:10px;max-height:640px;overflow:auto;padding-right:4px;scrollbar-width:thin}.wgx-xw-clues h4{margin:0 0 6px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--wgx-muted)}.wgx-xw-clues ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.wgx-xw-clues li{display:grid;grid-template-columns:26px 1fr 18px;gap:6px;align-items:start;padding:7px 10px;border-radius:10px;font-size:13px;line-height:1.4;cursor:pointer;border:1px solid transparent;background:var(--wgx-chip);transition:background .2s,border-color .2s,transform .2s}.wgx-xw-clues li:hover{transform:translate(2px);border-color:var(--wgx-chip-line)}.wgx-xw-clues li b{font-weight:900;color:var(--wgx-accent)}.wgx-xw-clues li em{font-style:normal;color:var(--wgx-muted);font-size:.9em}.wgx-xw-clues li.is-active{background:#2563eb24;border-color:var(--wgx-accent)}.wgx-xw-clues li.is-done span{text-decoration:line-through;text-decoration-color:#22c55e;opacity:.7}.wgx-xw-clues li .wgx-tick{background:#22c55e;width:16px;height:16px}.wgx-xw-clues li.is-done .wgx-tick{transform:scale(1)}.wgx-xw-clues li.is-just{animation:wgxJust .8s cubic-bezier(.3,1.5,.5,1)}.wgx-learner .wgx-xw{grid-template-columns:minmax(0,1fr) clamp(240px,27vw,480px);gap:2vw;height:100%;align-items:start}.wgx-learner .wgx-xw-main{--wgx-bw: 100%;--wgx-bh: calc(100vh - 330px) ;min-width:0}.wgx-learner .wgx-xw-banner{padding:1vh 1.6vw;min-height:0}.wgx-learner .wgx-xw-banner small{font-size:clamp(11px,1.1vw,18px)}.wgx-learner .wgx-xw-banner strong{font-size:clamp(18px,2.3vw,40px)}.wgx-learner .wgx-xw-clues{max-height:calc(100vh - 150px)}.wgx-learner .wgx-xw-clues li{font-size:clamp(12px,1.25vw,22px)}.wgx-learner .wgx-xw-clues h4{font-size:clamp(12px,1.1vw,18px)}.wgx-mt-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:none;gap:12px;width:min(100%,980px);aspect-ratio:auto;container-type:normal;background:transparent;box-shadow:none;margin:8px auto}.wgx-learner .wgx-mt-board{width:min(100%,calc((100vh - 230px) * var(--cols) / var(--rows) * 1.25));gap:clamp(8px,1.1vw,18px)}.wgx-mc{position:relative;aspect-ratio:5 / 4;perspective:900px;border:0;padding:0;background:none;cursor:pointer;container-type:inline-size;font:inherit}.wgx-mc:focus-visible{outline:3px solid var(--wgx-accent);outline-offset:3px;border-radius:14px}.wgx-mc-in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.3,1.25,.5,1) var(--flipdelay, 0ms)}.wgx-mc.is-up .wgx-mc-in{transform:rotateY(180deg)}.wgx-mc:not(.is-up):hover .wgx-mc-in{transform:translateY(-4px) rotate(-1.2deg)}.wgx-mc-back,.wgx-mc-front{position:absolute;inset:0;border-radius:14px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:grid;place-items:center}.wgx-mc-back{background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.28),transparent 45%),linear-gradient(145deg,#2563eb,#7c3aed);box-shadow:0 6px #4c1d95,0 12px 20px #4c1d954d;color:#fff}.wgx-mc-back:after{content:"";position:absolute;inset:8%;border:2px dashed rgba(255,255,255,.4);border-radius:10px}.wgx-mc-q{font-size:22cqw;font-weight:900;opacity:.9;text-shadow:0 3px 0 rgba(0,0,0,.2)}.wgx-mc-front{transform:rotateY(180deg);background:#fff;color:#1b2a41;padding:6% 8%;gap:4px;align-content:center;text-align:center;border:2px solid #e2e8f0;border-top-width:7px;box-shadow:0 6px #cbd5e1,0 12px 20px #102a4326}.wgx-mc.is-term .wgx-mc-front{border-top-color:#3b82f6}.wgx-mc.is-def .wgx-mc-front{border-top-color:#f59e0b}.wgx-mc-front small{font-size:max(8px,5.4cqw);letter-spacing:.14em;font-weight:800;color:#64748b}.wgx-mc-front b{font-size:13px;font-size:max(11px,calc(var(--fs, 1) * 8.4cqw));line-height:1.22;font-weight:800;overflow-wrap:anywhere}.wgx-mc.is-done .wgx-mc-front{background:#ecfdf5;border-color:#22c55e;box-shadow:0 0 0 3px #86efac,0 0 26px #22c55e80}.wgx-mc.is-miss .wgx-mc-front{border-color:#ef4444;background:#fef2f2}.wgx-mc.is-deal{animation:wgxDeal .6s cubic-bezier(.2,1.2,.4,1) var(--d, 0ms) both}.wgx-mc.is-shake{animation:wgxShake .6s}.wgx-mc.is-match{animation:wgxMatch .8s cubic-bezier(.3,1.5,.5,1)}.wgx-mt-teams{display:inline-flex;gap:6px;flex-wrap:wrap;margin-left:auto}.wgx-team{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-weight:700;font-size:13px;background:var(--wgx-chip);border:2px solid transparent;transition:all .3s;font-variant-numeric:tabular-nums}.wgx-team i{width:10px;height:10px;border-radius:50%;background:var(--wc)}.wgx-team b{background:var(--wc);color:#fff;padding:1px 9px;border-radius:999px;font-weight:900}.wgx-team.is-turn{border-color:var(--wc);transform:scale(1.07);box-shadow:0 6px 18px #0000002e;animation:wgxTurn 1.4s ease-in-out infinite}.wgx-learner .wgx-team{font-size:clamp(14px,1.5vw,24px)}.wgx-gs-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:center}.wgx-gs-scene{max-width:340px;width:100%;margin:0 auto}.wgx-gs-scene{border-radius:20px;background:linear-gradient(180deg,#e0f2fe,#f0fdf4);border:1px solid rgba(36,62,52,.1);overflow:hidden;box-shadow:0 10px 28px #102a4324}.wgx-scene-svg{display:block;width:100%;height:auto}.wgx-bal-body{transform-box:fill-box;transform-origin:50% 100%;animation:wgxBob 3.2s ease-in-out infinite;animation-delay:var(--bob, 0s)}.wgx-string{fill:none;stroke:#64748b;stroke-width:1.4;transition:opacity .4s}.wgx-burst{opacity:0}.wgx-bal.is-popped .wgx-bal-body{animation:wgxBalPop .38s ease-out forwards}.wgx-bal.is-popped .wgx-string{opacity:0}.wgx-bal.is-popped .wgx-burst{animation:wgxBurst .65s ease-out forwards}.wgx-bal.is-popped.no-anim .wgx-bal-body{animation:none;opacity:0;transform:scale(0)}.wgx-bal.is-popped.no-anim .wgx-burst{animation:none;opacity:0}.wgx-basket{transition:transform .9s cubic-bezier(.4,1.6,.5,1)}.wgx-gs-scene.is-lost .wgx-basket{transform:translateY(46px) rotate(-8deg);transform-origin:180px 220px;transform-box:view-box}.wgx-gs-scene.is-won .wgx-basket{transform:translateY(-8px)}.wgx-gs-scene.is-won .wgx-bal-body{animation:wgxFloatY 1.6s ease-in-out infinite;animation-delay:var(--bob, 0s)}.wgx-gs-scene.is-hit{animation:wgxShake .45s}.wgx-gs-clue{text-align:center;padding:10px 16px;border-radius:14px;background:var(--wgx-chip);border:1px solid var(--wgx-chip-line);font-size:15px;font-weight:700;margin-bottom:18px;min-height:48px;display:flex;flex-direction:column;gap:2px;justify-content:center}.wgx-gs-clue small{font-size:10.5px;letter-spacing:.14em;color:var(--wgx-muted);font-weight:800}.wgx-gs-word{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:22px}.wgx-gl{width:clamp(30px,3.4vw,52px);aspect-ratio:3 / 4;perspective:500px}.wgx-gl-in{display:grid;place-items:center;height:100%;border-radius:10px;background:#fff;color:transparent;border-bottom:5px solid #cbd5e1;box-shadow:0 4px 10px #102a431a;font-weight:900;font-size:clamp(20px,3.2vw,42px);transition:border-color .3s,background .3s}.wgx-gl.is-on .wgx-gl-in{color:#1b2a41;border-bottom-color:#22c55e;background:#f0fdf4}.wgx-gl.is-lost .wgx-gl-in{color:#b91c1c;border-bottom-color:#ef4444;background:#fef2f2}.wgx-gl.is-flip .wgx-gl-in{animation:wgxTile .8s cubic-bezier(.2,1,.3,1) var(--d, 0ms) both}.wgx-gl-gap{width:clamp(14px,2vw,28px)}.wgx-gl-p{align-self:end;font-weight:900;font-size:clamp(22px,3vw,40px);padding:0 2px}.wgx-kb{display:flex;flex-direction:column;gap:7px;align-items:center}.wgx-kb-row{display:flex;gap:6px;justify-content:center}.wgx-key{min-width:clamp(28px,3.5vw,54px);height:clamp(36px,4.2vw,58px);border:0;border-radius:10px;background:#fff;color:#1b2a41;box-shadow:0 3px #cbd5e1;font:900 clamp(13px,1.5vw,22px) var(--wgx-font);cursor:pointer;transition:transform .12s,box-shadow .12s,background .2s}.wgx-key:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px #cbd5e1}.wgx-key:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #cbd5e1}.wgx-key:disabled{cursor:default}.wgx-key.is-hit{background:#22c55e;color:#fff;box-shadow:0 3px #15803d}.wgx-key.is-miss{background:#fca5a5;color:#7f1d1d;box-shadow:0 3px #ef4444;opacity:.75}.wgx-key.is-press{animation:wgxType .4s cubic-bezier(.3,1.8,.5,1)}.wgx-learner .wgx-gs-grid{grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:3vw;height:calc(100% - 60px)}.wgx-learner .wgx-gs-scene{max-height:calc(100vh - 230px);max-width:none}.wgx-learner .wgx-scene-svg{max-height:calc(100vh - 230px)}.wgx-learner .wgx-gs-clue{font-size:clamp(16px,2.2vw,36px);padding:1.2vh 2vw}.wgx-learner .wgx-gs-clue small{font-size:clamp(10px,1vw,16px)}.wgx-learner .wgx-gl{width:clamp(38px,5.2vw,96px)}.wgx-learner-wrap{width:100%;height:100%;display:flex;flex-direction:column;gap:1.2vh;min-height:0}.wgx-learner-title{display:flex;align-items:center;gap:12px;font-size:clamp(20px,2.6vw,40px);font-weight:900;letter-spacing:.02em;color:#fff}.wgx-learner-title span{font-size:1.2em;animation:wgxFloatY 3s ease-in-out infinite}.wgx-learner-stage{flex:1;min-height:0}.wgx-ribbon{position:absolute;left:50%;top:10px;z-index:20;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 28px;border-radius:18px;color:#fff;font-size:clamp(16px,2vw,30px);text-align:center;max-width:92%;box-shadow:0 16px 44px #00000052;animation:wgxRibbon .75s cubic-bezier(.2,1.4,.4,1) both;pointer-events:none}.wgx-ribbon b{font-weight:900}.wgx-ribbon span{font-size:.5em;font-weight:700;opacity:.92;letter-spacing:.04em}.wgx-ribbon-win{background:linear-gradient(135deg,#16a34a,#0ea5e9)}.wgx-ribbon-warn{background:linear-gradient(135deg,#f59e0b,#ef4444)}.wgx-ribbon-info{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.wgx-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:19}.wgx-confetti i{position:absolute;top:-16px;border-radius:2px;animation:wgxConf 2.6s cubic-bezier(.3,.6,.6,1) forwards}@keyframes wgxPop{0%{transform:scale(1)}35%{transform:scale(1.45) rotate(-6deg)}70%{transform:scale(.92)}to{transform:scale(1)}}@keyframes wgxCapIn{0%{transform:rotate(var(--rot)) scaleX(0);opacity:.3}to{transform:rotate(var(--rot)) scaleX(1);opacity:1}}@keyframes wgxShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes wgxHint{0%,to{background-color:#e8b84b26;transform:scale(1)}50%{background-color:#e8b84b99;transform:scale(1.1)}}@keyframes wgxJust{0%{transform:scale(1)}40%{transform:scale(1.07) translate(4px)}to{transform:scale(1)}}@keyframes wgxPulse{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes wgxWarn{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes wgxType{0%{transform:scale(.4)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes wgxFlipY{0%{transform:perspective(400px) rotateY(90deg);filter:brightness(1.4)}to{transform:perspective(400px) rotateY(0);filter:none}}@keyframes wgxWave{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-14%) scale(1.14);background-color:#fde68a}}@keyframes wgxSwap{0%{transform:translateY(-8px);opacity:.3}to{transform:none;opacity:1}}@keyframes wgxDeal{0%{transform:translateY(-40px) scale(.4) rotate(-12deg);opacity:0}to{transform:none;opacity:1}}@keyframes wgxMatch{0%{transform:scale(1)}35%{transform:scale(1.14) rotate(2deg)}to{transform:scale(1)}}@keyframes wgxTurn{0%,to{box-shadow:0 6px 18px #0000002e}50%{box-shadow:0 6px 26px #00000057}}@keyframes wgxBob{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-5px) rotate(1.5deg)}}@keyframes wgxFloatY{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes wgxBalPop{0%{transform:scale(1);opacity:1}35%{transform:scale(1.35);opacity:1}to{transform:scale(0);opacity:0}}@keyframes wgxBurst{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--bx),var(--by)) scale(.2);opacity:0}}@keyframes wgxTile{0%{transform:rotateX(-90deg);opacity:0}60%{transform:rotateX(12deg);opacity:1}to{transform:rotateX(0)}}@keyframes wgxRibbon{0%{transform:translate(-50%,-140%) scale(.7);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes wgxConf{0%{transform:translateZ(0) rotate(0);opacity:1}85%{opacity:1}to{transform:translate3d(var(--dx),720px,0) rotate(var(--rot));opacity:0}}@media (prefers-reduced-motion: reduce){.wgx-scope *,.wgx-root *,.wgx-root *:before,.wgx-root *:after,.wgx-ribbon,.wgx-confetti i{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important}}.lbx-scope{display:flex;flex-direction:column;gap:14px}.lbx-eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--deped-blue);background:var(--light-blue);padding:4px 10px;border-radius:999px;margin-bottom:6px}.lbx-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}@media (max-width: 1100px){.lbx-layout{grid-template-columns:1fr}}.lbx-panel{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:16px;box-shadow:var(--shadow-sm);min-width:0;background-image:radial-gradient(circle at 0 0,rgba(247,201,72,.12),transparent 40%)}.lbx-side{display:flex;flex-direction:column;gap:12px;min-width:0}.lbx-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px 16px;box-shadow:var(--shadow-sm)}.lbx-card h3{font-size:13px;margin:0 0 10px;letter-spacing:.02em}.lbx-note{display:block;margin-top:8px;font-size:11.5px;color:var(--text-muted);line-height:1.45}.lbx-emptycard{text-align:center;padding:46px 16px}.lbx-emptycard p{color:var(--text-muted);font-size:13.5px;max-width:420px;margin:0 auto 16px}.lbx-bigemoji{font-size:60px;animation:lbxFloat 3.2s ease-in-out infinite;display:inline-block}.lbx-seg{display:flex;gap:2px;padding:3px;background:var(--bg);border:1px solid var(--border);border-radius:12px}.lbx-seg button{flex:1;border:0;background:transparent;color:var(--text);padding:7px 12px;border-radius:9px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}.lbx-seg button:hover:not(:disabled){background:var(--light-blue)}.lbx-seg button.is-on{background:var(--deped-blue);color:#fff;box-shadow:0 4px 12px var(--theme-soft,#1457474d)}.lbx-head .page-actions{align-items:center}.lbx-who{display:flex;align-items:center;gap:10px;margin:12px 0;padding:10px 12px;border-radius:14px;background:var(--light-blue)}.lbx-who strong{display:block;font-size:14px}.lbx-who small{color:var(--text-muted);font-size:12px}.lbx-reasons{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.lbx-reasons button{border:1px solid var(--border);background:var(--bg);color:var(--text);padding:4px 10px;border-radius:999px;font:inherit;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .2s}.lbx-reasons button.is-on{background:var(--deped-blue);color:#fff;border-color:var(--deped-blue)}.lbx-quick{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.lbx-q{border:0;border-radius:12px;padding:12px 0;font:900 16px inherit;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .2s}.lbx-q:hover:not(:disabled){transform:translateY(-2px)}.lbx-q:active:not(:disabled){transform:translateY(1px) scale(.96)}.lbx-q:disabled{opacity:.4;cursor:not-allowed}.lbx-q-plus{background:#dcfce7;color:#15803d;box-shadow:0 3px #86efac}.lbx-q-minus{background:#fee2e2;color:#b91c1c;box-shadow:0 3px #fca5a5}.lbx-custom{display:flex;gap:8px;margin:10px 0}.lbx-custom .form-control{flex:1}.lbx-all{width:100%}.lbx-hist{margin-top:12px;border-top:1px dashed var(--border);padding-top:10px;font-size:12px;display:flex;flex-direction:column;gap:5px}.lbx-hist-h{display:flex;justify-content:space-between;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:10.5px;color:var(--text-muted)}.lbx-link{border:0;background:none;color:var(--deped-blue);font:inherit;font-weight:700;cursor:pointer;text-transform:none;letter-spacing:0}.lbx-hist>div:not(.lbx-hist-h){display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center}.lbx-hist .is-plus{color:#15803d}.lbx-hist .is-minus{color:#b91c1c}.lbx-hist small{color:var(--text-muted)}.lbx-reset{width:100%;margin-top:10px}.lbx-award-dlg .lbx-dlg-pts{display:flex;gap:8px;flex-wrap:wrap}.lbx-award-dlg .lbx-dlg-pts .is-on{background:var(--deped-blue);color:#fff;border-color:var(--deped-blue)}.lbx-badge-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lbx-badge{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:10px;border-radius:14px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;cursor:pointer;filter:grayscale(1);opacity:.6;transition:filter .35s,opacity .35s,transform .25s,box-shadow .35s,background .35s}.lbx-badge:disabled{cursor:default}.lbx-badge:hover:not(:disabled){transform:translateY(-2px);opacity:.9}.lbx-badge-emoji{font-size:26px;line-height:1}.lbx-badge b{font-size:12.5px}.lbx-badge small{font-size:10.5px;color:var(--text-muted);line-height:1.3}.lbx-badge.is-earned{filter:none;opacity:1;background:hsl(var(--hue) 90% 94%);border-color:hsl(var(--hue) 70% 55%);box-shadow:0 6px 16px hsl(var(--hue) 70% 50% / .28);animation:lbxBadgePop .6s cubic-bezier(.3,1.6,.5,1)}.lbx-badge.is-earned b{color:#1b2a41}.lbx-badge.is-earned small{color:#475569}.lbx-badge.is-earned:after{content:"✓";position:absolute;top:6px;right:8px;font-size:11px;font-weight:900;color:hsl(var(--hue) 70% 32%)}.lbx-root{--lbx-ink: var(--text, #243e34);--lbx-muted: var(--text-muted, #697b70);--lbx-chip: var(--bg, #f7f6ef);--lbx-line: var(--border, #dfe5da);--lbx-row: var(--card, #fff);color:var(--lbx-ink);min-width:0;font-family:ui-rounded,Nunito,Segoe UI,system-ui,sans-serif}.lbx-root *{box-sizing:border-box}.lbx-root.lbx-learner{--lbx-ink: #f8fafc;--lbx-muted: rgba(255,255,255,.66);--lbx-chip: rgba(255,255,255,.09);--lbx-line: rgba(255,255,255,.16);--lbx-row: rgba(255,255,255,.07);width:100%;height:100%}.lbx-hud{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.lbx-chip{display:inline-flex;gap:6px;align-items:center;padding:6px 14px;border-radius:999px;background:var(--lbx-chip);border:1px solid var(--lbx-line);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.lbx-learner .lbx-chip{font-size:clamp(14px,1.5vw,24px)}.lbx-stage{position:relative}.lbx-av{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;overflow:hidden;color:#fff;font-weight:800;font-size:14px;box-shadow:0 0 0 2px #ffffffb3}.lbx-av img{width:100%;height:100%;object-fit:cover}.lbx-badges{display:inline-flex;gap:2px;font-size:15px}.lbx-badges i{font-style:normal}.lbx-badges .lbx-more{font-size:11px;font-weight:800;color:var(--lbx-muted);align-self:center}.lbx-podium{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:end;max-width:760px;margin:6px auto 18px;min-height:250px}.lbx-pod{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;position:relative}.lbx-pod.is-empty{visibility:hidden}.lbx-pod-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 6px 10px;text-align:center;max-width:100%}.lbx-pod-card .lbx-av{width:62px;height:62px;font-size:22px;box-shadow:0 0 0 4px var(--pc, #fff),0 8px 18px #0003}.lbx-pod[data-place="1"]{--pc: #e8b84b}.lbx-pod[data-place="2"]{--pc: #cbd5e1}.lbx-pod[data-place="3"]{--pc: #e0a36b}.lbx-pod[data-place="1"] .lbx-av{width:78px;height:78px;font-size:28px}.lbx-pod-card strong{font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lbx-pts{font-size:12px;color:var(--lbx-muted);font-weight:700}.lbx-pts b{font-size:19px;color:var(--lbx-ink);font-weight:900;font-variant-numeric:tabular-nums}.lbx-crown{font-size:30px;line-height:1;animation:lbxCrown 2.4s ease-in-out infinite;transform-origin:50% 100%}.lbx-bar{width:100%;border-radius:14px 14px 0 0;display:grid;place-items:start center;padding-top:10px;font-size:30px;font-weight:900;color:#fffffff2;background:linear-gradient(180deg,var(--pc, #94a3b8),color-mix(in srgb,var(--pc, #94a3b8) 62%,#0f172a));box-shadow:inset 0 3px #ffffff59,0 10px 20px #0000002e;height:0;transition:height .9s cubic-bezier(.2,1.2,.3,1);text-shadow:0 2px 0 rgba(0,0,0,.2)}.lbx-root.is-ready .lbx-pod[data-place="1"] .lbx-bar{height:120px}.lbx-root.is-ready .lbx-pod[data-place="2"] .lbx-bar{height:86px}.lbx-root.is-ready .lbx-pod[data-place="3"] .lbx-bar{height:62px}.lbx-pod[data-place="2"] .lbx-bar{transition-delay:.15s}.lbx-pod[data-place="3"] .lbx-bar{transition-delay:.3s}.lbx-pod[data-place="1"] .lbx-bar{transition-delay:.45s}.lbx-pod.is-sel .lbx-pod-card,.lbx-row.is-sel{outline:3px solid var(--deped-blue, var(--theme-accent,#145747));outline-offset:2px;border-radius:14px}.lbx-pod .lbx-pod-card{cursor:pointer}.lbx-pod.is-new .lbx-pod-card{animation:lbxDrop .8s cubic-bezier(.3,1.5,.5,1)}.lbx-pod.is-up .lbx-pod-card{animation:lbxBump .8s cubic-bezier(.3,1.6,.5,1)}.lbx-pod.is-down .lbx-pod-card{animation:lbxSag .6s ease}.lbx-list{list-style:none;margin:0 auto;padding:0;display:flex;flex-direction:column;gap:6px;max-width:760px}.lbx-root:not(.lbx-learner) .lbx-list{max-height:420px;overflow:auto;padding:2px 4px 4px 2px;scrollbar-width:thin}.lbx-row{position:relative;display:grid;grid-template-columns:34px 38px minmax(0,1fr) auto 54px;gap:10px;align-items:center;padding:7px 12px;border-radius:14px;background:var(--lbx-row);border:1px solid var(--lbx-line);cursor:pointer;transition:background .25s,box-shadow .25s}.lbx-row:hover{box-shadow:0 6px 16px #102a431f}.lbx-rk{font-weight:900;font-size:15px;color:var(--lbx-muted);text-align:center;font-variant-numeric:tabular-nums}.lbx-nm{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lbx-pt{font-weight:900;font-size:17px;text-align:right;font-variant-numeric:tabular-nums}.lbx-row.is-up{animation:lbxRowUp .9s ease}.lbx-row.is-down{animation:lbxRowDown .9s ease}.lbx-row.is-in{animation:lbxRowIn .6s cubic-bezier(.2,1,.3,1)}.lbx-empty{text-align:center;padding:36px 0;display:flex;flex-direction:column;gap:4px;align-items:center}.lbx-empty span{font-size:54px;animation:lbxFloat 3s ease-in-out infinite}.lbx-empty small{color:var(--lbx-muted)}.lbx-float{position:absolute;right:12px;top:2px;font-weight:900;font-size:22px;pointer-events:none;animation:lbxRise 1.4s ease-out forwards;z-index:6;text-shadow:0 2px 6px rgba(0,0,0,.25)}.lbx-float.is-plus{color:#16a34a}.lbx-float.is-minus{color:#dc2626}.lbx-pod-card .lbx-float{right:50%;top:-6px;transform:translate(50%);font-size:30px}.lbx-unlock{position:absolute;left:50%;top:14%;transform:translate(-50%);z-index:30;display:flex;flex-direction:column;align-items:center;gap:4px;padding:26px 44px 22px;border-radius:26px;text-align:center;color:#fff;background:linear-gradient(150deg,hsl(var(--hue) 75% 48%),hsl(calc(var(--hue) + 40) 70% 32%));box-shadow:0 24px 70px #0006;animation:lbxUnlockIn .8s cubic-bezier(.2,1.4,.4,1) both;overflow:hidden}.lbx-unlock.is-out{animation:lbxUnlockOut .5s ease-in forwards}.lbx-unlock-emoji{font-size:78px;line-height:1;animation:lbxSpin 1s cubic-bezier(.2,1.4,.4,1) .2s both;filter:drop-shadow(0 6px 12px rgba(0,0,0,.3));position:relative}.lbx-unlock small{font-size:11px;font-weight:900;letter-spacing:.22em;opacity:.85;position:relative}.lbx-unlock strong{font-size:26px;font-weight:900;position:relative}.lbx-unlock span{font-size:15px;font-weight:700;opacity:.92;position:relative}.lbx-unlock-rays{position:absolute;inset:-60%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.16) 0 10deg,transparent 10deg 20deg);animation:lbxRays 8s linear infinite}.lbx-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:29}.lbx-confetti i{position:absolute;top:-16px;border-radius:2px;animation:lbxConf 2.6s cubic-bezier(.3,.6,.6,1) forwards}.lbx-learner-wrap{width:100%;height:100%;display:flex;flex-direction:column;gap:1.4vh;min-height:0}.lbx-learner-title{display:flex;align-items:center;gap:12px;font-size:clamp(22px,2.8vw,44px);font-weight:900;color:#fff}.lbx-learner-title span{animation:lbxFloat 3s ease-in-out infinite;display:inline-block}.lbx-learner-stage{flex:1;min-height:0}.lbx-learner .lbx-podium{max-width:min(1000px,90vw);min-height:32vh}.lbx-learner .lbx-pod-card .lbx-av{width:clamp(56px,7vw,110px);height:clamp(56px,7vw,110px);font-size:clamp(20px,2.6vw,40px)}.lbx-learner .lbx-pod[data-place="1"] .lbx-av{width:clamp(72px,9vw,140px);height:clamp(72px,9vw,140px);font-size:clamp(26px,3.4vw,52px)}.lbx-learner .lbx-pod-card strong{font-size:clamp(15px,1.9vw,30px)}.lbx-learner .lbx-pts{font-size:clamp(12px,1.3vw,20px)}.lbx-learner .lbx-pts b{font-size:clamp(20px,2.6vw,44px)}.lbx-learner .lbx-badges{font-size:clamp(16px,1.8vw,28px)}.lbx-learner .lbx-crown{font-size:clamp(30px,4vw,62px)}.lbx-learner.is-ready .lbx-pod[data-place="1"] .lbx-bar{height:15vh}.lbx-learner.is-ready .lbx-pod[data-place="2"] .lbx-bar{height:11vh}.lbx-learner.is-ready .lbx-pod[data-place="3"] .lbx-bar{height:8vh}.lbx-learner .lbx-bar{font-size:clamp(26px,3.4vw,54px)}.lbx-learner .lbx-list{max-width:min(1000px,90vw)}.lbx-learner .lbx-row{grid-template-columns:clamp(34px,3vw,56px) clamp(38px,4vw,64px) minmax(0,1fr) auto clamp(54px,5vw,90px);padding:.6vh 1.2vw}.lbx-learner .lbx-av{width:clamp(38px,4vw,64px);height:clamp(38px,4vw,64px)}.lbx-learner .lbx-nm{font-size:clamp(15px,1.9vw,30px)}.lbx-learner .lbx-pt{font-size:clamp(18px,2.2vw,36px)}.lbx-learner .lbx-rk{font-size:clamp(16px,2vw,32px)}.lbx-learner .lbx-unlock strong{font-size:clamp(26px,3.4vw,54px)}.lbx-learner .lbx-unlock-emoji{font-size:clamp(78px,10vw,160px)}.lbx-learner .lbx-unlock span{font-size:clamp(16px,2vw,32px)}.lbx-learner .lbx-unlock small{font-size:clamp(11px,1.2vw,20px)}@keyframes lbxFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes lbxCrown{0%,to{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(6deg) translateY(-5px)}}@keyframes lbxDrop{0%{transform:translateY(-60px) scale(.6);opacity:0}to{transform:none;opacity:1}}@keyframes lbxBump{0%{transform:scale(1)}35%{transform:scale(1.14) translateY(-6px)}to{transform:scale(1)}}@keyframes lbxSag{0%,to{transform:none}40%{transform:translateY(5px) scale(.97)}}@keyframes lbxRowUp{0%,to{background:var(--lbx-row)}25%{background:#22c55e4d}}@keyframes lbxRowDown{0%,to{background:var(--lbx-row)}25%{background:#ef444440}}@keyframes lbxRowIn{0%{transform:translate(-30px) scale(.96);opacity:0}to{transform:none;opacity:1}}@keyframes lbxRise{0%{transform:translateY(0) scale(.6);opacity:0}20%{transform:translateY(-12px) scale(1.3);opacity:1}to{transform:translateY(-56px) scale(1);opacity:0}}@keyframes lbxBadgePop{0%{transform:scale(.7) rotate(-8deg)}60%{transform:scale(1.1) rotate(3deg)}to{transform:none}}@keyframes lbxUnlockIn{0%{transform:translate(-50%,-80px) scale(.5);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes lbxUnlockOut{to{transform:translate(-50%,-30px) scale(.9);opacity:0}}@keyframes lbxSpin{0%{transform:scale(0) rotate(-200deg)}to{transform:scale(1) rotate(0)}}@keyframes lbxRays{to{transform:rotate(360deg)}}@keyframes lbxConf{0%{transform:translateZ(0) rotate(0);opacity:1}85%{opacity:1}to{transform:translate3d(var(--dx),720px,0) rotate(var(--rot));opacity:0}}@media (prefers-reduced-motion: reduce){.lbx-scope *,.lbx-root *,.lbx-root *:before,.lbx-root *:after,.lbx-unlock,.lbx-confetti i{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important}}.kt-root{position:fixed;inset:0;z-index:10050;pointer-events:none;animation:kt-in .22s ease both}.kt-root.kt-leaving{opacity:0;transition:opacity .18s ease}@keyframes kt-in{0%{opacity:0}to{opacity:1}}.kt-panel{position:fixed;background:#081028a8;pointer-events:auto;transition:left .35s cubic-bezier(.4,0,.2,1),top .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1),height .35s cubic-bezier(.4,0,.2,1)}.kt-ring{position:fixed;display:none;border-radius:12px;pointer-events:auto;box-shadow:0 0 0 2px #fff,0 0 0 5px var(--deped-blue, var(--theme-soft,#145747)),0 0 28px 6px #06b6d473;transition:left .35s cubic-bezier(.4,0,.2,1),top .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1),height .35s cubic-bezier(.4,0,.2,1);animation:kt-pulse 1.9s ease-in-out infinite}.kt-ring.is-live{pointer-events:none}@keyframes kt-pulse{0%,to{box-shadow:0 0 0 2px #fff,0 0 0 5px var(--deped-blue,var(--theme-soft,#145747)),0 0 18px 3px #06b6d459}50%{box-shadow:0 0 0 2px #fff,0 0 0 9px var(--theme-soft,#14574773),0 0 34px 10px #06b6d48c}}.kt-pop{position:fixed;pointer-events:auto;width:min(400px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;background:var(--card, #fff);color:var(--text, var(--theme-ink,#243e34));border:1px solid var(--border, var(--theme-edge,#dfe5da));border-radius:20px;padding:20px 20px 16px;box-shadow:0 28px 70px #020a2873,0 0 0 1px #ffffff0d;transition:left .35s cubic-bezier(.4,0,.2,1),top .35s cubic-bezier(.4,0,.2,1),opacity .2s,transform .2s;animation:kt-pop-in .35s cubic-bezier(.2,.8,.2,1) both;outline:none}.kt-pop.kt-swap{opacity:.35;transform:scale(.985)}.kt-pop.kt-center{left:50%;top:50%;transform:translate(-50%,-50%)}.kt-pop.kt-center.kt-swap{transform:translate(-50%,-50%) scale(.985)}.kt-pop.kt-hero{width:min(460px,calc(100vw - 24px));padding-top:26px;text-align:center}.kt-pop.kt-hero .kt-head{justify-content:center;flex-direction:column;gap:10px}.kt-pop.kt-hero .kt-badge{width:64px;height:64px;font-size:32px;border-radius:20px}.kt-pop.kt-hero .kt-x{position:absolute;top:12px;right:12px}.kt-pop.kt-hero .kt-foot{flex-direction:column-reverse;align-items:stretch}.kt-pop.kt-hero .kt-btns,.kt-pop.kt-hero .kt-dots{justify-content:center}@keyframes kt-pop-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}.kt-shake{animation:kt-shake .32s ease}@keyframes kt-shake{20%,60%{translate:-5px 0}40%,80%{translate:5px 0}}.kt-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.kt-badge{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;font-size:19px;flex:none;background:linear-gradient(135deg,var(--theme-soft,#edf4ed),#e3ecff);border:1px solid #cfe0ff}.kt-count{flex:1;font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--text-muted, var(--theme-muted,#697b70))}.kt-x{width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--text-muted, var(--theme-muted,#697b70));font-size:22px;line-height:1;cursor:pointer}.kt-x:hover{background:var(--bg, #f7f6ef);color:var(--text, var(--theme-ink,#243e34))}.kt-title{margin:0 0 8px;font-size:20px;line-height:1.25;font-weight:800;letter-spacing:-.01em}.kt-text{margin:0 0 12px;font-size:14px;line-height:1.6;color:var(--text-muted, #52667a)}.kt-tip,.kt-try{display:flex;gap:8px;align-items:flex-start;margin:0 0 12px;padding:9px 12px;border-radius:12px;font-size:12.5px;line-height:1.5;text-align:left}.kt-tip{background:#fff7db;color:#7a5200;border:1px solid #f7e2a1}.kt-try{background:#e6f7fb;color:#0b6b84;border:1px solid #bfe8f2;font-weight:700}.kt-try-dot{flex:none;width:9px;height:9px;margin-top:5px;border-radius:50%;background:#06b6d4;animation:kt-blink 1.2s infinite}@keyframes kt-blink{50%{opacity:.25;transform:scale(.7)}}.kt-recap{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:0 0 14px}.kt-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;border:1px solid var(--border, var(--theme-edge,#dfe5da));background:var(--bg, #f7f6ef);color:var(--text-muted, var(--theme-muted,#697b70));font-size:12px;font-weight:600;cursor:pointer}.kt-chip.is-seen{background:var(--theme-soft,#e8f6ee);border-color:var(--theme-accent,#bfe5cf);color:#146c3c}.kt-chip:hover{border-color:var(--deped-blue, var(--theme-accent,#145747))}.kt-bar{height:4px;border-radius:4px;background:var(--border, var(--theme-soft,#dfe5da));overflow:hidden;margin:2px 0 14px}.kt-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--theme-accent,#145747),#06b6d4,#7c3aed);transition:width .4s cubic-bezier(.4,0,.2,1)}.kt-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.kt-dots{display:flex;gap:5px;flex-wrap:wrap}.kt-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:var(--border, #cbd5e1);cursor:pointer;transition:transform .2s,background .2s,width .2s}.kt-dot.is-seen{background:#9fc0ff}.kt-dot.is-on{width:22px;border-radius:6px;background:var(--deped-blue, var(--theme-accent,#145747))}.kt-dot:hover{transform:scale(1.35)}.kt-btns{display:flex;gap:8px}.kt-btn{border:1px solid var(--border, var(--theme-edge,#dfe5da));border-radius:10px;padding:9px 15px;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}.kt-btn:hover{transform:translateY(-1px)}.kt-ghost{background:transparent;color:var(--text, var(--theme-ink,#243e34))}.kt-ghost:hover{background:var(--bg, #f7f6ef)}.kt-primary{border-color:transparent;color:#fff;background:linear-gradient(135deg,var(--theme-accent,#145747),var(--theme-accent,#247b63) 60%,var(--theme-accent,#2d8c80));box-shadow:0 6px 16px var(--theme-soft,#14574752)}.kt-primary:hover{box-shadow:0 9px 22px var(--theme-soft,#1457476b)}.kt-skip{display:block;margin:12px auto 0;border:0;background:transparent;color:var(--text-muted, var(--theme-muted,#697b70));font:inherit;font-size:12px;cursor:pointer;text-decoration:underline}.kt-pop button:focus-visible,.kt-launcher:focus-visible{outline:3px solid #06B6D4;outline-offset:2px}.kt-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.kt-launcher{color:var(--deped-blue, var(--theme-accent,#145747))}.kt-launcher:hover{background:var(--light-blue, var(--theme-soft,#edf4ed))}body.kt-open .kt-launcher{opacity:.4;pointer-events:none}.kt-confetti{position:fixed;inset:0;overflow:hidden;pointer-events:none}.kt-confetti i{position:absolute;top:-12px;width:8px;height:14px;border-radius:2px;opacity:0;animation:kt-fall 2s ease-in forwards}@keyframes kt-fall{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--kt-x, 0),105vh) rotate(var(--kt-r, 360deg))}}@media (max-width: 640px){.kt-pop{width:auto;padding:16px 16px 14px;border-radius:18px}.kt-pop.kt-hero,.kt-pop.kt-center{width:calc(100vw - 24px)}.kt-title{font-size:18px}.kt-foot{flex-direction:column-reverse;align-items:stretch}.kt-btns{justify-content:flex-end}.kt-dots{justify-content:center}}@media (prefers-reduced-motion: reduce){.kt-root,.kt-panel,.kt-ring,.kt-pop,.kt-bar i,.kt-dot,.kt-btn,.kt-try-dot,.kt-confetti i{animation:none!important;transition:none!important}}