:root{--bg-dark:#070b14;--bg-card:#0f172ac7;--bg-card-border:#ffffff1f;--primary:#fb8500;--primary-glow:#fb850059;--accent:#ffb703;--success:#06d6a0;--success-glow:#06d6a04d;--danger:#ef476f;--danger-glow:#ef476f59;--info:#00b4d8;--text-main:#f8fafc;--text-muted:#94a3b8;--font-main:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{background-color:var(--bg-dark);width:100%;height:100%;font-family:var(--font-main);color:var(--text-main);overflow:hidden}#canvas-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#crosshair{pointer-events:none;z-index:5;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair-dot{background:#fff;border-radius:50%;width:4px;height:4px;box-shadow:0 0 8px #fffc}.crosshair-ring{border:1.5px solid #ffb70373;border-radius:50%;width:24px;height:24px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair.active .crosshair-ring{border-color:#06d6a0;width:38px;height:38px;box-shadow:0 0 15px #06d6a099}#hud{z-index:10;pointer-events:none;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:1.2rem 1.6rem;display:flex;position:absolute;top:0;left:0}.hud-top-bar{pointer-events:auto;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.brand-badge{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--bg-card-border);border-radius:50px;align-items:center;gap:.85rem;padding:.6rem 1.2rem;display:flex;box-shadow:0 8px 32px #0006}.brand-icon{color:#121826;width:38px;height:38px;box-shadow:0 0 15px var(--primary-glow);background:linear-gradient(135deg,#fb8500,#ffb703);border-radius:50%;justify-content:center;align-items:center;font-size:1.15rem;display:flex}.brand-text{flex-direction:column;display:flex}.brand-title{letter-spacing:.08em;color:#fff;font-size:1.05rem;font-weight:800}.brand-sub{color:var(--accent);letter-spacing:.12em;font-size:.72rem;font-weight:600}.mission-status-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--bg-card-border);border-radius:16px;flex-direction:column;gap:.4rem;min-width:260px;padding:.6rem 1.4rem;display:flex;box-shadow:0 8px 32px #0006}.status-item{justify-content:space-between;align-items:center;display:flex}.status-item .label{color:var(--accent);align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;display:flex}.counter-wrap{font-family:var(--font-mono);font-weight:700}.counter-wrap #hazards-found{color:var(--success);font-size:1.25rem}.counter-wrap .total{color:var(--text-muted);font-size:.9rem}.progress-bar-container{background:#ffffff14;border-radius:10px;width:100%;height:6px;overflow:hidden}#hazard-progress-bar{height:100%;box-shadow:0 0 10px var(--success-glow);background:linear-gradient(90deg,#ffb703,#06d6a0);border-radius:10px;transition:width .5s cubic-bezier(.4,0,.2,1)}.stats-group{align-items:center;gap:.8rem;display:flex}.stat-pill{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--bg-card-border);font-family:var(--font-mono);border-radius:50px;align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex;box-shadow:0 8px 32px #0006}.score-pill i{color:var(--accent)}.score-pill .stat-val{color:#fff;font-size:1.15rem;font-weight:700}.score-pill .stat-unit{color:var(--text-muted);font-size:.65rem;font-weight:600}.timer-pill i{color:var(--info)}.timer-pill .stat-val{color:#fff;font-size:1.15rem;font-weight:700}.btn-icon{border:1px solid var(--bg-card-border);background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:44px;height:44px;color:var(--text-main);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex}.btn-icon:hover{background:#ffffff26;transform:translateY(-2px)}.btn-primary-sm{border:1px solid var(--primary);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#fb850033,#ffb70333);border-radius:50px;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .25s;display:flex}.btn-primary-sm:hover{background:var(--primary);color:#121826;box-shadow:0 0 20px var(--primary-glow);transform:translateY(-2px)}.interaction-prompt{border:1.5px solid var(--accent);box-shadow:0 10px 30px #000000b3, 0 0 20px var(--primary-glow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:auto;cursor:pointer;background:#0f172ae6;border-radius:50px;align-items:center;gap:.8rem;padding:.8rem 1.5rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);animation:2s ease-in-out infinite pulsePrompt;display:flex;position:absolute;bottom:24%;left:50%;transform:translate(-50%)}.interaction-prompt.hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(20px)}@keyframes pulsePrompt{0%,to{box-shadow:0 0 15px #ffb70366}50%{box-shadow:0 0 30px #ffb703d9}}.prompt-icon{color:var(--accent);font-size:1.25rem}.prompt-key{background:var(--accent);color:#121826;font-weight:800;font-family:var(--font-mono);border-radius:6px;margin-right:.3rem;padding:.2rem .6rem}.prompt-tap{color:var(--accent);margin-right:.5rem;font-weight:700}.prompt-text{color:#fff;font-size:.95rem;font-weight:600}.hud-bottom-bar{pointer-events:auto;justify-content:space-between;align-items:flex-end;display:flex}.controls-guide{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--bg-card-border);border-radius:16px;gap:1.2rem;padding:.75rem 1.25rem;display:flex}.guide-item{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.8rem;display:flex}.guide-item kbd{font-family:var(--font-mono);color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;padding:.15rem .4rem;font-size:.72rem;font-weight:600}.radar-box{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--bg-card-border);border-radius:20px;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem .8rem;display:flex;box-shadow:0 8px 32px #00000080}.radar-header{color:var(--info);letter-spacing:.1em;font-size:.68rem;font-weight:800}.radar-canvas-wrap{background:#070b14d9;border:1px solid #00b4d84d;border-radius:12px;width:130px;height:130px;position:relative;overflow:hidden}#mobile-controls{pointer-events:auto;justify-content:space-between;align-items:flex-end;width:100%;margin-bottom:1rem;display:none}#joystick-zone{touch-action:none;background:#ffffff14;border:2px solid #fff3;border-radius:50%;width:110px;height:110px;position:relative}#joystick-knob{background:var(--accent);width:44px;height:44px;box-shadow:0 0 15px var(--primary-glow);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#mobile-interact-btn{background:linear-gradient(135deg, var(--primary), var(--accent));color:#121826;width:80px;height:80px;box-shadow:0 0 25px var(--primary-glow);border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;font-size:.75rem;font-weight:800;display:flex}#mobile-interact-btn i{font-size:1.4rem}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:100;opacity:0;pointer-events:none;background:#070b14d9;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem;transition:opacity .35s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-card{border:1px solid var(--bg-card-border);background:#0f172af2;border-radius:24px;flex-direction:column;gap:1.5rem;width:100%;max-width:680px;max-height:92vh;padding:2rem 2.2rem;transition:transform .35s cubic-bezier(.175,.885,.32,1.275);display:flex;overflow-y:auto;transform:scale(.92);box-shadow:0 25px 60px #000c,0 0 35px #fb850026}.modal-overlay.active .modal-card{transform:scale(1)}.modal-header{flex-direction:column;gap:.4rem;display:flex}.modal-logo{background:linear-gradient(135deg, var(--primary), var(--accent));color:#121826;width:56px;height:56px;box-shadow:0 0 25px var(--primary-glow);border-radius:16px;justify-content:center;align-items:center;margin-bottom:.6rem;font-size:1.8rem;display:flex}.modal-header h2{color:#fff;font-size:1.6rem;font-weight:800;line-height:1.25}.modal-header .subtitle{color:var(--text-muted);font-size:.95rem}.briefing-box{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:1rem;padding:1.2rem;display:flex}.briefing-box h3{color:var(--accent);align-items:center;gap:.5rem;font-size:1.05rem;display:flex}.briefing-box p{color:#cbd5e1;font-size:.92rem;line-height:1.6}.rules-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:.5rem;display:grid}.rule-col{text-align:center;background:#ffffff08;border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .8rem;display:flex}.rule-col i{color:var(--accent);margin-bottom:.2rem;font-size:1.5rem}.rule-col h4{color:#fff;font-size:.85rem;font-weight:700}.rule-col span{color:var(--text-muted);font-size:.72rem;line-height:1.4}.player-input-row{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.player-input-row label{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.player-input-row input{border:1px solid var(--bg-card-border);color:#fff;font-size:1rem;font-family:var(--font-main);background:#00000059;border-radius:12px;outline:none;padding:.8rem 1rem;transition:all .2s}.player-input-row input:focus{border-color:var(--accent);box-shadow:0 0 15px var(--primary-glow)}.btn-start{background:linear-gradient(135deg, var(--primary), var(--accent));color:#121826;cursor:pointer;width:100%;box-shadow:0 8px 30px var(--primary-glow);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.8rem;padding:1.1rem;font-size:1.1rem;font-weight:800;transition:all .25s;display:flex}.btn-start:hover{transform:translateY(-2px);box-shadow:0 12px 35px #fb850080}.hazard-badge-strip{gap:.6rem;display:flex}.badge-danger-level{background:var(--danger);color:#fff;letter-spacing:.05em;box-shadow:0 0 15px var(--danger-glow);border-radius:50px;padding:.25rem .65rem;font-size:.72rem;font-weight:800}.badge-category{color:var(--text-muted);background:#ffffff14;border-radius:50px;padding:.25rem .65rem;font-size:.72rem;font-weight:600}.mevzuat-tag{color:var(--info);align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;display:flex}.hazard-desc-box{background:#ef476f14;border:1px solid #ef476f40;border-radius:14px;align-items:flex-start;gap:1rem;margin-bottom:1.2rem;padding:1rem 1.2rem;display:flex}.desc-icon{color:var(--danger);margin-top:.1rem;font-size:1.5rem}.desc-content h4{color:#fff;margin-bottom:.2rem;font-size:.88rem}.desc-content p{color:#cbd5e1;font-size:.85rem;line-height:1.5}.quiz-container{flex-direction:column;gap:.8rem;display:flex}.quiz-title{color:var(--accent);align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;line-height:1.4;display:flex}.options-list{flex-direction:column;gap:.6rem;display:flex}.quiz-option{cursor:pointer;color:#e2e8f0;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:.8rem;padding:.9rem 1.1rem;font-size:.88rem;line-height:1.4;transition:all .2s;display:flex}.quiz-option:hover:not(.disabled){border-color:var(--accent);background:#ffffff14;transform:translate(4px)}.quiz-option.correct{box-shadow:0 0 15px var(--success-glow);border-color:var(--success)!important;color:#fff!important;background:#06d6a026!important}.quiz-option.wrong{box-shadow:0 0 15px var(--danger-glow);border-color:var(--danger)!important;color:#fff!important;background:#ef476f26!important}.quiz-option.disabled{cursor:default;opacity:.7}.quiz-feedback{border-radius:12px;align-items:flex-start;gap:.8rem;margin-top:1rem;padding:1rem;animation:.3s fadeIn;display:flex}.quiz-feedback.success{border:1px solid var(--success);background:#06d6a01f}.quiz-feedback.danger{border:1px solid var(--danger);background:#ef476f1f}.quiz-feedback.hidden{display:none}.btn-secondary{border:1px solid var(--bg-card-border);color:#fff;cursor:pointer;background:#ffffff14;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.9rem 1.6rem;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.btn-secondary:hover:not(:disabled){background:#ffffff2e;border-color:#fff}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.finish-card{max-width:720px}.trophy-icon{color:var(--accent);filter:drop-shadow(0 0 20px var(--primary-glow));margin-bottom:.4rem;font-size:2.8rem}.certificate-container{color:#0f172a;background:#fff;border-radius:16px;padding:1rem;box-shadow:0 10px 30px #00000080}.cert-border{background:#fafaf9;border:3px solid #0f172a;border-radius:10px;flex-direction:column;gap:1.2rem;padding:1.5rem 1.8rem;display:flex;position:relative}.cert-header{border-bottom:2px solid #e2e8f0;justify-content:space-between;align-items:center;padding-bottom:.8rem;display:flex}.cert-logo{color:#0f172a;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:900;display:flex}.cert-logo i{color:#fb8500}.cert-title-block{text-align:right}.cert-title-block h3{letter-spacing:.05em;color:#1e293b;font-size:.85rem;font-weight:800}.cert-code{font-size:.7rem;font-family:var(--font-mono);color:#64748b}.cert-body{text-align:center;flex-direction:column;gap:.6rem;display:flex}.cert-text-intro{color:#64748b;font-size:.85rem}.cert-recipient{color:#0f172a;border-bottom:2px dashed #cbd5e1;margin:.2rem auto;padding-bottom:.3rem;font-size:1.6rem;font-weight:900;display:inline-block}.cert-desc{color:#334155;max-width:520px;margin:0 auto;font-size:.85rem;line-height:1.5}.cert-stats-row{background:#f1f5f9;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:.8rem;padding:.8rem;display:grid}.cert-stat .label{color:#64748b;font-size:.7rem;font-weight:600;display:block}.cert-stat strong{color:#0f172a;font-size:1.1rem;font-family:var(--font-mono)}.cert-stat .grade{color:#059669}.cert-footer{border-top:2px solid #e2e8f0;justify-content:space-between;align-items:flex-end;padding-top:.8rem;display:flex}.cert-qr-box{flex-direction:column;align-items:center;gap:.3rem;display:flex}.cert-qr-box span{color:#64748b;font-size:.65rem}.cert-sign{flex-direction:column;align-items:center;gap:.2rem;display:flex}.sign-line{background:#0f172a;width:140px;height:1px;margin-bottom:.3rem}.cert-sign span{color:#0f172a;font-size:.75rem;font-weight:700}.cert-sign small{color:#64748b;font-size:.68rem}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--accent));color:#121826;cursor:pointer;box-shadow:0 4px 20px var(--primary-glow);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;padding:.9rem 1.6rem;font-size:.95rem;font-weight:800;transition:all .2s;display:flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #fb850073}.flex-center-gap{gap:1rem;width:100%;display:flex}.flex-center-gap button{flex:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.user-session-pill{-webkit-backdrop-filter:blur(16px);background:#0f172ad9;border:1px solid #ffffff1f;border-radius:50px;align-items:center;gap:.65rem;padding:.35rem .75rem;display:flex;box-shadow:0 4px 18px #0000004d}.user-avatar-sm{color:#fff;background:linear-gradient(135deg,#00b4d8,#0077b6);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;display:flex;box-shadow:0 0 8px #00b4d866}.user-meta-sm{flex-direction:column;line-height:1.15;display:flex}.user-name-text{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.85rem;font-weight:700;overflow:hidden}.user-role-tag{color:var(--accent);font-size:.68rem;font-weight:500}.btn-logout-tiny{color:#ef476f;cursor:pointer;background:#ef476f26;border:1px solid #ef476f4d;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-left:.2rem;font-size:.75rem;transition:all .2s;display:flex}.btn-logout-tiny:hover{color:#fff;background:#ef476f;transform:scale(1.1);box-shadow:0 0 10px #ef476f80}.auth-card{border:1px solid #fb850040;max-width:580px;box-shadow:0 25px 60px #000000d9,0 0 40px #fb850033}.auth-header{text-align:left;border-bottom:1px solid #ffffff14;padding-bottom:1.2rem;position:relative}.auth-brand-strip{align-items:center;gap:1.1rem;display:flex}.pulse-shield{animation:3s ease-in-out infinite pulseGlow}.auth-titles h2{letter-spacing:.5px;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:900}.auth-sub-brand{color:var(--accent);letter-spacing:1px;margin-top:.15rem;font-size:.8rem;font-weight:700;display:block}.auth-security-tag{color:#06d6a0;background:#06d6a01a;border:1px solid #06d6a04d;border-radius:50px;align-items:center;gap:.5rem;width:fit-content;margin-top:.8rem;padding:.3rem .8rem;font-size:.78rem;font-weight:600;display:inline-flex}.auth-body form{flex-direction:column;gap:1.1rem;display:flex}.form-group{flex-direction:column;gap:.45rem;display:flex}.form-group label{color:#cbd5e1;align-items:center;gap:.45rem;font-size:.84rem;font-weight:600;display:flex}.form-group label i{color:var(--accent);font-size:.88rem}.input-icon-wrap{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);pointer-events:none;font-size:1rem;transition:color .2s;position:absolute;left:1.1rem}.auth-input{color:#fff;width:100%;font-size:.95rem;font-family:var(--font-main);background:#0a0f1dbf;border:1px solid #ffffff1f;border-radius:12px;outline:none;padding:.85rem 1rem .85rem 2.85rem;transition:all .25s}.auth-input:focus{border-color:var(--primary);background:#0f172af2;box-shadow:0 0 16px #fb850040}.auth-input:focus+.input-icon,.input-icon-wrap:focus-within .input-icon{color:var(--primary)}.btn-pwd-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.4rem;font-size:1.1rem;transition:color .2s;position:absolute;right:.85rem}.btn-pwd-toggle:hover{color:#fff}.form-row-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.select-wrap select{appearance:none;cursor:pointer;padding-right:2.2rem}.select-wrap:after{content:"";color:var(--text-muted);pointer-events:none;font-family:"Font Awesome 6 Free";font-size:.75rem;font-weight:900;position:absolute;right:1.1rem}.auth-select{color:#fff;width:100%;font-size:.88rem;font-family:var(--font-main);background:#0a0f1dbf;border:1px solid #ffffff1f;border-radius:12px;outline:none;padding:.85rem 1rem .85rem 2.85rem;transition:all .25s}.auth-select option{color:#fff;background:#0f172a}.auth-select:focus{border-color:var(--primary);box-shadow:0 0 16px #fb850040}.auth-options-row{justify-content:space-between;align-items:center;margin-top:.2rem;display:flex}.remember-checkbox{cursor:pointer;color:#94a3b8;align-items:center;gap:.6rem;font-size:.84rem;display:flex}.remember-checkbox input{display:none}.custom-chk{background:#ffffff0f;border:1.5px solid #ffffff40;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.custom-chk i{color:#fff;opacity:0;font-size:.65rem;transition:all .2s;transform:scale(.5)}.remember-checkbox input:checked+.custom-chk{background:var(--primary);border-color:var(--primary)}.remember-checkbox input:checked+.custom-chk i{opacity:1;transform:scale(1)}.security-info{color:#06d6a0;align-items:center;gap:.4rem;font-size:.78rem;display:flex}.auth-error-msg{color:#ff6b8b;background:#ef476f26;border:1px solid #ef476f66;border-radius:10px;align-items:center;gap:.6rem;padding:.75rem 1rem;font-size:.85rem;animation:.3s fadeIn;display:flex}.auth-error-msg.hidden{display:none!important}.auth-actions{flex-direction:column;gap:.75rem;margin-top:.4rem;display:flex}.auth-submit-btn{letter-spacing:.5px;color:#0a0f1d;background:linear-gradient(135deg,#fb8500,#ffb703);border-radius:14px;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:1rem;font-size:1rem;font-weight:800;display:flex;box-shadow:0 6px 25px #fb850066}.btn-quick-demo{width:100%;color:var(--accent);cursor:pointer;background:#ffffff0d;border:1px dashed #ffb70373;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.88rem;font-weight:600;transition:all .25s;display:flex}.btn-quick-demo:hover{border-color:var(--accent);background:#ffb7031f;transform:translateY(-1px);box-shadow:0 0 15px #ffb70340}.auth-footer{border-top:1px solid #ffffff0f;padding-top:1rem}.footer-osgb-text{color:var(--text-muted);text-align:center;justify-content:center;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.footer-osgb-text i{color:var(--accent)}.briefing-user-banner{background:#fb850014;border:1px solid #fb850040;border-radius:14px;align-items:center;gap:.9rem;margin-top:.8rem;padding:.75rem 1.1rem;display:flex}.banner-avatar{background:linear-gradient(135deg, var(--primary), var(--accent));color:#121826;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.banner-info{flex-direction:column;flex:1;display:flex}.banner-greeting{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.72rem}.banner-name{color:#fff;font-size:1rem;font-weight:800}.banner-role{color:var(--accent);font-size:.78rem;font-weight:500}.btn-change-user{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.78rem;transition:all .2s;display:flex}.btn-change-user:hover{color:#fff;background:#ffffff26}.cert-recipient-role{color:#ffb703;letter-spacing:.3px;margin-bottom:.75rem;font-size:.92rem;font-weight:700}@media (width<=768px){#hud{padding:.8rem}.brand-text,.controls-guide,.radar-box{display:none}.mission-status-card{min-width:170px;padding:.4rem .8rem}.user-meta-sm{display:none}.form-row-2{grid-template-columns:1fr}#mobile-controls{display:flex}.rules-grid{grid-template-columns:1fr}.modal-card{padding:1.4rem}}.btn-course-switcher{color:#f8fafc;font-family:var(--font-main);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#0f172ad9;border:1px solid #38bdf866;border-radius:30px;align-items:center;gap:.6rem;padding:.45rem .9rem;transition:all .25s;display:flex;box-shadow:0 4px 15px #00000059,0 0 12px #38bdf833}.btn-course-switcher:hover{border-color:#38bdf8;transform:translateY(-1px);box-shadow:0 4px 20px #38bdf866}.btn-pulse-dot{background:#06d6a0;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulseGlow;box-shadow:0 0 8px #06d6a0}.course-tag-inner{letter-spacing:.5px;color:#f8fafc;align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;display:flex}.course-tag-inner i{color:#38bdf8}.btn-switch-badge{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d;border-radius:12px;align-items:center;gap:.3rem;padding:.2rem .5rem;font-size:.72rem;font-weight:600;display:flex}.btn-vr-toggle{color:#fff;font-family:var(--font-main);cursor:pointer;pointer-events:auto;background:linear-gradient(135deg,#7c3aed,#4f46e5);border:1px solid #a78bfa80;border-radius:20px;align-items:center;gap:.5rem;padding:.45rem .9rem;font-size:.82rem;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 15px #7c3aed66}.btn-vr-toggle:hover{border-color:#c4b5fd;transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed99}.btn-vr-toggle.vr-supported{animation:2.5s infinite pulseVR}@keyframes pulseVR{0%,to{box-shadow:0 4px 15px #7c3aed66}50%{box-shadow:0 0 25px #a855f7cc,0 0 5px #fff}}.btn-cardboard-toggle{color:#cbd5e1;font-family:var(--font-main);cursor:pointer;pointer-events:auto;background:#1e293bcc;border:1px solid #fff3;border-radius:20px;align-items:center;gap:.4rem;padding:.45rem .8rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.btn-cardboard-toggle:hover,.btn-cardboard-toggle.active{color:#fff;background:#38bdf840;border-color:#38bdf8}.vr-guide-pill{color:#c4b5fd!important;background:#7c3aed40!important;border:1px solid #a78bfa66!important}.gaze-svg-progress{pointer-events:none;opacity:0;width:44px;height:44px;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gaze-circle-bg{fill:none;stroke:#ffffff26;stroke-width:2.5px}.gaze-circle-bar{fill:none;stroke:#06d6a0;stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:113.09;stroke-dashoffset:113.09px;transform-origin:50%;transition:stroke-dashoffset 50ms linear;transform:rotate(-90deg)}#crosshair.gazing .gaze-svg-progress{opacity:1}#crosshair.gazing .gaze-circle-bar{animation:1.4s linear forwards fillGaze}@keyframes fillGaze{0%{stroke-dashoffset:113.09px}to{stroke-dashoffset:0}}.courses-card{flex-direction:column;display:flex;width:95%!important;max-width:1060px!important;max-height:92vh!important}.courses-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-bottom:1.2rem;display:flex}.courses-header-titles{align-items:center;gap:1.2rem;display:flex}.pulse-vr{color:#fff;background:linear-gradient(135deg,#7c3aed,#4f46e5);box-shadow:0 0 20px #7c3aed80}.btn-close-modal{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;transition:all .2s;display:flex}.btn-close-modal:hover{color:#fff;background:#ef444440;border-color:#ef4444}.courses-body{padding:1.2rem .4rem;overflow-y:auto}.courses-banner-strip{flex-wrap:wrap;gap:1rem;margin-bottom:1.4rem;display:flex}.strip-item{color:#93c5fd;background:#1e293b99;border:1px solid #38bdf840;border-radius:12px;align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.82rem;font-weight:600;display:flex}.strip-item i{color:#38bdf8}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.2rem;display:grid}.course-select-card{cursor:pointer;background:#0f172abf;border:1.5px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:.75rem;padding:1.4rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.course-select-card:before{content:"";opacity:0;background:linear-gradient(90deg,#38bdf8,#818cf8);height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.course-select-card:hover{background:#162036d9;border-color:#38bdf880;transform:translateY(-5px);box-shadow:0 10px 30px #0006,0 0 20px #38bdf833}.course-select-card:hover:before{opacity:1}.course-select-card.active-course{background:#0a232dd9;border-color:#06d6a0;box-shadow:0 0 25px #06d6a04d}.course-select-card.active-course:before{opacity:1;background:#06d6a0}.card-badge-row{justify-content:space-between;align-items:center;display:flex}.card-vr-pill{color:#c4b5fd;background:#7c3aed40;border:1px solid #a78bfa66;border-radius:20px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:flex}.card-hazards-pill{color:#fca5a5;background:#ef476f26;border:1px solid #ef476f4d;border-radius:20px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:flex}.card-icon-circle{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-top:.3rem;font-size:1.6rem;display:flex}.course-select-card:hover .card-icon-circle{transition:transform .2s;transform:scale(1.08)}.card-title{color:#fff;margin-top:.2rem;font-size:1.2rem;font-weight:800}.card-tagline{color:#ffb703;font-size:.8rem;font-weight:600;line-height:1.3}.card-desc{color:#94a3b8;flex-grow:1;font-size:.82rem;line-height:1.45}.card-footer-action{margin-top:.6rem}.btn-active-now{color:#06d6a0;background:#06d6a033;border:1px solid #06d6a0;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.6rem;font-weight:700;display:flex}.courses-footer{border-top:1px solid #ffffff14;justify-content:center;padding-top:1rem;display:flex}.hint-text{color:#94a3b8;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.hint-text i{color:#facc15}.briefing-course-header{flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:.6rem;display:flex}.briefing-badge{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#7c3aed,#4f46e5);border-radius:20px;padding:.25rem .65rem;font-size:.72rem;font-weight:800}.briefing-hazard-pill{color:#fca5a5;background:#ef476f33;border:1px solid #ef476f66;border-radius:14px;margin-left:auto;padding:.2rem .6rem;font-size:.78rem;font-weight:700}.btn-courses-secondary{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-courses-secondary:hover{color:#fff;background:#38bdf826;border-color:#38bdf8}.flex-space-between{justify-content:space-between;align-items:center;width:100%;display:flex}.hub-card{flex-direction:column;display:flex;width:94%!important;max-width:980px!important;max-height:94vh!important}.hub-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-bottom:1.2rem;display:flex}.hub-user-profile{align-items:center;gap:1.2rem;display:flex}.hub-avatar{color:#fff;background:linear-gradient(135deg,#0284c7,#2563eb);border-radius:16px;justify-content:center;align-items:center;width:62px;height:62px;font-size:1.8rem;display:flex;box-shadow:0 0 20px #2563eb66}.hub-meta .hub-greeting{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:.82rem}.hub-meta h2{color:#fff;margin:.1rem 0 .3rem;font-size:1.45rem;font-weight:800}.hub-role-badge{color:#fde047;background:#fbbf2426;border:1px solid #fbbf2459;border-radius:12px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.hub-kpi-summary{gap:1.2rem;display:flex}.hub-kpi{text-align:center;background:#1e293b99;border:1px solid #ffffff1a;border-radius:14px;padding:.6rem 1.1rem}.hub-kpi .kpi-label{color:#94a3b8;margin-bottom:.2rem;font-size:.72rem;display:block}.hub-kpi strong{color:#fff;font-size:1.15rem}.hub-kpi .grade-text{color:#06d6a0}.hub-body{flex-direction:column;gap:1.6rem;padding:1.2rem .2rem;display:flex;overflow-y:auto}.hub-action-cards-grid{grid-template-columns:1fr 1fr;gap:1.4rem;display:grid}.hub-card-action{background:#0f172ad9;border:1.5px solid #ffffff1f;border-radius:18px;flex-direction:column;justify-content:space-between;gap:1.2rem;padding:1.5rem;transition:all .25s;display:flex;box-shadow:0 10px 30px #00000059}.hub-card-action:hover{transform:translateY(-4px)}.continue-card{background:linear-gradient(145deg,#0f172af2,#0c233cd9);border-color:#38bdf873}.continue-card:hover{border-color:#38bdf8;box-shadow:0 12px 35px #38bdf840}.restart-card{background:linear-gradient(145deg,#0f172af2,#2d190ad9);border-color:#fb850059}.restart-card:hover{border-color:#fb8500;box-shadow:0 12px 35px #fb850040}.action-card-header{justify-content:space-between;align-items:center;display:flex}.action-pill{color:#38bdf8;background:#38bdf833;border:1px solid #38bdf866;border-radius:14px;padding:.25rem .6rem;font-size:.72rem;font-weight:700}.restart-pill{color:#ffb703;background:#fb850033;border-color:#fb850066}.action-time-badge{color:#94a3b8;font-size:.75rem}.action-card-content{flex-direction:column;gap:.4rem;display:flex}.action-icon-circle{border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:.5rem;font-size:1.4rem;display:flex}.pulse-blue{color:#38bdf8;background:#38bdf833;border:1px solid #38bdf866}.pulse-orange{color:#fb8500;background:#fb850033;border:1px solid #fb850066}.action-card-content h3{color:#fff;font-size:1.3rem;font-weight:800}.action-card-content p{color:#94a3b8;font-size:.85rem;line-height:1.4}.resume-progress-bar-wrap{background:#ffffff1a;border-radius:6px;width:100%;height:8px;margin:.6rem 0 .3rem;overflow:hidden}.resume-bar{background:linear-gradient(90deg,#38bdf8,#06d6a0);border-radius:6px;height:100%;transition:width .4s}.resume-sub-text{color:#38bdf8;font-size:.78rem;font-weight:600}.restart-features-list{flex-direction:column;gap:.3rem;margin-top:.5rem;display:flex}.restart-features-list span{color:#cbd5e1;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.restart-features-list i{color:#06d6a0;font-size:.75rem}.hub-btn{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem;font-size:.95rem;font-weight:700;display:flex}.hub-grades-section{background:#0f172a99;border:1px solid #ffffff14;border-radius:16px;padding:1.4rem}.grades-section-header{margin-bottom:1.1rem}.grades-section-header h3{color:#fff;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;display:flex}.grades-section-header h3 i{color:#38bdf8}.grades-sub{color:#94a3b8;font-size:.8rem}.hub-grades-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1rem;display:grid}.user-grade-card{background:#1e293bb3;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;gap:.8rem;padding:1.1rem;transition:all .2s;display:flex}.user-grade-card:hover{background:#1e293be6;border-color:#38bdf866}.grade-card-done{border-left:4px solid #06d6a0}.grade-card-ongoing{border-left:4px solid #f59e0b}.grade-card-top{align-items:center;gap:.7rem;display:flex}.grade-card-icon{color:#38bdf8;background:#38bdf826;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:flex}.grade-card-titles{flex-grow:1}.grade-card-titles h4{color:#fff;font-size:.95rem;font-weight:700}.grade-card-vr{color:#a78bfa;font-size:.7rem;font-weight:600}.grade-status-pill{border-radius:10px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.7rem;font-weight:700;display:flex}.status-done{color:#06d6a0;background:#06d6a026;border:1px solid #06d6a04d}.status-ongoing{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.status-pending{color:#94a3b8;background:#94a3b81a;border:1px solid #94a3b833}.grade-stats-row{background:#0f172a80;border-radius:10px;justify-content:space-between;padding:.6rem .8rem;display:flex}.grade-stat-col{flex-direction:column;display:flex}.grade-stat-col .stat-lbl{color:#94a3b8;font-size:.68rem}.grade-stat-col strong{color:#f8fafc;font-size:.88rem}.grade-card-footer{justify-content:space-between;align-items:center;display:flex}.grade-date{color:#94a3b8;font-size:.72rem}.btn-grade-action{color:#38bdf8;cursor:pointer;background:#38bdf826;border:1px solid #38bdf859;border-radius:8px;padding:.35rem .75rem;font-size:.78rem;font-weight:700;transition:all .2s}.btn-grade-action:hover{color:#0f172a;background:#38bdf8}.hub-footer{border-top:1px solid #ffffff14;justify-content:space-between;padding-top:1rem;display:flex}.admin-card{flex-direction:column;display:flex;width:95%!important;max-width:1100px!important;max-height:94vh!important}.admin-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-bottom:1.1rem;display:flex}.admin-brand{align-items:center;gap:1.1rem;display:flex}.pulse-gold{color:#fff;background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:0 0 20px #f59e0b80}.admin-badge{color:#fde047;background:#f59e0b33;border:1px solid #f59e0b66;border-radius:12px;align-items:center;gap:.35rem;margin-top:.2rem;padding:.2rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.admin-kpi-strip{grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.1rem 0;display:grid}.kpi-card{background:#0f172abf;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:1rem;padding:1rem;display:flex}.kpi-icon{color:#f59e0b;background:#f59e0b26;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex}.kpi-info{flex-direction:column;display:flex}.kpi-title{color:#94a3b8;font-size:.75rem}.kpi-num{color:#fff;font-size:1.25rem;font-weight:800}.admin-tabs-nav{border-bottom:1px solid #ffffff1a;gap:.6rem;padding-bottom:.6rem;display:flex}.admin-tab-btn{color:#94a3b8;font-family:var(--font-main);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.admin-tab-btn:hover{color:#fff;background:#ffffff0d}.admin-tab-btn.active{color:#fde047;background:#f59e0b26;border-color:#f59e0b66}.admin-tab-content{padding:1.1rem 0;display:none}.admin-tab-content.active{display:block}.tab-toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.search-box-wrap{background:#1e293b99;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:.6rem;width:320px;padding:.5rem .9rem;display:flex}.search-box-wrap i{color:#94a3b8}.search-box-wrap input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.tab-tools{gap:.6rem;display:flex}.admin-table-wrap{background:#0f172a99;border:1px solid #ffffff1a;border-radius:14px;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.admin-table th{color:#cbd5e1;background:#1e293bd9;border-bottom:1px solid #ffffff1a;padding:.85rem 1rem;font-weight:700}.admin-table td{color:#e2e8f0;border-bottom:1px solid #ffffff0f;padding:.85rem 1rem}.admin-table tr:hover{background:#ffffff08}.tbl-user-cell{align-items:center;gap:.6rem;display:flex}.tbl-user-cell i{color:#38bdf8;font-size:1.6rem}.tbl-user-cell small{color:#94a3b8;font-size:.72rem;display:block}.role-pill-sm{background:#ffffff14;border-radius:8px;padding:.2rem .55rem;font-size:.75rem}.tbl-badge{border-radius:8px;padding:.2rem .5rem;font-size:.78rem;font-weight:700;display:inline-block}.tbl-badge.done{color:#06d6a0;background:#06d6a033}.tbl-badge.warning{color:#f59e0b;background:#f59e0b33}.tbl-badge.ongoing{color:#38bdf8;background:#38bdf833}.tbl-badge.pending{color:#64748b}.btn-tbl-action{color:#38bdf8;cursor:pointer;background:#38bdf826;border:1px solid #38bdf859;border-radius:8px;padding:.3rem .65rem;font-size:.78rem;font-weight:700;transition:all .2s}.btn-tbl-action:hover{color:#0f172a;background:#38bdf8}.admin-courses-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.1rem;display:grid}.admin-course-manage-card{background:#0f172abf;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;gap:.7rem;padding:1.2rem;display:flex}.manage-card-header{align-items:center;gap:.7rem;display:flex}.manage-card-header i{color:#f59e0b;font-size:1.5rem}.manage-card-header h4{color:#fff;font-size:1.05rem;font-weight:700}.badge-vr-sm{color:#a78bfa;font-size:.7rem}.hazards-cnt{color:#fca5a5;background:#ef476f33;border-radius:10px;margin-left:auto;padding:.2rem .5rem;font-size:.72rem;font-weight:700}.manage-card-desc{color:#94a3b8;font-size:.8rem;line-height:1.35}.manage-hazards-list{background:#0003;border-radius:8px;flex-direction:column;gap:.25rem;padding:.5rem;display:flex}.manage-hazards-list span{color:#cbd5e1;font-size:.75rem}.btn-admin-enter-course{color:#fde047;cursor:pointer;background:#f59e0b26;border:1px solid #f59e0b59;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem;font-weight:700;transition:all .2s;display:flex}.btn-admin-enter-course:hover{color:#0f172a;background:#f59e0b}.admin-settings-form{flex-direction:column;gap:1.2rem;max-width:580px;display:flex}.setting-group{flex-direction:column;gap:.4rem;display:flex}.setting-group label{color:#e2e8f0;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;display:flex}.setting-group label i{color:#f59e0b}.admin-footer{border-top:1px solid #ffffff14;padding-top:1rem}.auth-quick-row{grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.4rem;display:grid}.btn-quick-admin{color:#fde047;cursor:pointer;background:#f59e0b26;border:1px solid #f59e0b66;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;padding:.75rem 1rem;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.btn-quick-admin:hover{background:#f59e0b4d;border-color:#f59e0b;transform:translateY(-1px)}.btn-admin-pill{color:#fff;cursor:pointer;pointer-events:auto;background:linear-gradient(135deg,#d97706,#f59e0b);border:1px solid #fde047;border-radius:20px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.8rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 0 15px #f59e0b66}.btn-admin-pill:hover{transform:translateY(-2px);box-shadow:0 0 25px #f59e0bb3}.btn-grades-pill{color:#38bdf8;cursor:pointer;pointer-events:auto;background:#38bdf826;border:1px solid #38bdf866;border-radius:20px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.btn-grades-pill:hover{color:#0f172a;background:#38bdf8;transform:translateY(-2px)}.btn-danger-sm{color:#ef4444;cursor:pointer;background:#ef444426;border:1px solid #ef444459;border-radius:8px;padding:.4rem .8rem;font-size:.78rem;font-weight:700;transition:all .2s}.btn-danger-sm:hover{color:#fff;background:#ef4444}@media (width<=900px){.hub-action-cards-grid{grid-template-columns:1fr}.admin-kpi-strip{grid-template-columns:1fr 1fr}.auth-quick-row{grid-template-columns:1fr}}.narrator-card{width:95%;background:radial-gradient(circle at 15% 20%,#1e293bfa,#0f172afa)!important;border:1px solid #fb850059!important;max-width:860px!important;box-shadow:0 25px 60px #000c,0 0 40px #fb850033!important}.narrator-avatar-badge-wrap{flex-shrink:0;width:52px;height:52px;position:relative}.narrator-mini-thumb{object-fit:cover;border:2px solid #fb8500;border-radius:50%;width:52px;height:52px;box-shadow:0 0 15px #fb850080}.narrator-live-indicator{color:#022c22;background:#06d6a0;border:1px solid #fff;border-radius:10px;align-items:center;gap:.2rem;padding:.1rem .35rem;font-size:.62rem;font-weight:800;display:flex;position:absolute;bottom:-4px;right:-4px}.live-dot{background:#022c22;border-radius:50%;width:5px;height:5px;animation:1s infinite alternate blinkDot}@keyframes blinkDot{0%{opacity:.3}to{opacity:1}}.narrator-pill-row{gap:.5rem;margin-bottom:.25rem;display:flex}.narrator-role-pill{color:#fb8500;letter-spacing:.5px;background:#fb850033;border:1px solid #fb850066;border-radius:20px;padding:.2rem .6rem;font-size:.72rem;font-weight:800}.narrator-course-pill{color:#38bdf8;background:#38bdf833;border:1px solid #38bdf866;border-radius:20px;padding:.2rem .6rem;font-size:.72rem;font-weight:800}.narrator-stage-layout{grid-template-columns:240px 1fr;align-items:center;gap:1.8rem;padding:.5rem 0;display:grid}.narrator-portrait-box{background:#0f172a99;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;align-items:center;gap:.8rem;padding:1.2rem;display:flex}.narrator-portrait-frame{border-radius:50%;justify-content:center;align-items:center;width:170px;height:170px;display:flex;position:relative}.narrator-portrait-main{object-fit:cover;z-index:2;border:3px solid #fb8500;border-radius:50%;width:160px;height:160px;position:relative;box-shadow:0 0 25px #fb850066}.narrator-audio-pulse-ring{pointer-events:none;z-index:1;border:2px dashed #fb850099;border-radius:50%;width:180px;height:180px;animation:6s linear infinite rotatePulseRing;position:absolute}.narrator-speaking .narrator-audio-pulse-ring{border-color:#06d6a0;animation:2s linear infinite rotatePulseRingActive,1.2s ease-in-out infinite alternate speakingGlow}@keyframes rotatePulseRing{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.03)}to{transform:rotate(360deg)scale(1)}}@keyframes rotatePulseRingActive{0%{transform:rotate(0)scale(1.02)}to{transform:rotate(360deg)scale(1.08)}}@keyframes speakingGlow{0%{box-shadow:0 0 10px #06d6a04d}to{box-shadow:0 0 35px #06d6a0cc}}.narrator-meta-badge{text-align:center}.narrator-meta-badge strong{color:#f8fafc;letter-spacing:.5px;font-size:1.1rem;display:block}.narrator-meta-badge span{color:#94a3b8;font-size:.76rem}.narrator-voice-status{color:#34d399;background:#06d6a01f;border:1px solid #06d6a04d;border-radius:20px;align-items:center;gap:.6rem;padding:.4rem .8rem;font-size:.72rem;font-weight:700;display:flex}.sound-wave-bars{align-items:center;gap:2.5px;height:14px;display:flex}.sound-wave-bars span{background:#06d6a0;border-radius:3px;width:3px;height:6px;transition:height .1s}.narrator-speaking .sound-wave-bars span:first-child{animation:.8s .1s infinite waveBar}.narrator-speaking .sound-wave-bars span:nth-child(2){animation:.8s .25s infinite waveBar}.narrator-speaking .sound-wave-bars span:nth-child(3){animation:.8s .4s infinite waveBar}.narrator-speaking .sound-wave-bars span:nth-child(4){animation:.8s .15s infinite waveBar}.narrator-speaking .sound-wave-bars span:nth-child(5){animation:.8s .3s infinite waveBar}@keyframes waveBar{0%{height:4px}50%{height:16px}to{height:4px}}.narrator-speech-column{flex-direction:column;gap:1.2rem;display:flex}.speech-balloon{background:#1e293bd9;border:1.5px solid #38bdf859;border-radius:18px;padding:1.4rem 1.6rem;position:relative;box-shadow:0 10px 25px #0006}.speech-balloon:before{content:"";border:6px solid #0000;border-left-width:0;border-right:12px solid #38bdf859;width:0;display:block;position:absolute;top:35px;left:-12px}.quote-icon{color:#38bdf866;font-size:1rem}.quote-open{margin-bottom:.3rem}.quote-close{text-align:right;margin-top:.3rem}.narrator-speech-p{color:#f1f5f9;letter-spacing:.2px;font-size:1.05rem;font-weight:500;line-height:1.7}.narrator-briefing-bullets{grid-template-columns:repeat(3,1fr);gap:.8rem;display:grid}.bullet-card{background:#0f172a99;border:1px solid #ffffff14;border-radius:12px;align-items:flex-start;gap:.6rem;padding:.8rem;display:flex}.bullet-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;display:flex}.bullet-icon.bg-warning{color:#fb8500;background:#fb850033}.bullet-icon.bg-info{color:#38bdf8;background:#38bdf833}.bullet-icon.bg-success{color:#06d6a0;background:#06d6a033}.bullet-info strong{color:#f8fafc;font-size:.82rem;display:block}.bullet-info span{color:#94a3b8;margin-top:.15rem;font-size:.72rem;line-height:1.3;display:block}.narrator-audio-btn-group,.narrator-action-btn-group{align-items:center;gap:.6rem;display:flex}.course-select-card.course-completed-passive{opacity:.72;position:relative;overflow:hidden;cursor:not-allowed!important;background:#0f172a73!important;border:1.5px solid #10b98166!important}.course-select-card.course-completed-passive:hover{transform:none!important;box-shadow:0 0 15px #10b98133!important}.card-passive-badge{color:#fff;background:linear-gradient(135deg,#059669,#10b981);border-radius:12px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.72rem;font-weight:800;display:inline-flex;box-shadow:0 0 10px #10b98180}.btn-course-passive{pointer-events:none;border-radius:10px;width:100%;padding:.6rem 1rem;font-size:.82rem;font-weight:700;color:#34d399!important;cursor:not-allowed!important;background:#10b98126!important;border:1px solid #10b98166!important}.course-completed-ribbon{color:#fff;letter-spacing:.5px;pointer-events:none;background:#059669;padding:.2rem 2.4rem;font-size:.68rem;font-weight:900;position:absolute;top:15px;right:-32px;transform:rotate(45deg);box-shadow:0 2px 6px #0006}.admin-narrator-banner{background:linear-gradient(135deg,#fb85001f,#0f172acc);border:1px solid #fb85004d;border-radius:16px;align-items:center;gap:1.2rem;margin-bottom:1.5rem;padding:1.2rem 1.4rem;display:flex}.admin-narrator-avatar-box{flex-shrink:0;width:58px;height:58px;position:relative}.admin-narrator-thumb{object-fit:cover;border:2px solid #fb8500;border-radius:50%;width:58px;height:58px;box-shadow:0 0 15px #fb850066}.narrator-pulse-dot{background:#06d6a0;border:2px solid #0f172a;border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:2px}.admin-narrator-banner-text h3{color:#f8fafc;align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:1.15rem;display:flex}.admin-narrator-banner-text h3 i{color:#fb8500}.admin-narrator-banner-text p{color:#94a3b8;font-size:.85rem;line-height:1.45}.admin-narrator-list{flex-direction:column;gap:1.2rem;display:flex}.admin-narrator-card{background:#0f172ab3;border:1px solid #ffffff1a;border-radius:14px;padding:1.2rem 1.4rem;transition:border-color .2s}.admin-narrator-card:hover{border-color:#fb850059}.admin-narrator-card-header{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.admin-narrator-card-title{align-items:center;gap:.7rem;display:flex}.admin-narrator-card-title i{color:#fb8500;font-size:1.2rem}.admin-narrator-card-title h4{color:#f8fafc;font-size:1.05rem}.admin-narrator-badge{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d;border-radius:12px;padding:.2rem .55rem;font-size:.72rem;font-weight:800}.admin-narrator-textarea{color:#f8fafc;width:100%;min-height:95px;font-family:var(--font-main);resize:vertical;background:#020617cc;border:1px solid #ffffff26;border-radius:10px;padding:.8rem 1rem;font-size:.92rem;line-height:1.6;transition:all .2s}.admin-narrator-textarea:focus{border-color:#fb8500;outline:none;box-shadow:0 0 12px #fb850040}.admin-narrator-card-actions{justify-content:space-between;align-items:center;margin-top:.75rem;display:flex}.admin-narrator-char-cnt{color:#64748b;font-size:.78rem}.admin-narrator-btn-group{gap:.6rem;display:flex}.btn-narrator-test-voice{color:#06d6a0;cursor:pointer;background:#06d6a026;border:1px solid #06d6a066;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.btn-narrator-test-voice:hover{color:#022c22;background:#06d6a0}.btn-narrator-save-item{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d97706,#fb8500);border:1px solid #fde047;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.82rem;font-weight:800;transition:all .2s;display:flex}.btn-narrator-save-item:hover{transform:translateY(-1px);box-shadow:0 0 15px #fb850080}.finish-actions-row{flex-wrap:wrap;justify-content:center;gap:.8rem}.unsolved-questions-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:95;background:#0f172ae0;border:1px solid #38bdf847;border-radius:14px;flex-direction:column;width:320px;max-height:calc(100vh - 12rem);transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:5.2rem;left:1.5rem;overflow:hidden;box-shadow:0 10px 30px #00000080,0 0 15px #38bdf826}.unsolved-questions-panel.collapsed{max-height:48px}.unsolved-panel-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#1e293ba6;border-bottom:1px solid #38bdf833;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:background .2s;display:flex}.unsolved-panel-header:hover{background:#334155b3}.panel-title-group{letter-spacing:.05em;color:#f1f5f9;align-items:center;gap:.6rem;font-size:.82rem;font-weight:800;display:flex}.panel-title-group i{color:#f59e0b;font-size:.95rem}.btn-toggle-panel{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.2rem;font-size:.85rem;transition:color .2s;display:flex}.unsolved-panel-header:hover .btn-toggle-panel{color:#38bdf8}.unsolved-questions-list{flex-direction:column;gap:.45rem;max-height:380px;padding:.6rem;display:flex;overflow-y:auto}.unsolved-question-item{background:#1e293b8c;border:1px solid #94a3b826;border-radius:10px;align-items:center;gap:.6rem;padding:.55rem .7rem;transition:all .2s;display:flex}.unsolved-question-item:hover{background:#1e293bd9;border-color:#38bdf866;transform:translate(2px)}.unsolved-badge{color:#f87171;background:#ef444433;border:1px solid #ef444466;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:800;display:flex}.unsolved-info{flex:1;min-width:0}.unsolved-title{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:700;overflow:hidden}.unsolved-meta{align-items:center;gap:.4rem;margin-top:.15rem;display:flex}.unsolved-category{color:#38bdf8;background:#38bdf81f;border-radius:4px;padding:.1rem .4rem;font-size:.7rem;font-weight:600}.unsolved-risk-level{border-radius:4px;padding:.1rem .35rem;font-size:.68rem;font-weight:700}.unsolved-risk-level.risk-kritik,.unsolved-risk-level.risk-yüksek,.unsolved-risk-level.risk-yuksek{color:#f87171;background:#ef44442e}.unsolved-risk-level.risk-orta{color:#fbbf24;background:#f59e0b2e}.unsolved-status-tag{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:6px;flex-shrink:0;padding:.18rem .45rem;font-size:.68rem;font-weight:700}.all-solved-banner{color:#34d399;background:#10b98126;border:1px solid #10b98166;border-radius:10px;align-items:center;gap:.6rem;padding:.85rem;font-size:.8rem;font-weight:700;line-height:1.4;display:flex}.portal-landing-overlay{z-index:9999;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 50% 20%,#1e293bf2,#070b14fa),linear-gradient(#0f172ae6 0%,#020617fa 100%);justify-content:center;align-items:center;padding:2rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.portal-landing-container{flex-direction:column;gap:2rem;width:100%;max-width:1220px;margin:auto;animation:.6s cubic-bezier(.16,1,.3,1) portalFadeIn;display:flex}@keyframes portalFadeIn{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.portal-brand-banner{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.portal-title-row{justify-content:center;align-items:center;gap:1rem;display:flex}.portal-logo-glow{color:#fff;background:linear-gradient(135deg,#0ea5e9,#6366f1);border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;font-size:1.8rem;display:flex;box-shadow:0 0 30px #0ea5e973}.portal-title-row h1{letter-spacing:.04em;background:linear-gradient(135deg,#fff 30%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:2.3rem;font-weight:900}.portal-badge-pill{color:#38bdf8;letter-spacing:.05em;text-transform:uppercase;background:#0ea5e924;border:1px solid #0ea5e959;border-radius:9999px;align-items:center;gap:.5rem;padding:.4rem 1.1rem;font-size:.85rem;font-weight:700;display:inline-flex}.portal-subtitle{color:#94a3b8;max-width:680px;margin:0;font-size:1.05rem;line-height:1.5}.portal-cards-grid{grid-template-columns:repeat(3,1fr);gap:1.6rem;display:grid}@media (width<=980px){.portal-cards-grid{grid-template-columns:1fr}}.tenant-portal-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#0f172ab3;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;gap:1.2rem;padding:1.8rem;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.tenant-portal-card:before{content:"";background:var(--card-accent,#0ea5e9);height:4px;transition:height .3s;position:absolute;top:0;left:0;right:0}.tenant-portal-card:hover{box-shadow:0 20px 40px -10px var(--card-glow,#0ea5e94d);border-color:var(--card-accent,#0ea5e980);transform:translateY(-8px)}.tenant-portal-card:hover:before{height:6px}.tenant-card-header{justify-content:space-between;align-items:center;display:flex}.tenant-icon-wrap{border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.8rem;transition:transform .3s;display:flex}.tenant-portal-card:hover .tenant-icon-wrap{transform:scale(1.08)rotate(3deg)}.tenant-badge{letter-spacing:.05em;border-radius:8px;padding:.3rem .7rem;font-size:.72rem;font-weight:800}.tenant-card-title{color:#fff;margin:0;font-size:1.55rem;font-weight:800}.tenant-card-tagline{color:var(--card-accent,#38bdf8);margin:-.5rem 0 0;font-size:.88rem;font-weight:600}.tenant-card-desc{color:#94a3b8;margin:0;font-size:.88rem;line-height:1.5}.tenant-stats-row{background:#00000040;border:1px solid #ffffff0f;border-radius:12px;gap:.8rem;padding:.75rem 1rem;display:flex}.tenant-stat-item{flex-direction:column;flex:1;display:flex}.tenant-stat-item .stat-label{color:#64748b;text-transform:uppercase;font-size:.7rem;font-weight:600}.tenant-stat-item .stat-value{color:#f1f5f9;font-size:1.05rem;font-weight:800}.tenant-action-row{gap:.75rem;margin-top:auto;display:flex}.btn-tenant-login{cursor:pointer;color:#fff;border:none;border-radius:12px;flex:1.2;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.92rem;font-weight:700;transition:all .25s;display:flex}.btn-tenant-register{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.75rem .9rem;font-size:.88rem;font-weight:600;transition:all .25s;display:flex}.btn-tenant-register:hover{color:#fff;background:#ffffff1f;border-color:#ffffff4d}.portal-superadmin-strip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b5cf61f,#ec489914);border:1px solid #8b5cf64d;border-radius:16px;justify-content:space-between;align-items:center;gap:1.2rem;padding:1.1rem 1.6rem;display:flex}.superadmin-info{align-items:center;gap:1rem;display:flex}.superadmin-badge-icon{color:#fff;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex;box-shadow:0 0 20px #8b5cf666}.superadmin-text h4{color:#f1f5f9;margin:0;font-size:1.05rem;font-weight:800}.superadmin-text p{color:#c4b5fd;margin:.2rem 0 0;font-size:.82rem}.btn-superadmin-launch{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;border-radius:10px;align-items:center;gap:.6rem;padding:.65rem 1.3rem;font-size:.88rem;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 4px 15px #8b5cf659}.btn-superadmin-launch:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf68c}.portal-footer-strip{color:#64748b;justify-content:space-between;align-items:center;padding:0 .5rem;font-size:.82rem;display:flex}.portal-footer-pills{gap:1rem;display:flex}.portal-footer-pills span{align-items:center;gap:.4rem;display:inline-flex}.auth-tenant-badge-bar{border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:1.2rem;padding:.8rem 1.2rem;display:flex}.btn-back-to-portal{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-back-to-portal:hover{color:#fff;background:#ffffff1a}.firm-select-searchable{color:#f1f5f9;background:#0f172ad9;border:1px solid #ffffff26;border-radius:10px;outline:none;width:100%;padding:.75rem 1rem;font-size:.9rem;transition:border-color .2s}.firm-select-searchable:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e933}.minor-rule-alert{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:10px;align-items:center;gap:.8rem;margin-top:.5rem;padding:.75rem 1rem;font-size:.82rem;display:flex}