html{scrollbar-gutter:stable}:root{--primary:#0f172a;--primary-light:#1e293b;--accent:#40c4aa;--accent-rgb:64, 196, 170;--accent-gradient-end:#2e9e87;--accent-gradient-hover-start:#4ed2b6;--accent-gradient-hover-end:#33aa93;--bg-gradient:radial-gradient(circle at top center, #fff 0%, #f8fafc 40%, #eefbf9 100%);--surface:#fff;--text:#1e293b;--secondary:#64748b;--success:#10b981;--success-light:#ecfdf5;--success-text:#065f46;--error:#ef4444;--error-light:#fef2f2;--error-text:#991b1b;--card-bg:#ffffffd9;--card-border:rgba(var(--accent-rgb), .25);--sidebar-bg:#ffffffe6;--sidebar-border:#0000000a;--nav-hover:#0000000a;--bg-answer:#fff;--bg-answer-hover:#f0f7ff;--border:#cbd5e1}[data-theme=dark]{--primary:#f8fafc;--primary-light:#e2e8f0;--accent:#40c4aa;--bg-gradient:radial-gradient(circle at top right, #0f172a 0%, #020617 100%);--surface:#1e293b;--text:#f8fafc;--secondary:#cbd5e1;--success:#10b981;--success-light:#10b98126;--success-text:#34d399;--error:#ef4444;--error-light:#ef444426;--error-text:#f87171;--card-bg:#1e293bb3;--card-border:rgba(var(--accent-rgb), .35);--sidebar-bg:#0f172ad9;--sidebar-border:#ffffff0d;--nav-hover:#ffffff0d;--bg-answer:#0003;--bg-answer-hover:rgba(var(--accent-rgb), .1);--border:#ffffff1f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.auditio-brand{text-transform:lowercase;letter-spacing:-.02em;font-family:Montserrat,sans-serif;font-weight:700;display:inline-block}.brand-my{color:#51b9a5}.brand-text{color:#0c4a6e}[data-theme=dark] .brand-text{color:#f8fafc}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text);background-attachment:fixed;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}.content-main{z-index:1;position:relative}.global-glow-teal,.global-glow-blue{pointer-events:none;z-index:0;border-radius:50%;width:700px;height:700px;position:fixed}.global-glow-teal{background:radial-gradient(circle, rgba(var(--accent-rgb), .25) 0%, #0000 70%);filter:blur(80px);top:-10%;right:-10%}.global-glow-blue{filter:blur(80px);background:radial-gradient(circle,#3b82f62e 0%,#0000 70%);bottom:-15%;left:-5%}[data-theme=dark] .global-glow-teal{background:radial-gradient(circle, rgba(var(--accent-rgb), .15) 0%, #0000 70%)}[data-theme=dark] .global-glow-blue{background:radial-gradient(circle,#3b82f61a 0%,#0000 70%)}.content-main:before{display:none}h1,h2,h3{color:var(--primary);margin-bottom:1rem;font-family:Montserrat,sans-serif}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--card-border);border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem;transition:border-color .3s,box-shadow .3s,background-color .3s;box-shadow:0 4px 15px -1px #00000008,0 2px 6px -1px #00000005}.card:hover{border-color:var(--accent);box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #0000000f}.btn{cursor:pointer;border:none;border-radius:.5rem;padding:.6rem 1.2rem;font-weight:600;transition:all .3s cubic-bezier(.25,.8,.25,1)}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:100000;background:#0f172aa6;justify-content:center;align-items:flex-start;padding:2rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background:var(--card-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--card-border);border-radius:1rem;width:100%;max-width:500px;margin:auto;padding:1.5rem;animation:.3s cubic-bezier(.16,1,.3,1) forwards modalFadeIn;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.premium-loader{border:4px solid var(--bg-hover);border-top-color:var(--accent);width:48px;height:48px;box-shadow:0 0 15px rgba(var(--accent-rgb), .2);border-radius:50%;animation:1s cubic-bezier(.68,-.55,.265,1.55) infinite premiumSpin}@keyframes premiumSpin{to{transform:rotate(360deg)}}.btn-primary{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-gradient-end) 100%);color:#fff;box-shadow:0 4px 12px rgba(var(--accent-rgb), .25)}.btn-primary:hover{background:linear-gradient(135deg, var(--accent-gradient-hover-start) 0%, var(--accent-gradient-hover-end) 100%);box-shadow:0 6px 16px rgba(var(--accent-rgb), .35);transform:translateY(-2px)}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.stat-card{text-align:center;padding:1.5rem}.stat-value{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-gradient-end) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.75rem;font-weight:900;display:inline-block}.stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:800}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:1rem}.verification-page{background:#f1f5f9;justify-content:center;align-items:center;min-height:100vh;display:flex}.app-layout{height:100vh;display:flex;overflow:hidden}.app-layout:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(135deg,#e6f4f1 0%,#f0fdfa 100%) 50%/cover;position:fixed;inset:-10px}[data-theme=dark] .app-layout:before{background:linear-gradient(135deg,#091e1a 0%,#022c22 100%)}.mobile-header{display:none}.verification-card{text-align:center;width:90%;max-width:500px;padding:3rem}.ko-tag{color:#ef4444;background:#fee2e2;border-radius:1rem;padding:.2rem .6rem;font-size:.75rem;font-weight:700}.form-group{text-align:left;margin-bottom:1.2rem}.form-input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:10px;outline:none;margin-top:.4rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .15)}.sidebar{width:260px;color:var(--primary);z-index:10;background:#fff;border-right:1px solid #0000000d;flex-direction:column;flex-shrink:0;height:100vh;padding:1.5rem;transition:transform .3s ease-in-out;display:flex;box-shadow:4px 0 24px -2px #0000000d}[data-theme=dark] .sidebar{background:#0f172a99;border-right:1px solid #ffffff0d;box-shadow:4px 0 24px -2px #0000004d}.sidebar-overlay{z-index:9;background:#00000080;display:none;position:fixed;inset:0}#close-sidebar-btn{display:none}.logo-flip-container-old{display:none!important}.logo-flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative}.logo-flip-container.flipped .logo-flip-inner{transform:rotateY(180deg)}.logo-flip-front,.logo-flip-back{backface-visibility:hidden;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:100%;display:flex;position:absolute}.logo-flip-front{z-index:2;transform:rotateY(0)}.logo-flip-back{z-index:1;transform:rotateY(180deg)}.tenant-logo-placeholder{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.02em;text-shadow:0 1px 2px #0000000d;max-width:180px;margin-bottom:2px;font-size:1.25rem;font-weight:700;overflow:hidden}.myauditio-styled-logo-text{letter-spacing:-.03em;font-family:Montserrat,sans-serif;font-size:1.35rem;font-weight:800;display:inline-flex}.myauditio-styled-logo-text .my{font-weight:800;color:#51b9a5!important}.myauditio-styled-logo-text .auditio{font-weight:400;color:#0c4a6e!important}[data-theme=dark] .myauditio-styled-logo-text .auditio{font-weight:400;color:#fff!important}.powered-by-container{color:var(--text-secondary);opacity:.85;white-space:nowrap;align-items:center;gap:4px;margin-top:1px;font-size:.6rem;display:flex}.powered-by-container img.powered-logo{object-fit:contain;width:auto;height:14px}[data-theme=dark] .powered-by-container img.powered-logo{filter:brightness(0)invert()}.sidebar-icon-container{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-right:12px;display:inline-flex;position:relative;overflow:hidden}.sidebar .nav-link-hover-zone,.sidebar .sidebar-logout-hover-zone{align-items:center;width:fit-content;display:inline-flex}.sidebar-gif-icon-static{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;transition:opacity .15s ease-in-out;display:block}.sidebar-gif-icon-anim{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;display:none;position:absolute;top:0;left:0}[data-theme=dark] .sidebar:not(.in-classroom) .sidebar-gif-icon-static,[data-theme=dark] .sidebar:not(.in-classroom) .sidebar-gif-icon-anim{filter:invert()hue-rotate(180deg)contrast(1.2);mix-blend-mode:screen}.sidebar .nav-link-hover-zone:hover .sidebar-gif-icon-static,.sidebar .sidebar-logout-hover-zone:hover .sidebar-gif-icon-static,.sidebar .theme-toggle:hover .sidebar-gif-icon-static,.sidebar .nav-link.active .sidebar-gif-icon-static{display:none}.sidebar .nav-link-hover-zone:hover .sidebar-gif-icon-anim,.sidebar .sidebar-logout-hover-zone:hover .sidebar-gif-icon-anim,.sidebar .theme-toggle:hover .sidebar-gif-icon-anim,.sidebar .nav-link.active .sidebar-gif-icon-anim{display:block}.sidebar-nav{-ms-overflow-style:none;scrollbar-width:none;flex-direction:column;flex:1;gap:.25rem;padding-right:.25rem;display:flex;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar .nav-link{color:var(--secondary);background:#ffffff40;border:1px solid #fff6;border-radius:.5rem;align-items:center;gap:.75rem;margin-bottom:.25rem;padding:.65rem .75rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 2px 4px #00000005}[data-theme=dark] .sidebar .nav-link{background:#0f172a4d;border:1px solid #ffffff0d}.sidebar .nav-link:hover{color:var(--primary);background:#ffffff8c;border-color:#fff9}[data-theme=dark] .sidebar .nav-link:hover{color:var(--primary);background:#ffffff14;border-color:#ffffff26}.sidebar .nav-link.active{font-weight:700;transition:all .2s ease-in-out;color:var(--accent)!important;border:none!important;border-left:3px solid var(--accent)!important;box-shadow:none!important;background:0 0!important;border-radius:0 .5rem .5rem 0!important;padding-left:1.1rem!important}.sidebar .nav-link.active:not(.arena-link) *{color:var(--accent)!important}@keyframes textShimmer{0%{background-position:200%}to{background-position:-200%}}.sidebar .nav-link.classroom-link.active .classroom-text,.sidebar .nav-link.classroom-link:hover .classroom-text{font-weight:700;animation:1.8s linear infinite textShimmer;display:inline-block;background:linear-gradient(120deg, var(--accent) 30%, #a7f3d0 50%, var(--accent) 70%)!important;-webkit-text-fill-color:transparent!important;background-size:200%!important;-webkit-background-clip:text!important}.sidebar .nav-link.arena-link.active{border-left-color:#f59e0b!important}.sidebar .nav-link.arena-link.active *,.sidebar .nav-link.arena-link.active .arena-text,.sidebar .nav-link.arena-link:hover .arena-text{font-weight:700;animation:1.8s linear infinite textShimmer;display:inline-block;background:linear-gradient(120deg,#f59e0b 30%,#fef08a 50%,#f59e0b 70%) 0 0/200%!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important}.nav-divider{background:#0000000f;height:1px;margin:.5rem .75rem}.sidebar-footer{border-top:1px solid #0000000f;margin-top:1rem;padding-top:1rem}.sidebar-user{flex-direction:column;margin-bottom:.75rem;display:flex}.sidebar-user-name{color:var(--primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.sidebar-logout{color:var(--secondary);background:0 0;border-radius:.5rem;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;transition:all .2s;display:flex}.sidebar-logout:hover{color:var(--error);background:#ef444414}.settings-page{padding:0}.settings-subtitle{color:var(--secondary);margin-top:-.5rem;margin-bottom:1.5rem;font-size:.875rem}.settings-tabs{border-bottom:2px solid #e2e8f0;flex-wrap:wrap;gap:.25rem;margin-bottom:1.5rem;display:flex}.settings-tab-btn{cursor:pointer;color:var(--secondary);background:0 0;border:none;border-bottom:3px solid #0000;border-radius:.375rem .375rem 0 0;align-items:center;gap:.5rem;margin-bottom:-2px;padding:.75rem 1.25rem;font-weight:500;transition:all .2s;display:flex}.settings-tab-btn:hover{color:var(--text);background:#f8fafc}.settings-tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.settings-content{flex-direction:column;gap:1.5rem;display:flex}.settings-form{flex-direction:column;gap:0;margin-top:1rem;display:flex}.settings-container{align-items:flex-start;gap:2rem;margin-top:1rem;display:flex}@media (width<=768px){.settings-container{flex-direction:column;gap:1.5rem}.settings-sidebar{width:100%!important}}.settings-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;flex-shrink:0;gap:.25rem;width:280px;padding:1rem;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.settings-sidebar-btn{cursor:pointer;color:var(--secondary);text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-weight:500;transition:all .2s;display:flex}.settings-sidebar-btn:hover{color:var(--text);background:#f8fafc}.settings-sidebar-btn.active{color:var(--accent);background:#f0fdf4;font-weight:600}.settings-main-content{flex-grow:1;min-width:0}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a80;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer-content{background:#fff;flex-direction:column;width:100%;max-width:500px;height:100%;animation:.25s ease-out drawerSlideIn;display:flex;box-shadow:-4px 0 25px -5px #0000001a,-2px 0 10px -6px #0000001a}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.drawer-header h3{color:#0f172a;margin:0;font-size:1.25rem;font-weight:700}.drawer-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.drawer-close:hover{color:#0f172a;background:#f1f5f9}.drawer-body{flex-grow:1;padding:1.5rem;overflow-y:auto}.drawer-body .settings-form{margin-top:0}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-hint{color:var(--secondary);margin-bottom:.5rem;font-size:.8rem}.msg{border-radius:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500}.msg-success{color:#15803d;background:#dcfce7}.msg-error{color:#dc2626;background:#fee2e2}.role-badge{border-radius:1rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.role-superuser{color:#6d28d9;background:#ede9fe}.role-examiner{color:#1d4ed8;background:#dbeafe}.role-participant{color:#15803d;background:#dcfce7}.btn-danger-sm{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:.375rem;align-items:center;padding:.3rem .5rem;transition:background .2s;display:inline-flex}.btn-danger-sm:hover{background:#fca5a5}.db-status-badge{border-radius:.5rem;margin-bottom:.5rem;padding:.5rem 1rem;font-weight:600;display:inline-block}.db-status-badge.ok{color:#15803d;background:#dcfce7}.db-status-badge.error{color:#dc2626;background:#fee2e2}@media (width<=768px){.app-layout{flex-direction:column;height:100dvh}.content-main{overflow-y:auto;height:calc(100dvh - 60px)!important;padding:1rem!important}.sidebar{z-index:1000;width:280px;height:100dvh;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.active{display:block}#close-sidebar-btn{display:flex!important}.mobile-header{background:var(--surface);border-bottom:1px solid var(--sidebar-border);z-index:99;justify-content:space-between;align-items:center;height:60px;padding:1rem;display:flex;position:sticky;top:0}.form-row{grid-template-columns:1fr}.exam-player{padding:.5rem}.page-header{flex-direction:column;align-items:flex-start}.login-container{flex-direction:column;height:100dvh;overflow-y:auto}.login-sidebar{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-start;width:100%;height:auto;padding:2rem 1.5rem}.login-marketing{flex-direction:column;height:auto;min-height:auto;padding:3rem 1.5rem;display:flex}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.status-badge{border-radius:1rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.status-pending{color:#92400e;background:#fef3c7}.status-in_progress{color:#1d4ed8;background:#dbeafe}.status-completed{color:#065f46;background:#d1fae5}.result-pass{color:#059669;background:#10b9811f;border:1px solid #10b9814d;border-radius:2rem;align-items:center;gap:5px;padding:.25rem .65rem;font-size:.8rem;font-weight:700;display:inline-flex}.result-fail{color:#dc2626;background:#ef44441a;border:1px solid #ef444440;border-radius:2rem;align-items:center;gap:5px;padding:.25rem .65rem;font-size:.8rem;font-weight:700;display:inline-flex}[data-theme=dark] .result-pass{color:#34d399;background:#10b98126;border-color:#10b98159}[data-theme=dark] .result-fail{color:#f87171;background:#ef444426;border-color:#ef444459}.table-empty{text-align:center;color:var(--secondary);flex-direction:column;align-items:center;gap:.75rem;padding:3rem;display:flex}.disclaimer-box{color:#78350f;background:#fffbeb;border:1px solid #fde68a;border-radius:.5rem;gap:.75rem;margin:1.25rem 0;padding:1rem 1.25rem;display:flex}.disclaimer-box--success{color:#14532d;background:#f0fdf4;border-color:#bbf7d0}[data-theme=dark] .disclaimer-box{color:#fbbf24!important;background:#f59e0b1a!important;border-color:#f59e0b4d!important}[data-theme=dark] .disclaimer-box--success{color:#4ade80!important;background:#16a34a1a!important;border-color:#16a34a4d!important}.checkbox-label{cursor:pointer;align-items:flex-start;gap:.5rem;margin-top:.5rem;font-size:.875rem;display:flex}.exam-player{max-width:760px;margin:0 auto}.exam-player-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.exam-progress-info{color:var(--secondary);font-size:.875rem}.exam-progress-bar{background:#e2e8f0;border-radius:3px;height:6px;margin-bottom:1.5rem;overflow:hidden}.exam-progress-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .3s}.exam-question-card{background:#fff;border-radius:1rem;margin-bottom:1.5rem;padding:2rem;box-shadow:0 4px 24px #00000014}.ko-warning{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem .75rem;font-size:.875rem;font-weight:600;display:flex}.exam-question-image{object-fit:contain;border:1px solid var(--sidebar-border);border-radius:.75rem;max-width:100%;height:auto;max-height:350px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;display:block;box-shadow:0 4px 12px #00000014}.exam-question-text{color:var(--text);margin-bottom:1.5rem;font-size:1.15rem;font-weight:600;line-height:1.5}.exam-answers{flex-direction:column;gap:.75rem;display:flex}.exam-answer-btn{text-align:left;border:2px solid var(--sidebar-border);background:var(--bg-answer);color:var(--text);cursor:pointer;border-radius:.5rem;align-items:center;gap:12px;width:100%;padding:.875rem 1.25rem;font-size:.95rem;transition:all .15s;display:flex!important}.exam-answer-btn:hover{border-color:var(--accent);background:var(--bg-answer-hover)}.exam-answer-btn.selected{border-color:var(--accent);background:var(--bg-answer-hover);color:var(--accent);font-weight:600}.exam-answer-checkbox{background:var(--surface);border:2px solid #cbd5e1;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.selected .exam-answer-checkbox{border-color:var(--accent)}.exam-answer-checked{background:var(--accent);border-radius:2px;width:10px;height:10px;animation:.2s cubic-bezier(.175,.885,.32,1.275) forwards checkPop}@keyframes checkPop{0%{transform:scale(0)}to{transform:scale(1)}}.exam-nav{justify-content:space-between;margin-bottom:1.5rem;display:flex}.exam-dots{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.exam-dot{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:50%;width:32px;height:32px;font-size:.75rem;transition:all .15s}.exam-dot.answered{border-color:var(--accent);background:#dbeafe}.exam-dot.current{background:var(--accent);color:#fff;border-color:var(--accent)}.exam-result-page{justify-content:center;align-items:flex-start;padding:2rem 0;display:flex}.result-card{text-align:center;background:#fff;border-radius:1.5rem;width:100%;max-width:480px;padding:3rem 2.5rem;box-shadow:0 8px 40px #0000001a}.result-card.result-passed{border-top:6px solid #10b981}.result-card.result-failed{border-top:6px solid #ef4444}.result-icon{margin-bottom:1rem}.result-score{color:var(--text);margin:.5rem 0;font-size:4rem;font-weight:900}.result-detail{color:var(--secondary);margin-bottom:1rem}.ko-failed-msg{color:#be123c;background:#fff1f2;border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;display:flex}.result-hash{text-align:left;background:#f8fafc;border-radius:.5rem;margin:1rem 0 1.5rem;padding:.75rem 1rem;font-size:.8rem}.result-hash code{color:var(--secondary);word-break:break-all;margin-top:.25rem;font-family:monospace;display:block}.dashboard-hello{margin-bottom:1.5rem}.dashboard-subtitle{color:var(--secondary);margin-top:.25rem;font-size:.9rem}.stat-icon{margin-bottom:.75rem}.dashboard-row{flex-wrap:wrap;gap:1.5rem;display:flex}.dashboard-info{min-width:220px}.empty-hint{color:var(--secondary);margin-top:.5rem;font-size:.9rem}.info-list{color:var(--secondary);flex-direction:column;gap:.4rem;margin-top:1rem;font-size:.875rem;list-style:none;display:flex}.archive-filter-bar{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.archive-search{min-width:200px;color:var(--secondary);flex:1;align-items:center;gap:.5rem;display:flex}.archive-filter-btns{gap:.5rem;display:flex}.filter-btn{cursor:pointer;color:var(--secondary);background:#fff;border:1px solid #e2e8f0;border-radius:2rem;padding:.4rem .875rem;font-size:.8rem;font-weight:500;transition:all .15s}.filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.archive-list{flex-direction:column;gap:.75rem;display:flex}.archive-item{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 2px 8px #0000000f}.archive-item-header{cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:background .15s;display:flex}.archive-item-header:hover{background:#f8fafc}.archive-item-info{align-items:center;gap:.75rem;display:flex}.archive-item-title{font-weight:600}.archive-item-date{color:var(--secondary);font-size:.8rem}.archive-item-result{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.archive-item-detail{background:#fafafa;border-top:1px solid #e2e8f0;padding:1.25rem}.archive-hash{color:var(--secondary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.75rem;display:flex}.archive-hash code{word-break:break-all;font-family:monospace}.participant-detail-grid{grid-template-columns:1fr 1fr;gap:.5rem 1.5rem;margin-bottom:.75rem;font-size:.875rem;display:grid}@media (width<=600px){.participant-detail-grid{grid-template-columns:1fr}}.cert-badge{border-radius:.25rem;margin-left:.5rem;padding:.1rem .4rem;font-size:.7rem;font-weight:700;display:inline-block}.cert-expired{color:#b91c1c;background:#fee2e2}.cert-warn{color:#92400e;background:#fef3c7}.cert-warn-text{color:#b45309;font-weight:600}.participant-docs{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}.participant-docs h4{color:var(--secondary);margin-bottom:.5rem;font-size:.875rem}.doc-list{flex-direction:column;gap:.25rem;margin-bottom:.75rem;list-style:none;display:flex}.doc-list li{justify-content:space-between;font-size:.85rem;display:flex}.doc-link{color:var(--accent);text-decoration:none}.doc-link:hover{text-decoration:underline}.doc-date{color:var(--secondary);font-size:.75rem}.doc-upload{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.search-bar-card{align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem;display:flex}.search-input-naked{background:0 0;flex:1;border:none!important;outline:none!important;margin-top:0!important}.cert-verified{color:#10b981;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;display:flex}.archive-hash-naked{color:var(--secondary);border-top:none;padding:0 1rem 1rem 3.5rem;font-size:.8rem}.login-container{background:var(--background);height:100vh;display:flex;overflow:hidden}.login-sidebar{z-index:10;background:#fff;flex-direction:column;flex-shrink:0;justify-content:center;width:500px;padding:2rem 3rem;display:flex;overflow-y:auto;box-shadow:10px 0 25px -5px #0000000d}.login-header{text-align:center;margin-bottom:1.5rem}.login-logo{height:60px;margin-bottom:1rem}.login-label{color:#334155;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:flex}.login-input{border:1px solid #cbd5e1;border-radius:.5rem;outline:none;width:100%;padding:.875rem;transition:all .2s}.login-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb), .1)}.login-error{color:#b91c1c;background:#fee2e2;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem;font-size:.85rem;display:flex}.login-marketing{flex-direction:column;flex:1;justify-content:center;padding:4rem;display:flex;overflow-y:auto}.feature-item{align-items:flex-start;gap:1.25rem;display:flex}.feature-icon-box{border-radius:.75rem;justify-content:center;align-items:center;padding:.75rem;display:flex}.pricing-card{background:#fff;border:1px solid #f1f5f9;border-radius:1.25rem;align-items:center;gap:2rem;margin-top:2rem;padding:2rem;display:flex;box-shadow:0 10px 25px -5px #0000000d}.pricing-badge{background:var(--primary);color:#fff;text-transform:uppercase;border-radius:2rem;padding:.3rem .8rem;font-size:.7rem;font-weight:700}[data-theme=dark] .card,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] .detail-item strong{color:#f8fafc!important}[data-theme=dark] div[style*="background: '#f8fafc'"],[data-theme=dark] div[style*="background: 'white'"],[data-theme=dark] div[style*="background: white"],[data-theme=dark] div[style*="background: #f8fafc"],[data-theme=dark] div[style*="background: '#fffbeb'"],[data-theme=dark] div[style*="background: #fffbeb"]{color:#f8fafc!important;background:#00000026!important;border-color:#ffffff1a!important}[data-theme=dark] .form-input,[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{color:#f8fafc!important;background:#0003!important;border-color:#ffffff1a!important}[data-theme=dark] div[style*="color: '#1e293b'"],[data-theme=dark] div[style*="color: '#64748b'"],[data-theme=dark] div[style*="color: '#475569'"],[data-theme=dark] div[style*="color: '#94a3b8'"]{color:#cbd5e1!important}[data-theme=dark] div[style*="background: '#e2e8f0'"],[data-theme=dark] div[style*="background: #e2e8f0"],[data-theme=dark] div[style*="background: '#f1f5f9'"],[data-theme=dark] div[style*="background: #f1f5f9"],[data-theme=dark] button[style*="background: '#f1f5f9'"],[data-theme=dark] button[style*="background: #f1f5f9"],[data-theme=dark] button[style*="background: '#f8fafc'"],[data-theme=dark] button[style*="background: #f8fafc"]{color:var(--text-main)!important;background:#0000004d!important;border-color:#ffffff1a!important}[data-theme=dark] div[style*="background: '#e0f2fe'"],[data-theme=dark] div[style*="background: #e0f2fe"],[data-theme=dark] div[style*="background: '#ccfbf1'"],[data-theme=dark] div[style*="background: '#ecfccb'"]{background:rgba(var(--accent-rgb), .15)!important;color:var(--accent)!important}[data-theme=dark] div[style*="color: '#0369a1'"],[data-theme=dark] div[style*="color: '#334155'"]{color:#ebd5e1!important}.signature-pad-wrapper,[data-theme=dark] .signature-pad-wrapper{background:#fff!important}[data-theme=dark] .archive-item-header:hover{background:var(--bg-hover)!important}[data-theme=dark] .archive-item-detail{background:var(--bg-secondary)!important;border-top-color:var(--border)!important}[data-theme=dark] .archive-item{border-color:var(--border)!important;background:var(--bg-secondary)!important}[data-theme=dark] .archive-hash{background:var(--bg-hover)!important;color:var(--text-secondary)!important}[data-theme=dark] button[style*="background: 'white'"],[data-theme=dark] button[style*="background: white"]{background:var(--bg-secondary)!important;color:var(--text-primary)!important}[data-theme=dark] button[style*="background: 'linear-gradient"]{color:#fff!important}[data-theme=dark] div[style*="background: '#f0fdfa'"],[data-theme=dark] div[style*="background: #f0fdfa"]{background:rgba(var(--accent-rgb), .15)!important;border-color:var(--accent)!important}[data-theme=dark] .form-input[style*="background: 'white'"],[data-theme=dark] .form-input[style*="background: white"]{background:var(--bg-primary)!important;color:var(--text-primary)!important}[data-theme=dark] div[style*="background: 'white'"],[data-theme=dark] div[style*="background: white"]{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border)!important}[data-theme=dark] label[style*="color: '#1e293b'"],[data-theme=dark] label[style*="color: #1e293b"],[data-theme=dark] div[style*="color: '#0f172a'"],[data-theme=dark] div[style*="color: #0f172a"],[data-theme=dark] h2[style*="color: '#0f172a'"],[data-theme=dark] h2[style*="color: #0f172a"]{color:var(--text-primary)!important}[data-theme=dark] p[style*="color: '#64748b'"],[data-theme=dark] p[style*="color: #64748b"]{color:var(--text-secondary)!important}[data-theme=dark] .certificate-designer{background:var(--bg-secondary)!important;color:var(--text-primary)!important}[data-theme=dark] .certificate-preview{background:var(--bg-primary)!important;border-color:var(--border)!important}[data-theme=dark] .cert-builder-overlay{background:var(--bg-secondary)!important}[data-theme=dark] .cert-builder-content{background:var(--bg-primary)!important;color:var(--text-primary)!important}[data-theme=dark] .profile-info-text{color:var(--text-secondary)!important;background:var(--bg-hover)!important}[data-theme=dark] div[style*="background: '#f1f5f9'"]{background:var(--bg-hover)!important;color:var(--text-secondary)!important}[data-theme=dark] div[style*="background: 'white'"]{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border)!important}[data-theme=dark] div[style*="background: '#f0fdf4'"]{color:#4ade80!important;background:#16a34a1a!important;border-color:#15803d!important}[data-theme=dark] div[style*="background: '#fef2f2'"]{color:#f87171!important;background:#dc26261a!important;border-color:#991b1b!important}[data-theme=dark] span[style*="background: '#f1f5f9'"]{background:var(--bg-hover)!important;color:var(--text-secondary)!important}[data-theme=dark] span[style*="background: '#dcfce7'"]{color:#4ade80!important;background:#16a34a1a!important}[data-theme=dark] span[style*="background: '#fee2e2'"]{color:#f87171!important;background:#dc26261a!important}[data-theme=dark] button[style*="background: 'white'"],[data-theme=dark] button[style*="background: white"]{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border)!important}[data-theme=dark] button[style*="background: 'transparent'"],[data-theme=dark] button[style*="background: transparent"]{color:var(--text-secondary)!important}[data-theme=dark] div[style*="background: '#f8fafc'"],[data-theme=dark] div[style*="background: #f8fafc"]{background:var(--bg-hover)!important;color:var(--text-primary)!important;border-color:var(--border)!important}[data-theme=dark] svg[color=\#64748b]{stroke:var(--text-secondary)!important}[data-theme=dark] svg[color=\#0f172a],[data-theme=dark] svg[color=\#1e293b]{stroke:var(--text-primary)!important}[data-theme=dark] .ko-tag{color:#f87171!important;background:#dc26261a!important;border:1px solid #991b1b!important}.pool-card{background:var(--card-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--card-border);cursor:pointer;border-radius:1rem;flex-direction:column;gap:.5rem;padding:1.25rem 1.5rem;transition:transform .25s cubic-bezier(.25,.8,.25,1),box-shadow .25s cubic-bezier(.25,.8,.25,1),border-color .2s;display:flex;box-shadow:0 2px 8px #0000000d}.pool-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.question-card{background:var(--card-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--card-border);border-radius:1rem;align-items:flex-start;gap:1.25rem;padding:1.5rem;transition:box-shadow .25s,border-color .2s;display:flex;box-shadow:0 2px 8px #0000000a}.question-card:hover{border-color:var(--accent);box-shadow:0 6px 20px #00000014}.global-question-card{background:var(--card-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--card-border);border-radius:1rem;align-items:flex-start;gap:1rem;padding:1.5rem;transition:box-shadow .25s,border-color .2s;display:flex;box-shadow:0 2px 8px #0000000a}.global-question-card:hover{border-color:var(--accent);box-shadow:0 6px 20px #00000014}.media-card{background:var(--card-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--card-border);border-radius:.75rem;flex-direction:column;transition:transform .25s cubic-bezier(.25,.8,.25,1),box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000d}.media-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.media-card-img{aspect-ratio:4/3;object-fit:contain;background:var(--bg-secondary);width:100%;padding:.5rem}.media-card-body{border-top:1px solid var(--border);background:var(--bg-secondary);flex-direction:column;flex:1;gap:6px;padding:.75rem 1rem;display:flex}.badge{white-space:nowrap;border:1px solid #0000;border-radius:.4rem;align-items:center;gap:4px;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-neutral{background:var(--bg-hover);color:var(--text-secondary);border-color:var(--border)}.badge-easy{color:#16a34a;background:#22c55e1a;border-color:#22c55e40}.badge-medium{color:#a16207;background:#facc1526;border-color:#facc1559}.badge-hard{color:#dc2626;background:#ef44441a;border-color:#ef444440}.badge-ko{color:#ef4444;background:#ef44441a;border-color:#ef44444d}[data-theme=dark] .badge-easy{color:#4ade80}[data-theme=dark] .badge-medium{color:#fbbf24}[data-theme=dark] .badge-hard,[data-theme=dark] .badge-ko{color:#f87171}.answer-item{color:var(--text-secondary);align-items:center;gap:.5rem;padding:.2rem 0;font-size:.85rem;display:flex}.answer-item.correct{color:var(--text-primary);font-weight:500}.q-media-placeholder{border:2px dashed var(--border);background:var(--bg-secondary);width:110px;height:110px;color:var(--text-secondary);opacity:.6;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.q-media-img{border:1px solid var(--border);background:var(--bg-secondary);border-radius:.75rem;flex-shrink:0;width:110px;height:110px;overflow:hidden}.q-media-img img{object-fit:contain;width:100%;height:100%}.fade-in{animation:.4s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}body,.sidebar,.card,.btn,.content-main,.answer-list,.page-header,.settings-tabs,input,select{transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.loading-container{height:60vh;color:var(--primary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.spinner{border:4px solid rgba(var(--accent-rgb), .1);border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;margin:0 auto;animation:1s cubic-bezier(.5,.1,.4,.9) infinite spin}.spin{animation:1s linear infinite spin;display:inline-block}.page-content-wrapper{opacity:0}.btn-icon{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-icon:hover{color:#0f172a;background:#f1f5f9;transform:scale(1.05)}.btn-icon.danger:hover{color:#ef4444;background:#fee2e2}.btn-icon.primary:hover{background:rgba(var(--accent-rgb), .1);color:var(--accent)}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.contacts-search-bar{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;align-items:center;gap:.75rem;margin-bottom:2rem;padding:.75rem 1rem;display:flex;box-shadow:0 1px 3px #0000000d}.contacts-search-input{width:100%;color:var(--text);background:0 0;border:none;outline:none;font-size:.95rem}.contacts-section{margin-bottom:2.5rem}.contacts-section-title{color:var(--text);border-bottom:1px solid var(--card-border);align-items:center;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.5rem;font-size:1.25rem;font-weight:600;display:flex}.contacts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.contact-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;align-items:flex-start;gap:1rem;padding:1.25rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000d}.contact-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000013}.contact-avatar{background:rgba(var(--accent-rgb), .1);width:44px;height:44px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.05rem;font-weight:600;display:flex}.contact-card-content{flex:1;min-width:0}.contact-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:1rem;font-weight:600;overflow:hidden}.contact-badge{border-radius:1rem;margin-bottom:.75rem;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.contact-badge-admin{background:rgba(var(--accent-rgb), .1);color:var(--accent)}.contact-badge-examiner{color:#2563eb;background:#3b82f61a}.contact-badge-participant{color:#059669;background:#10b9811a}.contact-badge-group{color:#d97706;background:#f59e0b1a}.contact-details{color:var(--secondary);flex-direction:column;gap:.5rem;font-size:.85rem;display:flex}.contact-detail-item{color:inherit;align-items:center;gap:.5rem;text-decoration:none;transition:color .15s;display:flex}.contact-detail-item:hover{color:var(--accent)}.contact-detail-item svg{color:var(--secondary);opacity:.7}.contacts-info-alert{background:rgba(var(--accent-rgb), .05);border:1px solid rgba(var(--accent-rgb), .15);color:var(--secondary);border-radius:.75rem;align-items:flex-start;gap:.75rem;margin-bottom:2rem;padding:1rem;font-size:.9rem;line-height:1.4;display:flex}.contacts-info-alert svg{color:var(--accent);flex-shrink:0;margin-top:.125rem}.docx-viewer-content{color:#1e293b;font-size:1rem;line-height:1.8}.docx-viewer-content h1,.docx-viewer-content h2,.docx-viewer-content h3{color:var(--text-main,#0f172a);margin-top:1.5rem;margin-bottom:.75rem;font-weight:700}.docx-viewer-content h1{border-bottom:1px solid #e2e8f0;padding-bottom:.5rem;font-size:1.75rem}.docx-viewer-content h2{font-size:1.4rem}.docx-viewer-content h3{font-size:1.15rem}.docx-viewer-content p{margin-bottom:1rem}.docx-viewer-content ul,.docx-viewer-content ol{margin-bottom:1rem;padding-left:1.5rem}.docx-viewer-content li{margin-bottom:.25rem}.docx-viewer-content table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.9rem}.docx-viewer-content th,.docx-viewer-content td{text-align:left;border:1px solid #cbd5e1;padding:8px 12px}.docx-viewer-content th{background:#f1f5f9;font-weight:600}.excel-preview-table th{font-weight:600!important}.excel-preview-table tr:hover{background-color:#f1f5f9!important}.page-campus-lms{z-index:1;background:var(--bg-primary,#fafbff);min-height:100vh;position:relative;overflow-x:clip}.page-campus-lms:before{content:"";filter:blur(8px);opacity:.15;z-index:-2;pointer-events:none;background:url(/campus-bg.jpg) 50%/cover no-repeat fixed;position:absolute;inset:0}.page-campus-lms:after{display:none}.campus-header{z-index:50;-webkit-backdrop-filter:blur(20px);background:#ffffffbf;border-bottom:1px solid #e2e8f0cc;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 3rem;transition:background .3s,border-color .3s;display:flex;position:sticky;top:0;box-shadow:0 4px 30px #00000008}[data-theme=dark] .campus-header{background:#0f172abf;border-bottom-color:#ffffff14;box-shadow:0 4px 30px #0003}.campus-nav-list{align-items:center;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.campus-nav-item{color:var(--text-secondary,#64748b);border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.campus-nav-item:hover{color:var(--accent);background:#4f46e50f}.campus-nav-item.active{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-gradient-end) 100%);box-shadow:0 4px 14px #4f46e540;color:#fff!important}.premium-icon-box{background:linear-gradient(135deg,#ffffffe6 0%,#f1f5f9e6 100%);border:1px solid #e2e8f0cc;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 4px 12px #00000008}[data-theme=dark] .premium-icon-box{background:linear-gradient(135deg,#1e293be6 0%,#0f172ae6 100%);border-color:#ffffff14}.premium-icon-box:hover{border-color:#4f46e54d;transform:translateY(-2px)scale(1.05);box-shadow:0 6px 20px #4f46e526}.premium-icon-box.indigo{color:#4f46e5}.premium-icon-box.blue{color:#3b82f6}.premium-icon-box.green{color:#10b981}.premium-icon-box.orange{color:#f59e0b}.premium-icon-box.red{color:#ef4444}.premium-icon-box.indigo:hover{box-shadow:0 6px 20px #4f46e540}.premium-icon-box.blue:hover{box-shadow:0 6px 20px #3b82f640}.premium-icon-box.green:hover{box-shadow:0 6px 20px #10b98140}.premium-icon-box.orange:hover{box-shadow:0 6px 20px #f59e0b40}.premium-icon-box:before{content:"";-webkit-mask-composite:xor;pointer-events:none;opacity:0;background:linear-gradient(135deg,#4f46e566 0%,#3b82f666 100%);border-radius:16px;padding:2px;transition:opacity .3s;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.premium-icon-box:hover:before{opacity:1}.premium-icon-box svg{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.premium-icon-box:hover svg{transform:rotate(10deg)scale(1.1)}.premium-course-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;height:100%;padding:2rem;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000005}.premium-course-card:hover{box-shadow:0 12px 30px rgba(var(--accent-rgb), .12);border-color:var(--accent);transform:translateY(-5px)}.premium-course-card:after{content:"";background:linear-gradient(to bottom, var(--accent) 0%, var(--accent-gradient-end) 100%);border-radius:0 4px 4px 0;width:4px;height:100%;position:absolute;top:0;right:0}@media (width<=1024px){.efront-grid{grid-template-columns:1fr!important}}@media (width<=768px){.premium-course-card{text-align:center;justify-items:center;grid-template-columns:1fr!important;gap:1.25rem!important}}input[type=file]{color:var(--text-secondary);background:var(--bg-secondary,#f8fafc);border:1px dashed var(--border,#cbd5e1);cursor:pointer;border-radius:10px;padding:6px 10px;font-size:.78rem;transition:all .2s}input[type=file]:hover{border-color:var(--accent,#40c4aa);background:#40c4aa0a}input[type=file]::file-selector-button{background:var(--accent,#40c4aa);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-right:10px;padding:6px 12px;font-size:.74rem;font-weight:700;transition:background .2s}input[type=file]::file-selector-button:hover{background:#33b198}.classroom-transition-overlay{z-index:100000;color:#fff;pointer-events:all;opacity:0;visibility:hidden;background:radial-gradient(circle,#071f1a 0%,#030a08 100%);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .5s cubic-bezier(.4,0,.2,1),visibility .5s;display:flex;position:fixed;top:0;left:0}.classroom-transition-overlay.active{opacity:1;visibility:visible}.classroom-transition-content{text-align:center;z-index:2;flex-direction:column;justify-content:center;align-items:center;transition:transform .6s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;transform:scale(.9)}.classroom-transition-overlay.active .classroom-transition-content{transform:scale(1)}.classroom-transition-logo{object-fit:contain;filter:drop-shadow(0 0 30px #00bfa599);width:96px;height:96px;animation:2s ease-in-out infinite portalPulse}.classroom-transition-text{letter-spacing:.05em;background:linear-gradient(135deg,#fff 0%,#00bfa5 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 40px #00bfa533;-webkit-background-clip:text;margin-top:1.5rem;font-size:1.6rem;font-weight:900}.classroom-transition-sub{color:#00bfa599;text-transform:uppercase;letter-spacing:.3em;margin-top:.5rem;font-size:.72rem;font-weight:800;animation:1.5s infinite alternate pulse}.classroom-transition-glow{pointer-events:none;z-index:1;background:radial-gradient(circle,#00bfa51a 0%,#0000 70%);width:400px;height:400px;animation:10s linear infinite rotateGlow;position:absolute}@keyframes portalPulse{0%,to{filter:drop-shadow(0 0 25px #00bfa580);transform:scale(1)rotate(0)}50%{filter:drop-shadow(0 0 50px #00bfa5d9);transform:scale(1.1)rotate(10deg)}}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-flip-container,.classroom-logo-flip{perspective:1000px;cursor:pointer;width:160px;height:48px;margin-bottom:0;position:relative}.logo-flip-inner,.classroom-logo-flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative}.classroom-logo-flip:hover .classroom-logo-flip-inner,.logo-flip-container.flipped .logo-flip-inner{transform:rotateY(180deg)}.logo-flip-container.flipped:hover .logo-flip-inner{transform:rotateY(0)}.logo-flip-front,.logo-flip-back,.classroom-logo-flip-front,.classroom-logo-flip-back{backface-visibility:hidden;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.logo-flip-front,.classroom-logo-flip-front{z-index:2;transform:rotateY(0)}.logo-flip-back,.classroom-logo-flip-back{z-index:1;transform:rotateY(180deg)}.sidebar-logo{width:160px;margin-bottom:0;transition:filter .3s}[data-theme=dark] .sidebar-logo{filter:brightness(0)invert()}.tenant-logo{object-fit:contain;max-width:150px;max-height:28px;display:block}