@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Orbitron:wght@500;700;900&display=swap";*,*:before,*:after{box-sizing:border-box}#root{width:100%}.game-footer{position:relative;background:linear-gradient(180deg,#0a0e1a,#0f172a,#1a1f35);color:#fff;overflow:hidden;margin-top:auto}.footer-glow{height:2px;background:linear-gradient(90deg,transparent 0%,#3b82f6 20%,#8b5cf6 50%,#3b82f6 80%,transparent 100%);animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.6}50%{opacity:1}}.footer-content{max-width:1400px;margin:0 auto;padding:0 1.5rem}.footer-stats-banner{display:flex;justify-content:center;gap:1.5rem;padding:2rem 0;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap}.stat-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .3s ease}.stat-card:hover{background:#ffffff0f;border-color:#3b82f64d;transform:translateY(-2px)}.stat-icon{font-size:2rem;filter:drop-shadow(0 0 8px rgba(59,130,246,.5))}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.75rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.stat-card.cta{background:linear-gradient(135deg,#3b82f633,#8b5cf633);border-color:#3b82f64d}.play-more-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:.9rem;transition:all .3s ease;box-shadow:0 4px 15px #3b82f64d}.play-more-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #3b82f666}.btn-icon{font-size:1.1rem}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:3rem;padding:3rem 0}.footer-brand-col{display:flex;flex-direction:column;gap:1rem}.footer-logo-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit}.footer-logo{height:40px;width:auto}.footer-tagline{font-size:.85rem;color:#ffffffb3;font-weight:500;margin:0;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-desc{color:#fff9;font-size:.875rem;line-height:1.6;max-width:280px}.footer-badges{display:flex;gap:.5rem;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.badge.eu{border-color:#3b82f64d;color:#60a5fa}.badge.gdpr{border-color:#22c55e4d;color:#4ade80}.badge.secure{border-color:#8b5cf64d;color:#a78bfa}.footer-links-col{display:flex;flex-direction:column;gap:1rem}.footer-heading{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffffe6;margin:0}.heading-icon{font-size:1rem}.footer-nav{display:flex;flex-direction:column;gap:.5rem}.footer-nav a{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;color:#fff9;text-decoration:none;font-size:.875rem;transition:all .2s ease}.footer-nav a:hover{color:#fff;transform:translate(4px)}.nav-icon{font-size:.9rem;opacity:.7}.footer-nav a:hover .nav-icon{opacity:1}.footer-location{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.05);font-size:.8rem;color:#ffffff80}.location-icon{font-size:1rem}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-top:1px solid rgba(255,255,255,.08);font-size:.8rem;color:#ffffff80}.copyright{color:#ffffff80}.made-with{display:flex;align-items:center;gap:.35rem;color:#ffffff80}.heart{animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.footer-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:#3b82f680;border-radius:50%;animation:float 15s infinite ease-in-out}.particle.p1{left:10%;top:30%;animation-delay:0s}.particle.p2{left:50%;top:60%;animation-delay:-5s;background:#8b5cf680}.particle.p3{left:85%;top:20%;animation-delay:-10s;background:#22c55e66}@keyframes float{0%,to{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}50%{transform:translateY(-30px) translate(10px)}90%{opacity:1}}@media (max-width: 1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.footer-brand-col{grid-column:span 2}}@media (max-width: 768px){.footer-stats-banner{flex-direction:column;align-items:stretch;gap:1rem}.stat-card{justify-content:center}.footer-grid{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-brand-col{grid-column:span 1;align-items:center}.footer-desc{max-width:100%}.footer-badges{justify-content:center}.footer-links-col,.footer-nav{align-items:center}.footer-nav a:hover{transform:none}.footer-location{justify-content:center}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}@media (max-width: 480px){.footer-content{padding:0 1rem}.stat-card{padding:.75rem 1rem}.stat-value{font-size:1.25rem}.footer-mini-links{flex-wrap:wrap;justify-content:center}}:root{--color-primary: #00d4ff;--color-primary-dark: #00a8cc;--color-primary-glow: rgba(0, 212, 255, .4);--color-secondary: #7c3aed;--color-accent: #f472b6;--color-success: #10b981;--color-success-glow: rgba(16, 185, 129, .4);--color-warning: #f59e0b;--color-danger: #ef4444;--color-danger-glow: rgba(239, 68, 68, .4);--color-info: #06b6d4;--color-xp: #fbbf24;--color-xp-glow: rgba(251, 191, 36, .5);--color-bg-dark: #0a0e1a;--color-bg: #0f172a;--color-bg-light: #1e293b;--color-card: rgba(30, 41, 59, .8);--color-card-hover: rgba(51, 65, 85, .9);--color-glass: rgba(255, 255, 255, .05);--color-glass-border: rgba(255, 255, 255, .1);--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-text-dim: #64748b;--color-border: rgba(148, 163, 184, .2);--radius: 12px;--radius-lg: 20px;--shadow: 0 4px 20px rgba(0, 0, 0, .3);--shadow-glow: 0 0 30px var(--color-primary-glow);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .4);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0e1af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-glass-border)}.header-container{max-width:1400px;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.header-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-text);font-family:Orbitron,sans-serif;font-weight:700;font-size:1.25rem}.header-logo .logo-icon{font-size:1.5rem}.header-logo-img{height:36px;width:auto}.header-logo:hover{color:var(--color-primary)}.nav-link{padding:.5rem 1rem;color:var(--color-text-muted);text-decoration:none;font-size:.9rem;font-weight:500;border-radius:var(--radius);transition:var(--transition)}.nav-link:hover{color:var(--color-text);background:var(--color-glass)}.nav-link.active{color:var(--color-primary);background:#00d4ff1a}.header-auth,.user-menu{display:flex;align-items:center;gap:.75rem}.user-info{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:var(--color-glass);border-radius:var(--radius);font-size:.85rem}.user-avatar{font-size:1.1rem}.user-email{color:var(--color-text-muted);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-btn{padding:.5rem 1rem;border-radius:var(--radius);font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none;border:none}.login-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff}.login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px var(--color-primary-glow)}.logout-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted)}.logout-btn:hover{border-color:var(--color-danger);color:var(--color-danger)}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;background:transparent;border:none;cursor:pointer;padding:4px}.hamburger-line{width:100%;height:2px;background:var(--color-text);border-radius:2px;transition:var(--transition)}.mobile-menu-toggle.open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.open .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--color-bg-dark);padding:1rem;flex-direction:column;transform:translate(100%);transition:transform .3s ease;overflow-y:auto}.mobile-menu.open{transform:translate(0)}.mobile-nav{display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border);margin-bottom:1rem}.mobile-nav-link{display:flex;align-items:center;gap:.75rem;padding:1rem;color:var(--color-text);text-decoration:none;font-size:1rem;font-weight:500;border-radius:var(--radius);transition:var(--transition)}.mobile-nav-link:hover,.mobile-nav-link.active{background:var(--color-glass);color:var(--color-primary)}.mobile-nav-link span{font-size:1.25rem}.mobile-auth{display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border);margin-bottom:1rem}.mobile-user-info{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--color-glass);border-radius:var(--radius)}.mobile-user-info .user-avatar{font-size:2rem}.mobile-user-info .user-email{color:var(--color-text);font-weight:500}.mobile-user-info .user-role{color:var(--color-text-muted);font-size:.85rem;text-transform:capitalize}.mobile-auth-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border-radius:var(--radius);font-size:1rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:var(--transition)}.mobile-auth-btn.login{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff}.mobile-auth-btn.logout{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted)}.mobile-auth-btn.logout:hover{border-color:var(--color-danger);color:var(--color-danger)}.mobile-footer{display:flex;justify-content:center;gap:1.5rem;padding-top:1rem;margin-top:auto}.mobile-footer a{color:var(--color-text-muted);text-decoration:none;font-size:.85rem}.mobile-footer a:hover{color:var(--color-primary)}.mobile-menu-overlay{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:#00000080;z-index:-1}@media (max-width: 768px){.desktop-nav,.desktop-auth{display:none}}.app{padding-top:60px}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;background-image:radial-gradient(ellipse at top,rgba(124,58,237,.15) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(0,212,255,.1) 0%,transparent 50%);background-attachment:fixed;min-height:100vh}.app{min-height:100vh;position:relative}.app:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid var(--color-glass-border);border-radius:var(--radius);background:var(--color-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-text);font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:none;transition:var(--transition);position:relative;overflow:hidden}.button:before,button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.button:hover:before,button:hover:before{left:100%}.button:hover,button:hover{background:var(--color-card-hover);border-color:var(--color-primary);box-shadow:0 0 20px var(--color-primary-glow);transform:translateY(-2px)}.button.primary,button.primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border:none;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.button.primary:hover,button.primary:hover{box-shadow:0 0 30px var(--color-primary-glow),0 0 60px #7c3aed4d;transform:translateY(-3px) scale(1.02)}button:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.page-header{padding:1.5rem 2rem;background:var(--color-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);margin-bottom:2rem;position:relative;z-index:1}.page-header h1{margin:.5rem 0 0;font-size:1.5rem;font-family:Orbitron,sans-serif;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.back-link{color:var(--color-primary);text-decoration:none;font-size:.875rem;display:inline-flex;align-items:center;gap:.5rem;transition:var(--transition)}.back-link:hover{color:var(--color-accent);text-shadow:0 0 10px var(--color-primary-glow)}.home-page{max-width:1400px;margin:0 auto;padding:2rem;position:relative;z-index:1}.hero{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#7c3aed4d,#00d4ff33);border:1px solid var(--color-glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);margin-bottom:3rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,var(--color-primary-glow),transparent 30%);animation:rotate 10s linear infinite;opacity:.3}@keyframes rotate{to{transform:rotate(360deg)}}.hero-content{position:relative;z-index:1}.hero-logo{height:60px;width:auto;margin-bottom:1rem;filter:drop-shadow(0 0 30px var(--color-primary-glow))}.hero h1{font-family:Orbitron,sans-serif;font-size:3rem;font-weight:900;margin:0 0 .5rem;background:linear-gradient(135deg,#fff 0%,var(--color-primary) 50%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 60px var(--color-primary-glow);letter-spacing:2px}.hero p{margin:0;color:var(--color-text-muted);font-size:1.2rem}.hero-enhanced{padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.hero-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:40px 40px}.hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,var(--color-primary-glow) 0%,transparent 70%);filter:blur(60px);opacity:.5}.player-card{display:flex;align-items:center;gap:1.5rem;background:#0000004d;border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:1rem 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.player-avatar{position:relative;width:80px;height:80px}.avatar-ring{position:relative;width:100%;height:100%}.avatar-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:linear-gradient(135deg,var(--color-bg-dark) 0%,var(--color-bg-light) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-glass-border)}.avatar-icon{font-size:1.8rem}.avatar-progress{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.avatar-progress .progress-bg{fill:none;stroke:var(--color-glass-border);stroke-width:4}.avatar-progress .progress-fill{fill:none;stroke:var(--color-primary);stroke-width:4;stroke-linecap:round;stroke-dasharray:283;transition:stroke-dashoffset .5s ease}.player-info{text-align:left}.player-level{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.5rem}.level-number{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;color:var(--color-primary)}.level-title{font-size:1rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.player-xp{display:flex;flex-direction:column;gap:.25rem}.xp-text{font-size:.85rem;color:var(--color-text-muted)}.xp-current{color:var(--color-xp);font-weight:600}.xp-separator{margin:0 .25rem;opacity:.5}.xp-bar-mini{width:120px;height:4px;background:var(--color-glass-border);border-radius:2px;overflow:hidden}.xp-fill-mini{height:100%;background:linear-gradient(90deg,var(--color-xp) 0%,#f59e0b 100%);border-radius:2px;transition:width .5s ease}.hero-main{display:grid;grid-template-columns:1fr 2fr 1fr;gap:2rem;align-items:center;width:100%;max-width:1200px}.hero-left,.hero-right{display:flex;flex-direction:column;gap:.75rem}.hero-center{text-align:center}.player-card-compact{background:#0006;border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.player-avatar-small{position:relative;width:60px;height:60px;margin:0 auto .75rem}.avatar-progress-small{width:100%;height:100%;transform:rotate(-90deg)}.avatar-progress-small .progress-bg{fill:none;stroke:var(--color-glass-border);stroke-width:6}.avatar-progress-small .progress-fill{fill:none;stroke:var(--color-primary);stroke-width:6;stroke-linecap:round;stroke-dasharray:283;transition:stroke-dashoffset .5s ease}.level-badge-small{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:700;color:var(--color-primary)}.player-stats-row{display:flex;justify-content:center;align-items:center;gap:.75rem}.stat-item{text-align:center}.stat-value{display:block;font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700;color:var(--color-text)}.stat-label{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase}.stat-divider{width:1px;height:24px;background:var(--color-glass-border)}.security-tip{display:inline-flex;align-items:center;gap:.5rem;background:#00d4ff1a;border:1px solid rgba(0,212,255,.2);border-radius:999px;padding:.5rem 1rem;margin-top:1rem}.tip-icon{font-size:1rem}.tip-text{font-size:.85rem;color:var(--color-text-muted)}.hero-title{font-family:Orbitron,sans-serif;font-size:2.2rem;font-weight:700;margin:0;color:var(--color-text)}.title-accent{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.875rem 1.25rem;border-radius:var(--radius);font-size:.95rem;font-weight:600;text-decoration:none;transition:var(--transition);text-align:center}.hero-btn.primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;box-shadow:0 4px 15px var(--color-primary-glow)}.hero-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--color-primary-glow)}.hero-btn.secondary{background:var(--color-glass);color:var(--color-text);border:1px solid var(--color-glass-border)}.hero-btn.secondary:hover{background:var(--color-card-hover);border-color:var(--color-primary)}.btn-subtitle{font-size:.7rem;font-weight:400;opacity:.8}@media (max-width: 900px){.hero-main{grid-template-columns:1fr;gap:1.5rem}.hero-left,.hero-right{flex-direction:row;justify-content:center;flex-wrap:wrap}.player-card-compact{width:100%;max-width:280px}.hero-title{font-size:1.8rem}}.hero-subtitle{display:inline-block;margin-top:1.5rem;padding:.5rem 1.5rem;background:#00d4ff1a;border:1px solid var(--color-primary);border-radius:999px;font-size:.875rem;color:var(--color-primary);font-weight:600;text-transform:uppercase;letter-spacing:2px}.player-stats{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:2rem;flex-wrap:wrap}.level-badge{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,var(--color-xp) 0%,#f59e0b 100%);padding:.5rem 1.25rem;border-radius:999px;color:#000;font-weight:800;font-family:Orbitron,sans-serif;box-shadow:0 0 20px var(--color-xp-glow)}.level-badge .level-icon{font-size:1.25rem}.xp-bar-container{flex:1;max-width:300px;min-width:200px}.xp-label{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-muted);margin-bottom:.25rem}.xp-bar{height:12px;background:var(--color-bg-light);border-radius:999px;overflow:hidden;border:1px solid var(--color-glass-border)}.xp-fill{height:100%;background:linear-gradient(90deg,var(--color-xp) 0%,#f59e0b 100%);border-radius:999px;transition:width .5s ease;box-shadow:0 0 10px var(--color-xp-glow);position:relative}.xp-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent);border-radius:999px 999px 0 0}.progress-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem}.progress-card{background:var(--color-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem;border-radius:var(--radius);text-align:center;border:1px solid var(--color-glass-border);transition:var(--transition);position:relative;overflow:hidden}.progress-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))}.progress-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-glow);border-color:var(--color-primary)}.progress-icon{font-size:2rem;margin-bottom:.5rem}.progress-number{font-size:2.5rem;font-weight:800;font-family:Orbitron,sans-serif;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.progress-label{color:var(--color-text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.categories,.featured{margin-bottom:3rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.section-header h2{font-family:Orbitron,sans-serif;font-size:1.5rem;margin:0;display:flex;align-items:center;gap:.75rem}.section-header h2:before{content:"";width:4px;height:1.5rem;background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));border-radius:2px}.categories h2,.featured h2{font-family:Orbitron,sans-serif;font-size:1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.categories h2:before,.featured h2:before{content:"";width:4px;height:1.5rem;background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));border-radius:2px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.challenge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.category-card{background:var(--color-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text);border:1px solid var(--color-glass-border);transition:var(--transition);position:relative;overflow:hidden;display:flex;flex-direction:column}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(0,212,255,.05) 100%);opacity:0;transition:opacity .3s}.category-card:hover:before{opacity:1}.category-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.category-card.phishing{--card-color: #ef4444}.category-card.classification{--card-color: #8b5cf6}.category-card.hotspot{--card-color: #10b981}.category-card.password{--card-color: #f59e0b}.category-card.browsing{--card-color: #3b82f6}.category-card.request-integrity{--card-color: #ec4899}.category-card.identity-verification{--card-color: #14b8a6}.category-card.safe-compose{--card-color: #6366f1}.category-card.last-mile-check{--card-color: #f97316}.category-card.public-exposure{--card-color: #a855f7}.category-card.ai-safety{--card-color: #06b6d4}.category-card.connected-apps{--card-color: #84cc16}.category-card:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--card-color, var(--color-primary)),transparent)}.category-icon{font-size:3.5rem;margin-bottom:1rem;filter:drop-shadow(0 0 20px var(--card-color, var(--color-primary-glow)))}.category-card h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.category-card p{margin:0 0 1rem;color:var(--color-text-muted);font-size:.875rem;flex:1}.category-stats{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--color-border);margin-top:auto}.category-count{display:flex;align-items:center;gap:.5rem;color:var(--color-primary);font-weight:700;font-size:.9rem}.category-progress{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--color-success)}.category-progress-bar{width:60px;height:6px;background:var(--color-bg-light);border-radius:999px;overflow:hidden}.category-progress-fill{height:100%;background:var(--color-success);border-radius:999px}.challenge-card{background:var(--color-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem;border-radius:var(--radius);text-decoration:none;color:var(--color-text);border:1px solid var(--color-glass-border);transition:var(--transition);position:relative;overflow:hidden;display:flex;flex-direction:column}.challenge-card:hover{transform:translateY(-5px);border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.challenge-card h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:700}.challenge-card p{margin:0 0 1rem;color:var(--color-text-muted);font-size:.85rem;flex:1}.challenge-type-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;font-weight:600;color:var(--color-primary);margin-bottom:.75rem;padding:.25rem .75rem;background:#00d4ff1a;border-radius:999px;width:fit-content}.challenge-meta{display:flex;gap:1rem;font-size:.8rem;color:var(--color-text-muted);margin-top:auto;padding-top:1rem;border-top:1px solid var(--color-border)}.challenge-meta span{display:flex;align-items:center;gap:.25rem}.difficulty-stars{color:var(--color-xp)}.challenge-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.tag{background:var(--color-bg-light);padding:.25rem .75rem;border-radius:999px;font-size:.7rem;color:var(--color-text-muted);border:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.5px}.best-score{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .75rem;background:#10b9811a;border:1px solid var(--color-success);border-radius:var(--radius);color:var(--color-success);font-weight:600;font-size:.8rem}.view-all{text-align:center;margin-top:2rem}.home-footer{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 2rem;border-top:1px solid var(--color-border);margin-top:3rem;background:var(--color-bg-dark);border-radius:var(--radius-lg)}.footer-brand{text-align:center}.footer-logo{height:40px;width:auto;opacity:.8;margin-bottom:.5rem}.footer-brand p{margin:0;font-size:.85rem;color:var(--color-text-dim)}.footer-brand a{color:var(--color-primary);text-decoration:none;transition:var(--transition)}.footer-brand a:hover{text-decoration:underline}.footer-links{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.footer-links a{color:var(--color-text-muted);text-decoration:none;font-size:.875rem;padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius);transition:var(--transition)}.footer-links a:hover{color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 15px var(--color-primary-glow)}.footer-copy{font-size:.75rem;color:var(--color-text-dim)}.challenge-list-page{max-width:1400px;margin:0 auto;position:relative;z-index:1}.challenge-list-page .page-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 2rem;flex-wrap:wrap}.challenge-list-page .page-title{flex:1}.challenge-list-page .page-title h1{margin:0}.challenge-list-page .category-subtitle{margin:.25rem 0 0;color:var(--text-secondary);font-size:.9rem}.clear-filter-btn{padding:.5rem 1rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;font-size:.85rem;transition:all .2s}.clear-filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#00d4ff0d}.button.success{background:linear-gradient(135deg,var(--color-success) 0%,#059669 100%);color:#fff}.button.success:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.button.secondary{background:transparent;border:1px solid var(--color-border);color:var(--text-secondary)}.button.secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.filters{display:flex;flex-wrap:wrap;gap:1rem;padding:1.25rem 2rem;background:var(--color-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius);margin:0 2rem 1.5rem;border:1px solid var(--color-glass-border)}.filter-group{display:flex;align-items:center;gap:.75rem}.filter-group label{font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.filter-group select{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.875rem;background:var(--color-bg-light);color:var(--color-text);cursor:pointer;transition:var(--transition)}.filter-group select:hover{border-color:var(--color-primary)}.filter-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary-glow)}.results-count{padding:0 2rem;color:var(--color-text-muted);font-size:.875rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.results-count strong{color:var(--color-primary);font-family:Orbitron,sans-serif}.challenge-list-page .challenge-grid{padding:0 2rem}.challenge-card.completed{position:relative}.challenge-card.completed:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-success),transparent)}.completed-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,var(--color-success) 0%,#059669 100%);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;box-shadow:0 0 15px var(--color-success-glow);animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px var(--color-success-glow)}50%{box-shadow:0 0 25px var(--color-success-glow)}}.no-results{text-align:center;padding:4rem 2rem;color:var(--color-text-muted);background:var(--color-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid var(--color-glass-border);margin:0 2rem}.no-results h3{font-family:Orbitron,sans-serif;color:var(--color-text);margin-bottom:.5rem}.play-page{max-width:1100px;margin:0 auto;position:relative;z-index:1}.play-header{padding:1.5rem 2rem;background:var(--color-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin:0 1rem}.play-header h1{margin:.5rem 0 .25rem;font-size:1.5rem;font-family:Orbitron,sans-serif;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.play-header p{margin:0;color:var(--color-text-muted);font-size:.875rem}.simulator-container{padding:1.5rem;margin:0 1rem;background:var(--color-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.play-page.results{padding:2rem;text-align:center}.results-header{margin-bottom:2rem}.results-header h1{margin:0;font-family:Orbitron,sans-serif;font-size:2rem}.grade{font-size:6rem;font-weight:900;margin:1rem 0;font-family:Orbitron,sans-serif;text-shadow:0 0 60px currentColor;animation:grade-pulse 2s ease-in-out infinite}@keyframes grade-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.grade-A{color:var(--color-success);text-shadow:0 0 60px var(--color-success-glow)}.grade-B{color:#84cc16}.grade-C{color:var(--color-warning)}.grade-D{color:#f97316}.grade-F{color:var(--color-danger);text-shadow:0 0 60px var(--color-danger-glow)}.score-summary{background:var(--color-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2.5rem;border-radius:var(--radius-lg);margin-bottom:2rem;border:1px solid var(--color-glass-border);position:relative;overflow:hidden}.score-summary:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary),var(--color-accent))}.main-score{font-size:3.5rem;font-weight:900;font-family:Orbitron,sans-serif;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-max{color:var(--color-text-dim);font-size:1.5rem}.score-percentage{font-size:1.75rem;color:var(--color-primary);margin-top:.5rem;font-weight:700}.new-best{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:linear-gradient(135deg,var(--color-success) 0%,#059669 100%);color:#fff;border-radius:999px;font-weight:700;margin-top:1rem;animation:pulse-glow 2s infinite;box-shadow:0 0 20px var(--color-success-glow)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.stat{background:var(--color-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.25rem;border-radius:var(--radius);border:1px solid var(--color-glass-border);transition:var(--transition)}.stat:hover{transform:translateY(-3px);border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.stat-value{font-size:1.75rem;font-weight:800;font-family:Orbitron,sans-serif;color:var(--color-primary)}.stat-label{color:var(--color-text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.bonus-earned{background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border:1px solid var(--color-xp);padding:1.25rem;border-radius:var(--radius);margin-bottom:2rem;font-weight:600;color:var(--color-xp);display:flex;align-items:center;justify-content:center;gap:.75rem;animation:glow-xp 2s infinite}@keyframes glow-xp{0%,to{box-shadow:0 0 15px var(--color-xp-glow)}50%{box-shadow:0 0 30px var(--color-xp-glow)}}.missed-section{background:var(--color-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem;border-radius:var(--radius);margin-bottom:2rem;text-align:left;border:1px solid var(--color-glass-border)}.missed-section h3{margin:0 0 1rem;color:var(--color-danger);display:flex;align-items:center;gap:.5rem;font-family:Orbitron,sans-serif;font-size:1rem}.missed-item{padding:1rem;border-left:3px solid var(--color-danger);background:#ef44441a;margin-bottom:.75rem;border-radius:0 var(--radius) var(--radius) 0}.missed-item strong{display:block;margin-bottom:.25rem;color:var(--color-text)}.missed-item p{margin:0;font-size:.875rem;color:var(--color-text-muted)}.results-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.simulator-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;background:var(--color-bg-light);border-radius:var(--radius);margin-bottom:1.5rem;border:1px solid var(--color-glass-border)}.score-display{font-weight:700;font-family:Orbitron,sans-serif;display:flex;align-items:center;gap:.5rem;color:var(--color-xp)}.score-display:before{content:"⚡"}.false-positive-count,.false-click-count{color:var(--color-danger);font-weight:600;padding:.25rem .75rem;background:#ef44441a;border-radius:var(--radius);font-size:.875rem}.timer{font-family:Orbitron,sans-serif;font-size:1.1rem;background:var(--color-bg-dark);padding:.5rem 1rem;border-radius:var(--radius);border:1px solid var(--color-glass-border);color:var(--color-primary)}.timer.warning{color:var(--color-warning);border-color:var(--color-warning);animation:timer-pulse 1s infinite}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.6}}.hint-button{background:linear-gradient(135deg,var(--color-info) 0%,#0891b2 100%);color:#fff;border:none}.hint-button:hover{box-shadow:0 0 20px #06b6d466}.hint-panel{background:#06b6d41a;border:1px solid var(--color-info);padding:1.25rem;border-radius:var(--radius);margin-bottom:1.5rem;text-align:left}.hint-panel h4{margin:0 0 .75rem;color:var(--color-info);display:flex;align-items:center;gap:.5rem}.hint-panel ul{margin:0;padding-left:1.5rem;color:var(--color-text-muted)}.hint-panel li{margin-bottom:.5rem}.simulator-actions{display:flex;justify-content:center;gap:1rem;padding:1.5rem;margin-top:1.5rem;flex-wrap:wrap}.email-game-hud{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--color-bg-dark);border-radius:var(--radius-lg);margin-bottom:1rem;border:1px solid var(--color-glass-border)}.hud-left,.hud-right{display:flex;align-items:center;gap:1.5rem}.findings-tracker,.false-positive-tracker{display:flex;align-items:center;gap:.5rem}.tracker-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.tracker-value{font-family:Orbitron,sans-serif;font-weight:700;color:var(--color-primary)}.game-timer{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:var(--color-bg-light);border-radius:var(--radius);border:1px solid var(--color-border)}.game-timer.warning{border-color:var(--color-danger);animation:timer-pulse 1s infinite}.timer-icon{font-size:1.1rem}.timer-value{font-family:Orbitron,sans-serif;font-size:1.25rem;font-weight:700;color:var(--color-text)}.game-timer.warning .timer-value{color:var(--color-danger)}.hint-toggle{padding:.5rem 1rem;background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);cursor:pointer;font-size:.85rem;transition:var(--transition)}.hint-toggle:hover,.hint-toggle.active{border-color:var(--color-info);background:#06b6d41a}.email-client-realistic{display:grid;grid-template-columns:300px 1fr;min-height:550px;background:#1a1a2e;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-glass-border);box-shadow:0 20px 60px #0000004d}.email-sidebar{background:#16162a;border-right:1px solid var(--color-border)}.sidebar-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem;border-bottom:1px solid var(--color-border);font-weight:600;color:var(--color-text)}.inbox-icon{font-size:1.25rem}.inbox-count{margin-left:auto;background:var(--color-primary);color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:999px;font-weight:700}.email-list-modern{max-height:450px;overflow-y:auto}.email-preview{display:flex;gap:.75rem;padding:1rem;border-bottom:1px solid var(--color-border);cursor:pointer;transition:var(--transition)}.email-preview:hover{background:#ffffff08}.email-preview.selected{background:#00d4ff1a;border-left:3px solid var(--color-primary)}.email-preview-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1rem;flex-shrink:0}.email-preview-content{flex:1;min-width:0}.email-preview-sender{font-weight:600;font-size:.9rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-preview-subject{font-size:.8rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.25rem}.email-preview-snippet{font-size:.75rem;color:var(--color-text-dim);margin-top:.25rem}.email-preview-time{font-size:.7rem;color:var(--color-text-dim);white-space:nowrap}.email-reading-pane{display:flex;flex-direction:column;background:#1e1e3a}.email-toolbar{display:flex;gap:.5rem;padding:.75rem 1rem;background:#16162a;border-bottom:1px solid var(--color-border)}.toolbar-btn{padding:.4rem .75rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);font-size:.75rem;cursor:not-allowed;opacity:.5}.toolbar-spacer{flex:1}.email-subject-bar{padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border)}.email-subject-bar h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text)}.email-sender-section{display:flex;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);align-items:flex-start}.sender-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#f97316,#ea580c);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1.25rem;flex-shrink:0}.sender-details{flex:1}.sender-row{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.sender-name{font-weight:600;color:var(--color-text)}.sender-email{font-size:.85rem;color:var(--color-text-muted)}.clickable{cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius);border:1px solid transparent;transition:var(--transition)}.clickable:hover{background:#fbbf2433;border-color:var(--color-warning)}.clickable.found{background:#10b98133!important;border-color:var(--color-success)!important}.reply-to-row{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.85rem}.reply-to-label{color:var(--color-text-dim)}.reply-to-email{color:var(--color-warning)}.email-timestamp{margin-top:.5rem;font-size:.75rem;color:var(--color-text-dim)}.email-actions-mini{color:var(--color-text-muted);cursor:pointer;padding:.5rem;font-size:1.25rem}.email-content-area{flex:1;overflow-y:auto;padding:1.5rem;background:#fafafa}.email-body-modern{background:#fff;padding:2rem;border-radius:var(--radius);box-shadow:0 2px 8px #0000000d;color:#333;line-height:1.8;font-size:.95rem}.email-body-modern .email-text{margin:0;min-height:1.6em;color:#333}.email-body-modern .email-link{color:#1a73e8;text-decoration:underline;cursor:pointer;padding:.15rem .35rem;border-radius:4px;border:1px solid transparent;transition:all .2s}.email-body-modern .email-link:hover{background:#fff3cd;border-color:#ffc107}.email-body-modern .email-link.found{background:#d4edda;border-color:#28a745;text-decoration:none}.email-body-modern .email-link.false-positive{background:#f8d7da;border-color:#dc3545}.email-body-modern .link-url-reveal{display:block;margin-top:.25rem;padding:.35rem .5rem;background:#f8d7da;border-radius:4px;font-size:.75rem;color:#dc3545;font-family:monospace}.email-body-modern .email-highlight{background:#fff3cd;padding:.15rem .5rem;border-radius:4px;cursor:pointer;border:1px solid transparent;transition:all .2s}.email-body-modern .email-highlight:hover{background:#ffe69c;border-color:#ffc107}.email-body-modern .email-highlight.found{background:#d4edda;border-color:#28a745}.attachments-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.attachments-header{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#333;margin-bottom:1rem}.attachments-grid{display:flex;gap:.75rem;flex-wrap:wrap}.attachment-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:var(--radius);cursor:pointer;transition:all .2s;min-width:200px}.attachment-card:hover{background:#fff3cd;border-color:#ffc107}.attachment-card.found{background:#d4edda;border-color:#28a745}.attachment-card.suspicious-type{border-color:#dc3545;background:#fff5f5}.attachment-card.suspicious-type:hover{background:#f8d7da}.attachment-icon{font-size:1.5rem}.attachment-info{flex:1}.attachment-name{font-size:.85rem;font-weight:500;color:#333}.attachment-size{font-size:.75rem;color:#666}.attachment-download{color:#666;font-size:1rem}.email-verdict-section{margin-top:1.5rem;padding:1.5rem;background:var(--color-bg-dark);border-radius:var(--radius-lg);border:1px solid var(--color-glass-border)}.verdict-prompt{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.25rem;font-size:1.1rem;color:var(--color-text)}.verdict-buttons{display:flex;justify-content:center;gap:1rem}.verdict-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 2.5rem;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);min-width:280px}.verdict-btn .btn-icon{font-size:2rem}.verdict-btn .btn-text{font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.verdict-btn .btn-hint{font-size:.75rem;opacity:.7}.verdict-btn.phishing{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 15px #dc262666}.verdict-btn.phishing:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 6px 25px #dc262680;transform:translateY(-3px)}.verdict-btn.safe{border-color:var(--color-success);color:var(--color-success)}.verdict-btn.safe:hover:not(:disabled){background:#10b9811a;box-shadow:0 0 30px var(--color-success-glow);transform:translateY(-3px)}.verdict-btn:disabled{opacity:.5;cursor:not-allowed}.classification-hud{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--color-bg-dark);border-radius:var(--radius-lg);margin-bottom:1rem;border:1px solid var(--color-glass-border)}.progress-tracker{display:flex;align-items:center;gap:.75rem}.mini-progress-bar{width:100px;height:8px;background:var(--color-bg-light);border-radius:4px;overflow:hidden}.mini-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-success) 100%);border-radius:4px;transition:width .3s ease}.classification-guide{background:var(--color-bg-dark)!important}.classification-guide h4{margin:0 0 1rem;color:var(--color-text)}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.guide-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;background:var(--color-bg-light);border-radius:var(--radius);border-left:3px solid;text-align:center}.guide-icon{font-size:1.5rem}.guide-level{font-weight:700;font-size:.85rem}.guide-desc{font-size:.7rem;color:var(--color-text-muted)}.classification-simulator .instructions{display:flex;align-items:center;gap:.75rem;background:var(--color-bg-light);padding:1.25rem;border-radius:var(--radius);margin-bottom:1.5rem;border:1px solid var(--color-glass-border);color:var(--color-text-muted)}.unplaced-items{margin-bottom:2rem}.unplaced-items h3{margin:0 0 1rem;font-size:1rem;font-family:Orbitron,sans-serif;color:var(--color-text);display:flex;align-items:center;gap:.5rem}.item-cards{display:flex;flex-wrap:wrap;gap:1rem;min-height:120px;padding:1.5rem;background:var(--color-bg-dark);border-radius:var(--radius);border:2px dashed var(--color-border)}.item-card{background:var(--color-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.25rem;border-radius:var(--radius);border:1px solid var(--color-glass-border);cursor:grab;max-width:280px;transition:var(--transition);position:relative}.item-card:before{content:"⋮⋮";position:absolute;top:.5rem;right:.75rem;color:var(--color-text-dim);font-size:.75rem}.item-card:hover{transform:translateY(-3px) rotate(1deg);border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.item-card:active{cursor:grabbing;transform:scale(1.05)}.item-title{font-weight:700;margin-bottom:.5rem;color:var(--color-text)}.item-content{font-size:.85rem;color:var(--color-text-muted);line-height:1.5}.pii-flags{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.25rem}.pii-flag{display:inline-flex;align-items:center;gap:.25rem;background:#ef44441a;color:var(--color-danger);font-size:.7rem;padding:.25rem .5rem;border-radius:999px;border:1px solid rgba(239,68,68,.3)}.all-placed{color:var(--color-success);font-weight:600;display:flex;align-items:center;gap:.5rem;padding:1rem;justify-content:center}.classification-buckets{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.bucket{background:var(--color-bg-light);border:2px solid var(--color-border);border-radius:var(--radius);min-height:220px;transition:var(--transition);overflow:hidden}.bucket.drop-target{border-style:dashed;border-color:var(--color-primary);box-shadow:0 0 20px var(--color-primary-glow)}.bucket-header{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;text-align:center;color:#fff}.bucket-icon{font-size:1.5rem}.bucket-title{font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:.85rem}.bucket-desc{font-size:.65rem;opacity:.85}.bucket-items{padding:.75rem;min-height:170px}.bucket-empty{display:flex;align-items:center;justify-content:center;height:100px;color:var(--color-text-dim);font-size:.8rem;border:2px dashed var(--color-border);border-radius:var(--radius);margin:.5rem}.bucket-item{display:flex;align-items:center;gap:.5rem;background:var(--color-card);padding:.75rem;border-radius:var(--radius);margin-bottom:.5rem;font-size:.8rem;cursor:pointer;transition:var(--transition)}.item-remove{color:var(--color-danger);font-size:.7rem;opacity:0;transition:var(--transition)}.bucket-item:hover .item-remove{opacity:1;cursor:pointer;border:1px solid var(--color-border);transition:var(--transition)}.bucket-item:hover{background:#ef44441a;border-color:var(--color-danger)}.submit-button{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;padding:1rem 3rem;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:none}.submit-button:hover{box-shadow:0 0 30px var(--color-primary-glow);transform:translateY(-2px)}.hotspot-game-hud{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--color-bg-dark);border-radius:var(--radius-lg);margin-bottom:1rem;border:1px solid var(--color-glass-border)}.threats-tracker,.misses-tracker{display:flex;align-items:center;gap:.5rem}.hotspot-tips{background:var(--color-bg-dark)!important}.hotspot-tips h4{margin:0 0 1rem;color:var(--color-text)}.tips-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.tip-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-bg-light);border-radius:var(--radius);font-size:.8rem;color:var(--color-text-muted)}.tip-item span{font-size:1.1rem}.hotspot-feedback-card{background:var(--color-bg-dark);padding:1.25rem;border-radius:var(--radius-lg);border-left:4px solid;margin-bottom:1rem;border:1px solid var(--color-glass-border);animation:slide-in .3s ease-out}@keyframes slide-in{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.feedback-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.feedback-header strong{flex:1;color:var(--color-text);font-size:1rem}.severity-indicator{font-size:1.25rem}.feedback-text{margin:0 0 .75rem;color:var(--color-text-muted);font-size:.9rem;line-height:1.5}.feedback-points{font-family:Orbitron,sans-serif;font-weight:700;color:var(--color-xp);font-size:.9rem}.severity-badge{font-size:.7rem;padding:.25rem .75rem;border-radius:999px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.severity-low{background:#10b98133;color:var(--color-success);border:1px solid var(--color-success)}.severity-medium{background:#fbbf2433;color:var(--color-xp);border:1px solid var(--color-xp)}.severity-high{background:#f9731633;color:#f97316;border:1px solid #f97316}.severity-critical{background:#ef444433;color:var(--color-danger);border:1px solid var(--color-danger);animation:pulse-glow 1s infinite}.hotspot-image-container{position:relative;background:var(--color-bg-dark);border-radius:var(--radius);overflow:hidden;cursor:crosshair;border:2px solid var(--color-glass-border);transition:var(--transition)}.hotspot-image-container:hover{border-color:var(--color-primary);box-shadow:0 0 30px var(--color-primary-glow)}.hotspot-image,.hotspot-scene-image{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.hotspot-scene-placeholder{width:100%;min-height:400px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;align-items:center;justify-content:center;position:relative}.scene-description{text-align:center;padding:2rem;z-index:1}.scene-icon{font-size:3rem;margin-bottom:1rem}.scene-description h3{color:var(--color-primary);margin:0 0 .5rem;font-size:1.5rem}.scene-description p{color:var(--text-secondary);max-width:400px;margin:0 auto 1rem;font-size:.95rem}.scene-grid{position:absolute;top:0;left:0;right:0;bottom:0}.scene-hotspot-area{position:absolute;border:2px dashed rgba(255,255,255,.3);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:#ffffff0d}.scene-hotspot-area:hover{border-color:var(--color-primary);background:#00d4ff1a;transform:scale(1.02)}.scene-hotspot-area.found{border-color:var(--color-success);background:#10b98133;pointer-events:none}.area-number{font-size:1.5rem;font-weight:700;color:#ffffff80}.scene-hotspot-area.found .area-number{color:var(--color-success)}.scene-hotspot-area.found:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:var(--color-success)}.hotspot-found{position:absolute;border:3px solid var(--color-success);border-radius:var(--radius);background:#10b9814d;pointer-events:none;animation:hotspot-pulse 2s infinite}@keyframes hotspot-pulse{0%,to{box-shadow:0 0 10px var(--color-success-glow)}50%{box-shadow:0 0 25px var(--color-success-glow)}}.hotspot-label{position:absolute;bottom:100%;left:0;background:linear-gradient(135deg,var(--color-success) 0%,#059669 100%);color:#fff;font-size:.7rem;padding:.35rem .75rem;border-radius:var(--radius);white-space:nowrap;font-weight:600;margin-bottom:5px}.click-feedback{position:absolute;width:40px;height:40px;margin-left:-20px;margin-top:-20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;pointer-events:none;animation:pop .4s ease-out}.click-feedback.found{background:linear-gradient(135deg,var(--color-success) 0%,#059669 100%);color:#fff;box-shadow:0 0 20px var(--color-success-glow)}.click-feedback.miss{background:linear-gradient(135deg,var(--color-danger) 0%,#dc2626 100%);color:#fff;box-shadow:0 0 20px var(--color-danger-glow)}@keyframes pop{0%{transform:scale(0);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1.5);opacity:0}}.hotspot-bottom-section{margin-top:1.5rem;display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:start}.found-items-panel{background:var(--color-bg-dark);padding:1.25rem;border-radius:var(--radius-lg);border:1px solid var(--color-glass-border)}.found-items-panel h4{margin:0 0 1rem;font-family:Orbitron,sans-serif;font-size:.9rem;color:var(--color-text)}.no-items-yet{color:var(--color-text-dim);font-size:.85rem;font-style:italic;margin:0}.found-items-grid{display:flex;flex-wrap:wrap;gap:.5rem}.found-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-bg-light);border-radius:var(--radius);border-left:3px solid;font-size:.8rem}.found-item.severity-critical{border-color:var(--color-danger)}.found-item.severity-high{border-color:#f97316}.found-item.severity-medium{border-color:var(--color-xp)}.found-item.severity-low{border-color:var(--color-success)}.found-item-icon{font-size:1rem}.found-item-title{color:var(--color-text)}.found-item-points{color:var(--color-xp);font-weight:700;font-size:.7rem}.hotspot-actions{display:flex;flex-direction:column;gap:.75rem}.complete-btn{padding:1rem 2rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:700;font-size:.9rem;cursor:pointer;transition:var(--transition)}.complete-btn:hover:not(:disabled){box-shadow:0 0 30px var(--color-primary-glow);transform:translateY(-2px)}.complete-btn.success{background:linear-gradient(135deg,var(--color-success) 0%,#059669 100%);animation:pulse-glow 1s infinite}.complete-btn:disabled{opacity:.5;cursor:not-allowed}.admin-dashboard{max-width:1400px;margin:0 auto;position:relative;z-index:1}.admin-actions{display:flex;gap:1rem;padding:0 2rem;margin-bottom:1.5rem;flex-wrap:wrap}.admin-stats{display:flex;gap:2rem;padding:0 2rem;color:var(--color-text-muted);font-size:.875rem;margin-bottom:1.5rem}.admin-stats span{display:flex;align-items:center;gap:.5rem}.admin-stats strong{color:var(--color-primary);font-family:Orbitron,sans-serif}.notification{display:flex;align-items:center;justify-content:space-between;margin:0 2rem 1.5rem;padding:1rem 1.25rem;border-radius:var(--radius);border:1px solid}.notification.success{background:#10b9811a;color:var(--color-success);border-color:var(--color-success)}.notification.error{background:#ef44441a;color:var(--color-danger);border-color:var(--color-danger)}.notification button{background:transparent;border:none;font-size:1.25rem;cursor:pointer;opacity:.7;color:inherit}.notification button:hover{opacity:1}.challenge-table-wrapper{padding:0 2rem;overflow-x:auto}.challenge-table{width:100%;background:var(--color-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius);border-collapse:collapse;border:1px solid var(--color-glass-border)}.challenge-table th,.challenge-table td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid var(--color-border)}.challenge-table th{background:var(--color-bg-light);font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted)}.challenge-table td{font-size:.875rem}.challenge-table tr:hover td{background:var(--color-card-hover)}.challenge-link{color:var(--color-primary);text-decoration:none;font-weight:600;transition:var(--transition)}.challenge-link:hover{text-shadow:0 0 10px var(--color-primary-glow)}.challenge-tags-small{display:flex;gap:.25rem;margin-top:.5rem;flex-wrap:wrap}.challenge-tags-small .tag{font-size:.6rem;padding:.15rem .5rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge.published{background:#10b98133;color:var(--color-success);border:1px solid var(--color-success)}.status-badge.draft{background:#fbbf2433;color:var(--color-xp);border:1px solid var(--color-xp)}.actions-cell{white-space:nowrap}.action-btn{padding:.4rem .75rem;margin-right:.5rem;font-size:.75rem;border-radius:var(--radius);cursor:pointer;border:1px solid transparent;text-decoration:none;transition:var(--transition);font-weight:600}.action-btn.edit{background:#00d4ff1a;color:var(--color-primary);border-color:var(--color-primary)}.action-btn.edit:hover{background:#00d4ff33;box-shadow:0 0 10px var(--color-primary-glow)}.action-btn.toggle{background:#7c3aed1a;color:var(--color-secondary);border-color:var(--color-secondary)}.action-btn.toggle:hover{background:#7c3aed33}.action-btn.delete{background:#ef44441a;color:var(--color-danger);border-color:var(--color-danger)}.action-btn.delete:hover{background:#ef444433;box-shadow:0 0 10px var(--color-danger-glow)}.admin-editor{max-width:1000px;margin:0 auto;padding-bottom:3rem;position:relative;z-index:1}.type-selector{padding:2rem;text-align:center}.type-selector h2{font-family:Orbitron,sans-serif;margin-bottom:.5rem}.type-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2rem 0}.type-option{background:var(--color-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:2rem;cursor:pointer;transition:var(--transition);text-align:center}.type-option:hover{border-color:var(--color-primary);transform:translateY(-5px);box-shadow:var(--shadow-glow)}.type-option.selected{border-color:var(--color-primary);background:#00d4ff1a;box-shadow:var(--shadow-glow)}.type-option .icon{font-size:3rem;display:block;margin-bottom:1rem}.type-option .label{font-weight:700;display:block;margin-bottom:.5rem;font-size:1.1rem}.type-option .desc{font-size:.8rem;color:var(--color-text-muted)}.editor-form{padding:0 2rem}.form-section{background:var(--color-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.75rem;border-radius:var(--radius);margin-bottom:1.5rem;border:1px solid var(--color-glass-border)}.form-section h2{margin:0 0 1.25rem;font-size:1.1rem;font-family:Orbitron,sans-serif;padding-bottom:.75rem;border-bottom:1px solid var(--color-border);color:var(--color-primary)}.form-section h3{margin:1.5rem 0 1rem;font-size:.95rem;color:var(--color-text)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:span 2}.form-group label{font-size:.75rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.875rem;background:var(--color-bg-light);color:var(--color-text);transition:var(--transition)}.form-group textarea{min-height:100px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary-glow)}.help-text{font-size:.8rem;color:var(--color-text-dim);margin-bottom:1rem;font-style:italic}.error-list{padding:0 2rem;margin-bottom:1.5rem}.error{background:#ef44441a;color:var(--color-danger);padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:.5rem;font-size:.875rem;border:1px solid var(--color-danger)}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:var(--radius);transition:var(--transition)}.checkbox-label:hover{background:var(--color-bg-light)}.checkbox-label input{width:20px;height:20px;accent-color:var(--color-primary)}.editor-actions{display:flex;gap:1rem;padding-top:1.5rem;flex-wrap:wrap}.block-list{margin-bottom:1rem}.block-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-bg-dark);border-radius:var(--radius);margin-bottom:.5rem;border:1px solid var(--color-border)}.block-type{font-size:.65rem;background:var(--color-primary);color:#fff;padding:.25rem .5rem;border-radius:var(--radius);min-width:55px;text-align:center;text-transform:uppercase;font-weight:700}.block-item input{flex:1;padding:.5rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.8rem;background:var(--color-bg-light);color:var(--color-text)}.remove-btn{background:#ef44441a;color:var(--color-danger);border:1px solid var(--color-danger);padding:.35rem .65rem;border-radius:var(--radius);cursor:pointer;font-size:.75rem;transition:var(--transition)}.remove-btn:hover{background:#ef444433}.add-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.add-buttons button{font-size:.75rem;padding:.5rem 1rem}.findings-list,.items-list,.hotspots-list{margin-bottom:1rem}.finding-item,.item-editor,.hotspot-item-editor{background:var(--color-bg-dark);padding:1.25rem;border-radius:var(--radius);margin-bottom:1rem;border:1px solid var(--color-border)}.form-grid.coords{grid-template-columns:repeat(4,1fr)}.image-preview{margin:1rem 0}.image-preview p{font-size:.875rem;margin-bottom:.5rem}.preview-container{position:relative;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.preview-container img{width:100%;height:auto;display:block}.hotspot-preview{position:absolute;border:2px dashed var(--color-danger);background:#ef444433;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--color-danger)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal{background:var(--color-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 0 60px #00d4ff33}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--color-border)}.modal-header h2{margin:0;font-family:Orbitron,sans-serif;font-size:1.25rem;color:var(--color-primary)}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--color-text-muted);cursor:pointer;padding:.5rem;line-height:1;transition:var(--transition)}.modal-close:hover{color:var(--color-danger)}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--color-border)}.raw-editor-modal{max-width:1000px}.raw-editor-toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.editor-hint{color:var(--color-text-muted);font-size:.8rem}.raw-editor-error{background:#ef44441a;border:1px solid var(--color-danger);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}.raw-editor-error pre{margin:0;color:var(--color-danger);font-size:.8rem;white-space:pre-wrap;word-break:break-word}.raw-json-textarea{width:100%;min-height:500px;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.5;background:var(--color-bg-dark);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);resize:vertical}.raw-json-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary-glow)}.button.small{padding:.4rem .75rem;font-size:.75rem}.button.secondary{background:linear-gradient(135deg,var(--color-secondary) 0%,#6d28d9 100%)}.button.secondary:hover{box-shadow:0 0 20px #7c3aed66}.action-btn.raw{background:#7c3aed1a;color:var(--color-secondary);border-color:var(--color-secondary)}.action-btn.raw:hover{background:#7c3aed33}.difficulty-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:1px;text-transform:uppercase}.difficulty-badge.rookie{background:linear-gradient(135deg,#22c55e33,#10b98133);color:#22c55e;border:1px solid #22c55e;box-shadow:0 0 10px #22c55e4d}.difficulty-badge.easy{background:linear-gradient(135deg,#3b82f633,#2563eb33);color:#3b82f6;border:1px solid #3b82f6;box-shadow:0 0 10px #3b82f64d}.difficulty-badge.medium{background:linear-gradient(135deg,#eab30833,#ca8a0433);color:#eab308;border:1px solid #eab308;box-shadow:0 0 10px #eab3084d}.difficulty-badge.hard{background:linear-gradient(135deg,#f9731633,#ea580c33);color:#f97316;border:1px solid #f97316;box-shadow:0 0 10px #f973164d}.difficulty-badge.expert{background:linear-gradient(135deg,#ef444433,#dc262633);color:#ef4444;border:1px solid #ef4444;box-shadow:0 0 10px #ef44444d;animation:pulse-expert 2s infinite}@keyframes pulse-expert{0%,to{box-shadow:0 0 10px #ef44444d}50%{box-shadow:0 0 20px #ef444480}}.time-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .6rem;background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:999px;font-size:.7rem;color:var(--color-text-muted)}@media (max-width: 1024px){.category-grid,.progress-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero h1{font-size:2rem}.hero-subtitle{font-size:.75rem}.player-stats{flex-direction:column;gap:1rem}.xp-bar-container{width:100%;max-width:100%}.category-grid,.challenge-grid,.phishing-simulator .email-client{grid-template-columns:1fr}.email-list{display:none}.classification-buckets,.stats-grid{grid-template-columns:repeat(2,1fr)}.type-options,.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.filters{flex-direction:column;margin:0 1rem 1rem}.admin-actions,.challenge-table-wrapper{padding:0 1rem}}@media (max-width: 480px){.home-page{padding:1rem}.hero{padding:2rem 1rem}.hero h1{font-size:1.5rem;letter-spacing:1px}.progress-summary{grid-template-columns:repeat(2,1fr);gap:.75rem}.progress-card{padding:1rem}.progress-number{font-size:1.75rem}.classification-buckets,.stats-grid{grid-template-columns:1fr}.results-actions{flex-direction:column}.results-actions button,.results-actions a{width:100%}}.password-simulator,.social-engineering-simulator,.secure-browsing-simulator,.mobile-security-simulator,.incident-response-simulator,.physical-security-simulator{max-width:900px;margin:0 auto}.password-game-hud,.se-game-hud,.sb-game-hud,.ms-game-hud,.ir-game-hud,.ps-game-hud{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--color-bg-dark);border-radius:var(--radius-lg);margin-bottom:1.5rem;border:1px solid var(--color-glass-border);flex-wrap:wrap;gap:1rem}.hud-left{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.hud-center,.hud-right{display:flex;align-items:center}.progress-tracker,.score-tracker,.phase-tracker{display:flex;align-items:center;gap:.5rem}.tracker-icon{font-size:1.25rem}.tracker-label{color:var(--color-text-muted);font-size:.8rem}.tracker-value{font-family:Orbitron,sans-serif;font-weight:700;color:var(--color-text)}.tracker-value.error{color:var(--color-danger)}.password-tips,.se-tips,.sb-tips,.ms-tips,.ir-tips,.ps-tips{background:var(--color-bg-dark)!important;margin-bottom:1.5rem}.password-tips h4,.se-tips h4,.sb-tips h4,.ms-tips h4,.ir-tips h4,.ps-tips h4{margin:0 0 1rem;color:var(--color-text)}.instructions{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#00d4ff1a;border:1px solid var(--color-primary);border-radius:var(--radius);margin-bottom:1.5rem;color:var(--color-text-muted);font-size:.9rem}.password-card{background:var(--color-bg-dark);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--color-glass-border)}.password-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.password-number{font-family:Orbitron,sans-serif;font-size:.9rem;color:var(--color-text-muted)}.toggle-visibility{background:var(--color-bg-light);border:1px solid var(--color-border);padding:.5rem 1rem;border-radius:var(--radius);color:var(--color-text);cursor:pointer;transition:var(--transition)}.toggle-visibility:hover{border-color:var(--color-primary)}.password-display{background:var(--color-bg-light);padding:1.5rem;border-radius:var(--radius);text-align:center;margin-bottom:1rem}.password-text{font-family:Courier New,monospace;font-size:1.5rem;color:var(--color-primary);letter-spacing:2px}.password-text.masked{color:var(--color-text-muted)}.password-analysis{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.analysis-item{display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:var(--color-bg-light);border-radius:var(--radius);font-size:.75rem;border:1px solid var(--color-border)}.analysis-item.good{border-color:var(--color-success);color:var(--color-success)}.analysis-item.ok{border-color:var(--color-xp);color:var(--color-xp)}.analysis-item.bad{border-color:var(--color-danger);color:var(--color-danger)}.strength-selection h3{text-align:center;margin-bottom:1rem;color:var(--color-text)}.strength-options{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.strength-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:var(--color-bg-dark);border:2px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:var(--transition);min-width:100px}.strength-btn:hover:not(:disabled){border-color:var(--strength-color, var(--color-primary));box-shadow:0 0 15px color-mix(in srgb,var(--strength-color, var(--color-primary)) 30%,transparent)}.strength-btn.selected{border-color:var(--strength-color, var(--color-primary));background:color-mix(in srgb,var(--strength-color, var(--color-primary)) 15%,transparent)}.strength-btn.correct{border-color:var(--color-success)!important;background:#10b98133!important}.strength-btn.wrong{border-color:var(--color-danger)!important;background:#ef444433!important}.strength-btn:disabled{cursor:not-allowed;opacity:.7}.strength-icon{font-size:1.5rem}.strength-label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--color-text)}.rating-result{padding:1.25rem;border-radius:var(--radius);margin:1.5rem 0;border-left:4px solid}.rating-result.correct{background:#10b9811a;border-color:var(--color-success)}.rating-result.wrong{background:#ef44441a;border-color:var(--color-danger)}.rating-result.partial{background:#f59e0b1a;border-color:var(--color-warning)}.result-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;font-weight:700;color:var(--color-text)}.result-icon{font-size:1.25rem}.result-explanation,.result-feedback{color:var(--color-text-muted);font-size:.9rem;margin:0 0 .75rem;line-height:1.5}.result-hints{margin-top:.75rem}.result-hints strong{color:var(--color-text);font-size:.85rem}.result-hints ul{margin:.5rem 0 0 1.25rem;padding:0}.result-hints li{color:var(--color-text-muted);font-size:.85rem;margin-bottom:.25rem}.password-actions,.se-actions,.sb-actions,.ms-actions,.ir-actions,.ps-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.submit-btn,.next-btn,.continue-btn,.complete-btn{padding:1rem 2.5rem;font-size:1rem;font-weight:700;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition)}.submit-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff}.submit-btn:hover:not(:disabled){box-shadow:0 0 30px var(--color-primary-glow);transform:translateY(-2px)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.next-btn,.continue-btn{background:linear-gradient(135deg,var(--color-success) 0%,#059669 100%);color:#fff}.next-btn:hover:not(:disabled),.continue-btn:hover:not(:disabled){box-shadow:0 0 30px var(--color-success-glow);transform:translateY(-2px)}.score-summary{margin-top:1.5rem;padding:1rem;background:var(--color-bg-dark);border-radius:var(--radius);border:1px solid var(--color-glass-border)}.summary-stats{display:flex;justify-content:center;gap:2rem}.summary-stats .stat{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.summary-stats .stat.correct{color:var(--color-success)}.summary-stats .stat.wrong{color:var(--color-danger)}.summary-stats .stat.total{color:var(--color-xp);font-weight:700}.scenario-card{background:var(--color-bg-dark);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--color-glass-border)}.scenario-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.channel-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:999px;color:#fff;font-size:.8rem;font-weight:600}.attack-technique{display:flex;align-items:center;gap:.5rem;color:var(--color-text-muted);font-size:.85rem}.scenario-context{color:var(--color-text-muted);margin-bottom:1rem;font-style:italic}.conversation-thread{background:var(--color-bg-light);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}.message{padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:.75rem}.message.attacker{background:#ef44441a;border-left:3px solid var(--color-danger)}.message.system{background:#00d4ff1a;border-left:3px solid var(--color-primary)}.message.colleague{background:#10b9811a;border-left:3px solid var(--color-success)}.message-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:.8rem}.sender-name{font-weight:700;color:var(--color-text)}.sender-role{color:var(--color-text-dim)}.message-time{color:var(--color-text-dim);margin-left:auto}.message-content{color:var(--color-text-muted);line-height:1.5}.red-flags-toggle{background:#ef44441a;border:1px solid var(--color-danger);color:var(--color-danger);padding:.5rem 1rem;border-radius:var(--radius);cursor:pointer;font-size:.85rem;transition:var(--transition)}.red-flags-toggle:hover{background:#ef444433}.red-flags-list{margin-top:1rem;padding:1rem;background:#ef44441a;border-radius:var(--radius);border:1px solid rgba(239,68,68,.3)}.red-flags-list h4{margin:0 0 .75rem;color:var(--color-danger);font-size:.9rem}.red-flags-list ul{margin:0;padding-left:1.25rem}.red-flags-list li{color:var(--color-text-muted);font-size:.85rem;margin-bottom:.35rem}.response-section h3{text-align:center;margin-bottom:1rem;color:var(--color-text)}.response-options{display:flex;flex-direction:column;gap:.75rem}.response-option{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:var(--color-bg-dark);border:2px solid var(--color-border);border-radius:var(--radius);cursor:pointer;text-align:left;transition:var(--transition)}.response-option:hover:not(:disabled){border-color:var(--color-primary)}.response-option.selected{border-color:var(--color-primary);background:#00d4ff1a}.response-option.correct{border-color:var(--color-success)!important;background:#10b9811a!important}.response-option.wrong{border-color:var(--color-danger)!important;background:#ef44441a!important}.response-option:disabled{cursor:not-allowed}.option-text{flex:1;color:var(--color-text);font-size:.9rem}.option-badge{font-size:.7rem;font-weight:700;padding:.25rem .75rem;border-radius:999px}.option-badge.correct{background:var(--color-success);color:#fff}.option-badge.wrong{background:var(--color-danger);color:#fff}.response-result{padding:1.25rem;border-radius:var(--radius);margin:1.5rem 0;border-left:4px solid}.response-result.correct{background:#10b9811a;border-color:var(--color-success)}.response-result.wrong{background:#ef44441a;border-color:var(--color-danger)}.url-card{background:var(--color-bg-dark);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--color-glass-border)}.url-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.url-number{font-family:Orbitron,sans-serif;font-size:.9rem;color:var(--color-text-muted)}.breakdown-toggle{background:var(--color-bg-light);border:1px solid var(--color-border);padding:.5rem 1rem;border-radius:var(--radius);color:var(--color-text);cursor:pointer;transition:var(--transition);font-size:.85rem}.breakdown-toggle:hover{border-color:var(--color-primary)}.browser-mockup{background:#1a1a2e;border-radius:var(--radius);overflow:hidden;border:1px solid var(--color-border)}.browser-bar{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#252540;border-bottom:1px solid var(--color-border)}.browser-controls{display:flex;gap:.5rem}.browser-dot{width:12px;height:12px;border-radius:50%}.browser-dot.red{background:#ff5f57}.browser-dot.yellow{background:#febc2e}.browser-dot.green{background:#28c840}.url-bar{flex:1;display:flex;align-items:center;gap:.5rem;background:var(--color-bg-dark);padding:.5rem 1rem;border-radius:var(--radius);font-family:Courier New,monospace}.lock-icon{font-size:.9rem}.url-display{color:var(--color-text);font-size:.85rem;word-break:break-all}.browser-actions{color:var(--color-text-muted)}.browser-content{padding:1.5rem;min-height:100px}.fake-page{opacity:.3}.fake-header{height:20px;width:40%;background:var(--color-border);border-radius:var(--radius);margin-bottom:1rem}.fake-line{height:10px;background:var(--color-border);border-radius:var(--radius);margin-bottom:.5rem}.fake-line.short{width:60%}.url-breakdown{margin-top:1rem;padding:1rem;background:var(--color-bg-light);border-radius:var(--radius)}.url-breakdown h4{margin:0 0 .75rem;color:var(--color-text);font-size:.9rem}.url-parts{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}.url-part{display:flex;flex-direction:column;align-items:center;gap:.25rem}.part-label{font-size:.65rem;color:var(--color-text-dim);text-transform:uppercase}.part-value{font-family:Courier New,monospace;font-size:.85rem;color:var(--color-text);padding:.25rem .5rem;background:var(--color-bg-dark);border-radius:var(--radius)}.url-part.important .part-value{background:#ef444433;color:var(--color-danger);font-weight:700}.url-part.highlight .part-value{background:#fbbf2433;color:var(--color-xp)}.legitimate-hint{margin-top:1rem;padding:.75rem 1rem;background:#00d4ff1a;border-radius:var(--radius);font-size:.85rem;color:var(--color-text-muted);display:flex;align-items:center;gap:.5rem}.legitimate-hint strong{color:var(--color-primary)}.verdict-selection h3{text-align:center;margin-bottom:1rem;color:var(--color-text)}.verdict-options{display:flex;gap:1rem;justify-content:center}.verdict-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 2rem;background:var(--color-bg-dark);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);min-width:150px}.verdict-btn.safe:hover:not(:disabled){border-color:var(--color-success);box-shadow:0 0 20px var(--color-success-glow)}.verdict-btn.malicious:hover:not(:disabled){border-color:var(--color-danger);box-shadow:0 0 20px var(--color-danger-glow)}.verdict-btn.selected.safe{border-color:var(--color-success);background:#10b9811a}.verdict-btn.selected.malicious{border-color:var(--color-danger);background:#ef44441a}.verdict-btn.correct{border-color:var(--color-success)!important;background:#10b98133!important}.verdict-btn.wrong{border-color:var(--color-danger)!important;background:#ef444433!important}.verdict-btn:disabled{cursor:not-allowed;opacity:.7}.verdict-icon{font-size:2rem}.verdict-label{font-weight:700;color:var(--color-text)}.verdict-desc{font-size:.75rem;color:var(--color-text-dim)}.url-result{padding:1.25rem;border-radius:var(--radius);margin:1.5rem 0;border-left:4px solid}.url-result.correct{background:#10b9811a;border-color:var(--color-success)}.url-result.wrong{background:#ef44441a;border-color:var(--color-danger)}.red-flags{margin-top:.75rem}.red-flags strong{color:var(--color-danger);font-size:.85rem}.red-flags ul{margin:.5rem 0 0 1.25rem;padding:0}.red-flags li{color:var(--color-text-muted);font-size:.85rem;margin-bottom:.25rem}.phone-mockup{max-width:350px;margin:0 auto 1.5rem;background:#1a1a2e;border-radius:30px;padding:10px;border:3px solid #333;box-shadow:0 20px 60px #00000080}.phone-notch{width:120px;height:25px;background:#000;margin:0 auto 10px;border-radius:0 0 15px 15px}.phone-screen{background:var(--color-bg-dark);border-radius:20px;padding:1rem;min-height:400px}.phone-home-bar{width:100px;height:5px;background:#666;margin:10px auto 0;border-radius:5px}.app-store-card{background:var(--color-bg-light);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}.app-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.app-icon{font-size:2.5rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-dark);border-radius:12px}.app-name{margin:0;font-size:1rem;color:var(--color-text)}.app-developer{margin:0;font-size:.75rem;color:var(--color-text-dim)}.install-btn{background:var(--color-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:999px;font-weight:700;font-size:.8rem}.app-description{margin:0;font-size:.8rem;color:var(--color-text-muted)}.permission-dialog{background:var(--color-bg-light);border-radius:var(--radius);padding:1rem}.permission-dialog h4{margin:0 0 .25rem;color:var(--color-text);font-size:.9rem}.permission-subtitle{margin:0 0 .75rem;color:var(--color-text-dim);font-size:.75rem}.permissions-list{display:flex;flex-direction:column;gap:.5rem}.permission-item{background:var(--color-bg-dark);border-radius:var(--radius);padding:.75rem;cursor:pointer;transition:var(--transition);border:1px solid transparent}.permission-item:hover{border-color:var(--color-border)}.permission-item.suspicious{border-color:var(--color-danger);background:#ef44441a}.permission-row{display:flex;align-items:center;gap:.75rem}.permission-icon{font-size:1.25rem}.permission-name{flex:1;color:var(--color-text);font-size:.85rem}.suspicious-badge{font-size:1rem}.expand-icon{color:var(--color-text-dim);font-size:.7rem}.permission-description{margin:.5rem 0 0 2rem;color:var(--color-text-muted);font-size:.75rem}.decision-section h3{text-align:center;margin-bottom:1rem;color:var(--color-text)}.decision-options{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.decision-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:var(--color-bg-dark);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);min-width:120px}.decision-btn.allow:hover:not(:disabled){border-color:var(--color-success)}.decision-btn.review:hover:not(:disabled){border-color:var(--color-xp)}.decision-btn.deny:hover:not(:disabled){border-color:var(--color-danger)}.decision-btn.selected.allow{border-color:var(--color-success);background:#10b9811a}.decision-btn.selected.review{border-color:var(--color-xp);background:#fbbf241a}.decision-btn.selected.deny{border-color:var(--color-danger);background:#ef44441a}.decision-btn.correct{border-color:var(--color-success)!important;background:#10b98133!important}.decision-btn.wrong{border-color:var(--color-danger)!important;background:#ef444433!important}.decision-btn:disabled{cursor:not-allowed;opacity:.7}.decision-icon{font-size:1.5rem}.decision-label{font-weight:700;color:var(--color-text);font-size:.85rem}.decision-desc{font-size:.7rem;color:var(--color-text-dim);text-align:center}.decision-result{padding:1.25rem;border-radius:var(--radius);margin:1.5rem 0;border-left:4px solid}.decision-result.correct{background:#10b9811a;border-color:var(--color-success)}.decision-result.wrong{background:#ef44441a;border-color:var(--color-danger)}.suspicious-list{margin-top:.75rem}.suspicious-list strong{color:var(--color-xp);font-size:.85rem}.suspicious-list ul{margin:.5rem 0 0 1.25rem;padding:0}.suspicious-list li{color:var(--color-text-muted);font-size:.85rem;margin-bottom:.25rem}.incident-alert{background:var(--color-bg-dark);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;border:2px solid}.alert-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.severity-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:999px;color:#fff;font-size:.8rem;font-weight:600}.category-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-bg-light);border-radius:999px;color:var(--color-text);font-size:.8rem}.timestamp{color:var(--color-text-dim);font-size:.8rem;margin-left:auto}.incident-title{margin:0 0 .75rem;color:var(--color-text)}.incident-description{color:var(--color-text-muted);margin:0 0 1rem;line-height:1.5}.incident-details{background:var(--color-bg-light);border-radius:var(--radius);padding:1rem}.incident-details h4{margin:0 0 .75rem;color:var(--color-text);font-size:.9rem}.incident-details ul{margin:0;padding-left:1.25rem}.incident-details li{color:var(--color-text-muted);font-size:.85rem;margin-bottom:.35rem}.actions-phase h3,.escalation-phase h3{margin-bottom:.5rem;color:var(--color-text)}.phase-instruction{color:var(--color-text-muted);font-size:.85rem;margin-bottom:1rem}.actions-grid{display:flex;flex-direction:column;gap:.75rem}.action-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:var(--color-bg-dark);border:2px solid var(--color-border);border-radius:var(--radius);cursor:pointer;text-align:left;transition:var(--transition)}.action-card:hover:not(:disabled){border-color:var(--color-primary)}.action-card.selected{border-color:var(--color-primary);background:#00d4ff1a}.action-card.correct{border-color:var(--color-success)!important;background:#10b9811a!important}.action-card.wrong{border-color:var(--color-danger)!important;background:#ef44441a!important}.action-card.missed{border-color:var(--color-xp)!important;background:#fbbf241a!important}.action-card:disabled{cursor:not-allowed}.action-check{font-size:1.25rem}.action-content{flex:1}.action-text{color:var(--color-text);font-size:.9rem;display:block}.action-feedback{color:var(--color-text-muted);font-size:.8rem;margin-top:.5rem;display:block}.action-points{color:var(--color-success);font-weight:700;font-size:.85rem}.action-penalty{color:var(--color-danger);font-weight:700;font-size:.85rem}.phase-result{margin-top:1.5rem;padding:1rem;background:var(--color-bg-dark);border-radius:var(--radius);text-align:center}.escalation-options{display:flex;flex-direction:column;gap:.75rem}.escalation-card{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;background:var(--color-bg-dark);border:2px solid var(--color-border);border-radius:var(--radius);cursor:pointer;text-align:left;transition:var(--transition)}.escalation-card:hover:not(:disabled){border-color:var(--color-primary)}.escalation-card.selected{border-color:var(--color-primary);background:#00d4ff1a}.escalation-card.correct{border-color:var(--color-success)!important;background:#10b9811a!important}.escalation-card.wrong{border-color:var(--color-danger)!important;background:#ef44441a!important}.escalation-card:disabled{cursor:not-allowed}.contact-info{display:flex;align-items:center;gap:.75rem}.contact-icon{font-size:1.5rem}.contact-name{display:block;font-weight:700;color:var(--color-text)}.contact-role{display:block;font-size:.8rem;color:var(--color-text-dim)}.escalation-explanation{margin:0;color:var(--color-text-muted);font-size:.85rem}.scenario-card .scenario-title{margin:0 0 .75rem;color:var(--color-text)}.scenario-card .scenario-description{color:var(--color-text-muted);margin:0 0 1rem;font-size:.9rem}.location-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-bg-light);border-radius:999px;color:var(--color-text);font-size:.8rem}.situation-box{background:var(--color-bg-light);border-radius:var(--radius);padding:1rem;border-left:4px solid var(--color-primary)}.situation-box h4{margin:0 0 .5rem;color:var(--color-text);font-size:.9rem}.situation-box p{margin:0;color:var(--color-text-muted);line-height:1.5}.question-section{margin-bottom:1.5rem}.question-text{margin-bottom:1rem;color:var(--color-text);text-align:center}.options-list{display:flex;flex-direction:column;gap:.75rem}.option-card{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.25rem;background:var(--color-bg-dark);border:2px solid var(--color-border);border-radius:var(--radius);cursor:pointer;text-align:left;transition:var(--transition)}.option-card:hover:not(:disabled){border-color:var(--color-primary)}.option-card.selected{border-color:var(--color-primary);background:#00d4ff1a}.option-card.correct{border-color:var(--color-success)!important;background:#10b9811a!important}.option-card.wrong{border-color:var(--color-danger)!important;background:#ef44441a!important}.option-card:disabled{cursor:not-allowed}.option-content{flex:1}.option-card .option-text{color:var(--color-text);font-size:.9rem}.option-feedback{margin-top:.5rem}.impact-indicator{display:inline-block;font-size:.75rem;font-weight:700;margin-bottom:.25rem}.impact-indicator.positive{color:var(--color-success)}.impact-indicator.negative{color:var(--color-danger)}.impact-indicator.neutral{color:var(--color-xp)}.option-feedback p{margin:0;color:var(--color-text-muted);font-size:.8rem}.option-points{color:var(--color-success);font-weight:700;font-size:.85rem;align-self:flex-end}.answer-result{padding:1.25rem;border-radius:var(--radius);margin:1.5rem 0;border-left:4px solid}.answer-result.correct{background:#10b9811a;border-color:var(--color-success)}.answer-result.wrong{background:#ef44441a;border-color:var(--color-danger)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);padding:1rem}.login-container{background:var(--card-bg);border-radius:var(--radius-lg);padding:2.5rem;width:100%;max-width:420px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:1.75rem;margin-bottom:.5rem;color:var(--text-primary)}.login-header p{color:var(--text-secondary);font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-error{background:#ef44441a;border:1px solid var(--color-danger);color:var(--color-danger);padding:.75rem 1rem;border-radius:var(--radius);font-size:.9rem;display:flex;align-items:center;gap:.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--text-primary);font-size:.9rem}.form-group input{padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-primary);font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.form-group input::placeholder{color:var(--text-muted)}.login-button{background:var(--color-primary);color:#fff;border:none;padding:1rem;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s;margin-top:.5rem}.login-button:hover:not(:disabled){background:var(--color-primary-dark)}.login-button:active:not(:disabled){transform:scale(.98)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-button.primary-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);width:100%;padding:1rem 1.5rem;font-size:1.1rem;border-radius:var(--radius);box-shadow:0 4px 15px #00d4ff4d}.login-button.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff66}.login-success{background:#10b9811a;border:1px solid var(--color-success);color:var(--color-success);padding:.75rem 1rem;border-radius:var(--radius);font-size:.9rem;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.login-divider{display:flex;align-items:center;margin:1.5rem 0;color:var(--color-text-muted)}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.login-divider span{padding:0 1rem;font-size:.85rem}.login-toggle-btn{width:100%;padding:.875rem 1rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:.95rem;cursor:pointer;transition:all .2s}.login-toggle-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#00d4ff0d}.google-login-btn{width:100%;padding:.875rem 1rem;background:#fff;border:1px solid #dadce0;border-radius:var(--radius);color:#3c4043;font-size:.95rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .2s;margin-bottom:1rem}.google-login-btn:hover{background:#f8f9fa;border-color:#c6c6c6;box-shadow:0 1px 3px #0000001a}.google-login-btn svg{flex-shrink:0}.auth-callback-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg)}.auth-callback-container{text-align:center;padding:2rem}.auth-loading{display:flex;flex-direction:column;align-items:center;gap:1rem}.auth-loading .spinner{width:48px;height:48px;border:4px solid var(--color-glass-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.auth-loading p{color:var(--color-text-muted);font-size:1rem}.login-hint{margin-top:1.5rem;padding:1rem;background:#00d4ff0d;border:1px dashed var(--color-border);border-radius:var(--radius);text-align:center}.login-hint p{margin:0;font-size:.85rem;color:var(--color-text-muted);font-family:monospace}.login-footer{margin-top:1.5rem;text-align:center}.back-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:.5rem;transition:color .2s}.back-link:hover{color:var(--color-primary)}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-secondary)}@media (max-width: 768px){.app{font-size:14px}.phishing-simulator{padding:.5rem}.email-game-hud{flex-direction:column;gap:.75rem;padding:.75rem;margin-bottom:.75rem}.hud-left,.hud-center,.hud-right{width:100%;justify-content:center}.findings-tracker{font-size:.85rem}.hint-toggle{width:100%;justify-content:center}.hint-panel{padding:.75rem;margin-bottom:.75rem}.hint-panel h4{font-size:.9rem}.hint-panel ul{font-size:.8rem;padding-left:1rem}.email-client-realistic{grid-template-columns:1fr;min-height:auto}.email-sidebar{display:none}.email-sidebar.mobile-visible{display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;background:#16162a}.email-reading-pane{min-height:400px}.email-toolbar{padding:.5rem;gap:.25rem;flex-wrap:wrap;overflow-x:auto}.toolbar-btn{padding:.3rem .5rem;font-size:.7rem;white-space:nowrap}.email-subject-bar{padding:.75rem 1rem}.email-subject-bar h2{font-size:1rem;line-height:1.3}.email-sender-section{padding:.75rem 1rem;flex-wrap:wrap;gap:.75rem}.sender-avatar{width:36px;height:36px;font-size:1rem}.sender-row{flex-direction:column;gap:.25rem}.sender-name{font-size:.9rem}.sender-email{font-size:.75rem;word-break:break-all}.reply-to-row{font-size:.75rem}.email-timestamp{font-size:.7rem}.email-content-area{padding:.75rem 1rem}.email-body-modern{font-size:.9rem;line-height:1.6}.email-text{margin-bottom:.75rem}.email-link{word-break:break-all}.link-url-reveal{display:block;font-size:.7rem;margin-top:.25rem}.attachments-section{margin-top:1rem}.attachments-header{font-size:.85rem}.attachments-grid{grid-template-columns:1fr;gap:.5rem}.attachment-card{padding:.75rem}.attachment-icon{font-size:1.25rem}.attachment-name{font-size:.8rem;word-break:break-all}.attachment-size{font-size:.7rem}.email-verdict-section{padding:1rem;margin-top:.75rem}.verdict-prompt{font-size:.9rem;margin-bottom:.75rem}.verdict-buttons{flex-direction:column;gap:.75rem}.verdict-btn{padding:1rem;width:100%}.btn-text{font-size:1rem}.btn-hint{font-size:.75rem}.classification-simulator{padding:.5rem}.classification-header{padding:.75rem;flex-direction:column;gap:.5rem;text-align:center}.classification-buckets{grid-template-columns:1fr;gap:.75rem;padding:.5rem}.classification-bucket{padding:.75rem;min-height:auto}.bucket-header{font-size:.9rem}.document-item{padding:.75rem;font-size:.85rem}.documents-queue{padding:.75rem}.document-card h3{font-size:1rem}.document-card p{font-size:.85rem}.classification-buttons{grid-template-columns:repeat(2,1fr);gap:.5rem}.classification-buttons button{padding:.75rem .5rem;font-size:.8rem}.hotspot-simulator{padding:.5rem}.hotspot-header{padding:.75rem;flex-direction:column;gap:.5rem;text-align:center}.hotspot-image-container{border-radius:var(--radius);min-height:250px}.hotspot-marker{width:28px;height:28px;font-size:.9rem}.hotspot-feedback{padding:.75rem;font-size:.85rem}.hotspot-progress{padding:.75rem;font-size:.9rem}.play-challenge-page{padding:.5rem}.challenge-header{padding:.75rem;flex-direction:column;gap:.75rem;text-align:center}.challenge-info h1{font-size:1.1rem;line-height:1.3}.challenge-info p{font-size:.85rem}.challenge-meta-info{flex-wrap:wrap;justify-content:center;gap:.5rem}.timer-display{font-size:1.1rem}.simulator-container{padding:0;margin-top:.5rem}.results-container{padding:1rem;margin:.5rem}.results-header h2{font-size:1.25rem}.score-display{font-size:2rem}.score-label{font-size:.85rem}.results-breakdown{padding:.75rem}.breakdown-item{padding:.5rem 0;font-size:.85rem}.results-actions{flex-direction:column;gap:.75rem}.results-actions button{width:100%}.hero{padding:2rem 1rem}.hero-logo{max-width:200px}.hero-content h1{font-size:1.5rem}.hero-subtitle{font-size:.9rem}.player-stats{flex-direction:column;gap:1rem}.level-badge{padding:.5rem 1rem}.progress-summary{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:1rem}.progress-card{padding:1rem}.progress-number{font-size:1.5rem}.category-grid{grid-template-columns:1fr;gap:1rem;padding:0 1rem}.category-card{padding:1.25rem}.category-icon{font-size:2rem}.category-card h3{font-size:1.1rem}.categories h2,.featured h2{font-size:1.25rem;padding:0 1rem}.challenge-grid{grid-template-columns:1fr;gap:1rem;padding:0 1rem}.challenge-card{padding:1.25rem}.view-all{padding:1rem}.home-footer{flex-direction:column;gap:1.5rem;padding:2rem 1rem;text-align:center}.footer-links{flex-direction:column;gap:.75rem}.challenge-list-page{padding:1rem}.challenge-list-header{flex-direction:column;gap:1rem;text-align:center}.challenge-filters{flex-direction:column;gap:.75rem}.filter-group,.filter-group select{width:100%}.simulator-container{padding:1rem}.email-simulator{border-radius:var(--radius)}.email-header{padding:1rem}.email-meta{flex-direction:column;gap:.5rem}.email-from,.email-to,.email-subject{font-size:.85rem}.email-body{padding:1rem}.email-attachments{padding:.75rem 1rem}.attachment{padding:.5rem .75rem;font-size:.85rem}.classification-container{padding:1rem}.classification-zones{grid-template-columns:1fr;gap:1rem}.document-card{padding:1rem}.hotspot-container{padding:.5rem}.hotspot-image-container{border-radius:var(--radius)}.password-container,.password-card{padding:1rem}.password-display{font-size:1rem;word-break:break-all}.strength-buttons{grid-template-columns:repeat(2,1fr)}.social-container{padding:1rem}.conversation-bubble{max-width:90%;padding:.75rem 1rem}.response-options{gap:.75rem}.response-btn{padding:1rem;font-size:.9rem}.browsing-container,.url-card{padding:1rem}.url-display{font-size:.85rem;word-break:break-all}.verdict-buttons{flex-direction:column}.mobile-container,.app-card{padding:1rem}.permission-list{gap:.5rem}.permission-item{padding:.5rem;font-size:.85rem}.decision-buttons{flex-direction:column}.incident-container,.incident-card{padding:1rem}.action-list{gap:.5rem}.action-item{padding:.75rem;font-size:.9rem}.physical-container,.scenario-card{padding:1rem}.option-buttons{gap:.5rem}.option-btn{padding:1rem;font-size:.9rem}.results-container{padding:1rem;margin:1rem}.score-display{font-size:2.5rem}.results-breakdown{padding:1rem}.challenge-header{padding:1rem;flex-direction:column;gap:1rem;text-align:center}.challenge-info h1,.timer{font-size:1.25rem}.admin-dashboard{padding:1rem}.admin-header{flex-direction:column;gap:1rem;text-align:center}.admin-actions{flex-direction:column;width:100%}.admin-actions .button{width:100%}.admin-grid{grid-template-columns:1fr}.login-container{padding:1.5rem;margin:1rem}.login-header h1{font-size:1.5rem}}@media (max-width: 480px){.progress-summary{grid-template-columns:repeat(2,1fr);gap:.5rem}.progress-card{padding:.75rem}.progress-icon,.progress-number{font-size:1.25rem}.progress-label{font-size:.7rem}.strength-buttons{grid-template-columns:1fr}.category-stats{flex-direction:column;gap:.5rem}.challenge-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.email-toolbar{padding:.5rem;gap:.25rem}.email-toolbar button{padding:.25rem .5rem;font-size:.75rem}.email-subject-bar h2{font-size:.9rem}.verdict-btn{padding:.75rem}.btn-icon{font-size:1.25rem}.classification-buttons{grid-template-columns:1fr}}@media (max-width: 768px){.password-simulator{padding:.5rem}.password-game-header{padding:.75rem;flex-direction:column;gap:.5rem;text-align:center}.password-card{padding:1rem;margin:.5rem 0}.password-display{font-size:1rem;padding:.75rem;word-break:break-all;font-family:monospace}.password-info{font-size:.85rem}.strength-buttons{grid-template-columns:repeat(2,1fr);gap:.5rem}.strength-btn{padding:.75rem .5rem;font-size:.8rem}.password-feedback{padding:.75rem;font-size:.85rem}.password-progress{padding:.75rem}.social-simulator{padding:.5rem}.social-header{padding:.75rem;flex-direction:column;gap:.5rem;text-align:center}.conversation-container{padding:.75rem;max-height:300px}.message-bubble{max-width:90%;padding:.75rem;font-size:.9rem}.message-sender{font-size:.75rem}.response-options{padding:.75rem;gap:.5rem}.response-btn,.scenario-context{padding:.75rem;font-size:.85rem}.red-flags-panel{padding:.75rem}.red-flag-item{font-size:.8rem;padding:.5rem}.browsing-simulator{padding:.5rem}.browsing-header{padding:.75rem;flex-direction:column;gap:.5rem;text-align:center}.url-card{padding:1rem;margin:.5rem 0}.url-display{font-size:.85rem;padding:.75rem;word-break:break-all;font-family:monospace}.url-context{font-size:.85rem;padding:.75rem}.verdict-buttons{flex-direction:column;gap:.5rem}.verdict-btn{width:100%}.url-feedback{padding:.75rem;font-size:.85rem}.url-progress{padding:.75rem}.mobile-simulator{padding:.5rem}.mobile-header{padding:.75rem;flex-direction:column;gap:.5rem;text-align:center}.app-card{padding:1rem;margin:.5rem 0}.app-icon{width:48px;height:48px;font-size:1.5rem}.app-name{font-size:1rem}.app-developer{font-size:.8rem}.permissions-list{gap:.5rem}.permission-item{padding:.5rem .75rem;font-size:.8rem}.permission-icon{font-size:1rem}.decision-buttons{flex-direction:column;gap:.5rem}.decision-btn{width:100%;padding:.75rem}.app-feedback{padding:.75rem;font-size:.85rem}.incident-simulator{padding:.5rem}.incident-header{padding:.75rem;flex-direction:column;gap:.5rem;text-align:center}.incident-card{padding:1rem;margin:.5rem 0}.incident-title{font-size:1rem}.incident-description{font-size:.85rem}.incident-details{font-size:.8rem}.action-list{gap:.5rem}.action-item{padding:.75rem;font-size:.85rem}.action-order{width:24px;height:24px;font-size:.8rem}.incident-feedback{padding:.75rem;font-size:.85rem}.timeline-view{padding:.75rem}.timeline-item{padding:.5rem;font-size:.8rem}.physical-simulator{padding:.5rem}.physical-header{padding:.75rem;flex-direction:column;gap:.5rem;text-align:center}.scenario-card{padding:1rem;margin:.5rem 0}.scenario-title{font-size:1rem}.scenario-description{font-size:.85rem}.scenario-image{max-height:150px}.option-buttons{gap:.5rem}.option-btn,.scenario-feedback{padding:.75rem;font-size:.85rem}.scenario-progress{padding:.75rem}.challenge-list-page{padding:.5rem}.challenge-list-header{padding:.75rem;flex-direction:column;gap:.75rem;text-align:center}.challenge-list-header h1{font-size:1.25rem}.filters-container{flex-direction:column;gap:.5rem;width:100%}.filter-group{width:100%}.filter-group select{width:100%;padding:.75rem;font-size:.9rem}.challenges-list{gap:.75rem;padding:.5rem}.challenge-list-item{padding:1rem}.challenge-list-item h3{font-size:1rem}.challenge-list-item p{font-size:.85rem}.challenge-tags{flex-wrap:wrap;gap:.25rem}.challenge-tag{font-size:.7rem;padding:.2rem .5rem}.back-btn{padding:.5rem 1rem;font-size:.85rem}}.home-footer.eu-compliant{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:0}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;padding:3rem 2rem;max-width:1200px;margin:0 auto}.footer-brand{display:flex;flex-direction:column;gap:.75rem}.footer-brand .footer-logo{max-width:180px;height:auto}.footer-brand p{color:var(--text-secondary);font-size:.9rem;margin:0}.footer-location{color:var(--text-muted);font-size:.85rem!important}.footer-section{display:flex;flex-direction:column;gap:.75rem}.footer-section h4{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.footer-section a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s}.footer-section a:hover{color:var(--color-primary)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-top:1px solid var(--border-color);background:var(--bg-primary);flex-wrap:wrap;gap:1rem}.footer-copy{color:var(--text-muted);font-size:.85rem}.footer-compliance{display:flex;gap:1rem}.compliance-badge{background:#10b9811a;color:var(--color-success);padding:.35rem .75rem;border-radius:var(--radius);font-size:.8rem;font-weight:500}.footer-legal-links{display:flex;gap:.75rem;align-items:center}.footer-legal-links a{color:var(--text-secondary);text-decoration:none;font-size:.85rem;transition:color .2s}.footer-legal-links a:hover{color:var(--color-primary)}.footer-legal-links span{color:var(--text-muted)}.legal-page{min-height:100vh;background:var(--bg-primary);padding:2rem 1rem}.legal-container{max-width:800px;margin:0 auto;background:var(--card-bg);border-radius:var(--radius-lg);padding:3rem;box-shadow:var(--shadow);border:1px solid var(--border-color)}.legal-container .back-home{display:inline-block;color:var(--color-primary);text-decoration:none;font-size:.9rem;margin-bottom:1.5rem;transition:color .2s}.legal-container .back-home:hover{color:var(--color-primary-dark)}.legal-container h1{font-size:2rem;color:var(--text-primary);margin-bottom:.5rem}.legal-updated{color:var(--text-muted);font-size:.9rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.legal-container section{margin-bottom:2rem}.legal-container h2{font-size:1.25rem;color:var(--text-primary);margin-bottom:1rem;padding-top:1rem}.legal-container h3{font-size:1rem;color:var(--text-primary);margin:1.25rem 0 .75rem}.legal-container p{color:var(--text-secondary);line-height:1.7;margin-bottom:1rem}.legal-container ul{color:var(--text-secondary);padding-left:1.5rem;margin-bottom:1rem}.legal-container li{margin-bottom:.5rem;line-height:1.6}.legal-container a{color:var(--color-primary);text-decoration:none}.legal-container a:hover{text-decoration:underline}.cookie-table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9rem}.cookie-table th,.cookie-table td{padding:.75rem;text-align:left;border:1px solid var(--border-color)}.cookie-table th{background:var(--bg-secondary);color:var(--text-primary);font-weight:600}.cookie-table td{color:var(--text-secondary)}.legal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.legal-footer a{color:var(--color-primary);text-decoration:none;font-size:.9rem}.legal-footer a:hover{text-decoration:underline}.legal-links{display:flex;gap:1.5rem}.cookie-consent-overlay{position:fixed;bottom:0;left:0;right:0;z-index:9999;padding:.75rem;background:#0006}.cookie-consent-banner{max-width:800px;margin:0 auto;background:var(--color-bg-dark);border-radius:var(--radius);padding:1rem 1.25rem;box-shadow:var(--shadow);border:1px solid var(--color-glass-border)}.cookie-consent-content{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.cookie-icon{font-size:1.5rem;flex-shrink:0}.cookie-text h3{color:var(--color-text);font-size:.95rem;margin:0 0 .25rem}.cookie-text p{color:var(--color-text-muted);font-size:.8rem;line-height:1.4;margin:0}.cookie-text a{color:var(--color-primary);text-decoration:none}.cookie-text a:hover{text-decoration:underline}.cookie-consent-actions{display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap}.cookie-btn{padding:.5rem 1rem;border-radius:var(--radius);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.cookie-btn.primary{background:var(--color-primary);color:#fff}.cookie-btn.primary:hover{background:var(--color-primary-dark)}.cookie-btn.secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.cookie-btn.secondary:hover{background:var(--bg-primary)}.cookie-settings h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 .5rem}.cookie-settings>p{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.25rem}.cookie-option{background:var(--bg-secondary);border-radius:var(--radius);padding:1rem;margin-bottom:.75rem}.cookie-option-header{display:flex;justify-content:space-between;align-items:center}.cookie-option-header label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.cookie-option-header input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--color-primary)}.cookie-option-title{color:var(--text-primary);font-weight:600;font-size:.95rem}.cookie-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:var(--radius);background:var(--bg-primary);color:var(--text-muted)}.cookie-badge.required{background:#3b82f61a;color:var(--color-primary)}.cookie-option-desc{color:var(--text-secondary);font-size:.85rem;margin:.5rem 0 0 2rem;line-height:1.5}.cookie-consent-footer{display:flex;justify-content:center;gap:.75rem;margin-top:.75rem;padding-top:.5rem;border-top:1px solid var(--color-glass-border)}.cookie-consent-footer a{color:var(--text-muted);text-decoration:none;font-size:.8rem}.cookie-consent-footer a:hover{color:var(--color-primary)}.cookie-consent-footer span{color:var(--text-muted)}@media (max-width: 768px){.footer-main{grid-template-columns:1fr;gap:2rem;padding:2rem 1rem;text-align:center}.footer-brand,.footer-section{align-items:center}.footer-bottom{flex-direction:column;text-align:center;padding:1.5rem 1rem}.footer-compliance{flex-wrap:wrap;justify-content:center}.legal-container{padding:1.5rem}.legal-container h1{font-size:1.5rem}.legal-footer{flex-direction:column;gap:1rem;text-align:center}.legal-links{flex-wrap:wrap;justify-content:center}.cookie-table{font-size:.8rem}.cookie-table th,.cookie-table td{padding:.5rem}.cookie-consent-content{flex-direction:column;text-align:center}.cookie-consent-actions{justify-content:center}.cookie-btn{flex:1;min-width:120px}}.ri-simulator{display:flex;flex-direction:column;height:100%;min-height:600px;background:var(--color-bg);border-radius:var(--radius-lg);overflow:hidden}.ri-top-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--color-card);border-bottom:1px solid var(--color-glass-border)}.ri-role-badge{display:flex;align-items:center;gap:.5rem;background:var(--color-glass);padding:.5rem 1rem;border-radius:var(--radius);font-size:.9rem}.role-icon{font-size:1.1rem}.role-text{font-weight:600;color:var(--color-text)}.org-text{color:var(--color-text-muted);font-size:.85rem}.ri-meters{display:flex;align-items:center;gap:1.5rem}.ri-timer,.ri-score{display:flex;align-items:center;gap:.4rem;font-family:Orbitron,sans-serif}.timer-value{font-size:1.1rem;font-weight:700}.timer-value.warning{color:var(--color-danger);animation:pulse 1s infinite}.score-value{font-size:1.1rem;font-weight:700;color:var(--color-xp)}.ri-risk{display:flex;align-items:center;gap:.5rem}.risk-label{font-size:.85rem;color:var(--color-text-muted)}.risk-bar{width:100px;height:8px;background:var(--color-glass);border-radius:4px;overflow:hidden}.risk-fill{height:100%;transition:width .3s,background .3s;border-radius:4px}.risk-value{font-size:.85rem;font-weight:600;min-width:35px}.ri-main{display:grid;grid-template-columns:220px 1fr 280px;flex:1;overflow:hidden}.ri-inbox{background:var(--color-card);border-right:1px solid var(--color-glass-border);padding:1rem;overflow-y:auto}.panel-title{font-size:.9rem;font-weight:600;color:var(--color-text-muted);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.5px}.inbox-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--color-glass);border-radius:var(--radius);cursor:pointer;transition:all .2s;border:2px solid transparent}.inbox-item.active{border-color:var(--color-primary);background:#00d4ff1a}.inbox-channel{font-size:1.25rem}.inbox-preview{flex:1;min-width:0}.inbox-from{font-weight:600;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-subject{font-size:.8rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-urgency{font-size:.65rem;font-weight:700;padding:.2rem .4rem;border-radius:3px;color:#fff;text-transform:uppercase}.ri-detail{padding:1.5rem;overflow-y:auto;background:var(--color-bg)}.request-header{background:var(--color-card);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1rem;border:1px solid var(--color-glass-border)}.request-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.85rem;margin-bottom:.75rem}.meta-channel{background:var(--color-glass);padding:.25rem .5rem;border-radius:4px}.meta-from{color:var(--color-text)}.meta-email{color:var(--color-text-muted);font-family:monospace;font-size:.8rem}.meta-identity{color:var(--color-warning);font-style:italic}.request-subject-line{font-size:1rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-glass-border)}.request-cues{display:flex;flex-wrap:wrap;gap:.5rem}.cue{font-size:.75rem;padding:.25rem .6rem;border-radius:999px;font-weight:600}.cue.urgency{background:#ef444433;color:#ef4444}.cue.secrecy{background:#8b5cf633;color:#8b5cf6}.cue.process{background:#f59e0b33;color:#f59e0b}.cue.payment{background:#ec489933;color:#ec4899}.request-body{background:var(--color-card);border-radius:var(--radius);padding:1.25rem;border:1px solid var(--color-glass-border);line-height:1.7}.request-paragraph{margin:0 0 1rem;white-space:pre-line}.request-paragraph:last-child{margin-bottom:0}.request-link-block,.request-attachment-block{display:flex;align-items:center;gap:.5rem;background:var(--color-glass);padding:.5rem .75rem;border-radius:var(--radius);margin:.75rem 0}.link-icon,.attachment-icon{font-size:1rem}.link-text{color:var(--color-primary)}.link-url{font-size:.8rem;color:var(--color-text-muted);font-family:monospace}.attachment-name{font-family:monospace;font-size:.9rem}.thread-messages,.revealed-evidence{margin-top:1rem;padding:1rem;background:var(--color-card);border-radius:var(--radius);border:1px solid var(--color-glass-border)}.thread-messages h4,.revealed-evidence h4{font-size:.9rem;margin:0 0 .75rem;color:var(--color-text-muted)}.thread-message{padding:.5rem .75rem;background:var(--color-glass);border-radius:var(--radius);margin-bottom:.5rem;font-size:.9rem}.thread-message.new{border-left:3px solid var(--color-primary)}.evidence-item{padding:.75rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius);margin-bottom:.5rem;font-size:.9rem}.evidence-tags{display:flex;gap:.4rem;margin-top:.5rem;flex-wrap:wrap}.evidence-tag{font-size:.7rem;padding:.15rem .4rem;background:var(--color-glass);border-radius:3px;color:var(--color-text-muted)}.ri-actions{background:var(--color-card);border-left:1px solid var(--color-glass-border);padding:1rem;overflow-y:auto;display:flex;flex-direction:column}.action-groups{flex:1;display:flex;flex-direction:column;gap:1rem}.action-group h4{font-size:.8rem;color:var(--color-text-muted);margin:0 0 .5rem;text-transform:uppercase}.action-group.risky-group h4{color:var(--color-danger)}.ri-action-btn{display:block;width:100%;padding:.6rem .75rem;margin-bottom:.4rem;border:1px solid var(--color-glass-border);border-radius:var(--radius);background:var(--color-glass);color:var(--color-text);font-size:.85rem;text-align:left;cursor:pointer;transition:all .2s}.ri-action-btn:hover:not(:disabled){border-color:var(--color-primary);background:#00d4ff1a}.ri-action-btn.safe:hover:not(:disabled){border-color:var(--color-success);background:#22c55e1a}.ri-action-btn.risky:hover:not(:disabled){border-color:var(--color-danger);background:#ef44441a}.ri-action-btn.escalate:hover:not(:disabled){border-color:var(--color-warning);background:#f59e0b1a}.ri-action-btn.used{opacity:.5;cursor:not-allowed;text-decoration:line-through}.notes-section{margin-top:auto;padding-top:1rem;border-top:1px solid var(--color-glass-border)}.notes-section h4{font-size:.8rem;color:var(--color-text-muted);margin:0 0 .5rem}.notes-input{width:100%;height:80px;padding:.5rem;border:1px solid var(--color-glass-border);border-radius:var(--radius);background:var(--color-glass);color:var(--color-text);font-size:.85rem;resize:none}.ri-resolve-btn{margin-top:1rem;width:100%;padding:.75rem;background:linear-gradient(135deg,var(--color-success) 0%,#16a34a 100%);color:#fff;border:none;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:all .2s}.ri-resolve-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}.ri-debrief{padding:2rem;max-width:800px;margin:0 auto}.debrief-header{text-align:center;margin-bottom:2rem}.debrief-outcome{font-size:1.5rem;margin:0 0 .5rem}.outcome-safe{color:var(--color-success)}.outcome-contained{color:var(--color-warning)}.outcome-incident{color:var(--color-danger)}.debrief-reason{color:var(--color-text-muted);font-size:1rem}.debrief-content{display:flex;flex-direction:column;gap:1.5rem}.debrief-section{background:var(--color-card);border-radius:var(--radius);padding:1.25rem;border:1px solid var(--color-glass-border)}.debrief-section h3{font-size:1rem;margin:0 0 1rem;color:var(--color-text)}.debrief-score{text-align:center;padding:1rem 0}.debrief-score .score-value{font-size:3rem;font-family:Orbitron,sans-serif;font-weight:700;color:var(--color-primary)}.debrief-score .score-label{display:block;font-size:.9rem;color:var(--color-text-muted)}.debrief-meters{margin-top:1rem}.meter-item{display:flex;align-items:center;gap:.75rem}.meter-label{font-size:.85rem;color:var(--color-text-muted);min-width:120px}.risk-bar-small{flex:1;height:8px;background:var(--color-glass);border-radius:4px;overflow:hidden}.risk-fill-small{height:100%;border-radius:4px;transition:width .3s}.meter-value{font-size:.9rem;font-weight:600;min-width:40px;text-align:right}.action-timeline{display:flex;flex-direction:column;gap:.5rem}.timeline-entry{display:flex;align-items:center;gap:1rem;padding:.5rem .75rem;background:var(--color-glass);border-radius:var(--radius);font-size:.85rem}.timeline-entry.positive{border-left:3px solid var(--color-success)}.timeline-entry.negative{border-left:3px solid var(--color-danger)}.timeline-time{font-family:monospace;color:var(--color-text-muted);min-width:40px}.timeline-action{flex:1}.timeline-effect{display:flex;gap:.75rem;font-size:.8rem}.timeline-effect .positive{color:var(--color-success)}.timeline-effect .negative{color:var(--color-danger)}.risk-signals-list,.recommended-steps{margin:0;padding-left:1.5rem}.risk-signals-list li,.recommended-steps li{margin-bottom:.5rem;line-height:1.5}.recommended-steps li.completed{color:var(--color-success)}.recommended-steps li.missed{color:var(--color-text-muted)}.evidence-list{display:flex;flex-direction:column;gap:.5rem}.evidence-card{padding:.75rem;background:var(--color-glass);border-radius:var(--radius)}.evidence-card strong{display:block;margin-bottom:.25rem;color:var(--color-success)}.evidence-card p{margin:0;font-size:.9rem;color:var(--color-text-muted)}.ri-complete-btn{margin-top:2rem;width:100%;padding:1rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;border:none;border-radius:var(--radius);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.ri-complete-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px var(--color-primary-glow)}@media (max-width: 1024px){.ri-main{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.ri-inbox{display:none}.ri-detail{border:none}.ri-actions{border-left:none;border-top:1px solid var(--color-glass-border);max-height:300px}}@media (max-width: 640px){.ri-top-bar{flex-direction:column;gap:.75rem;padding:.75rem}.ri-meters{width:100%;justify-content:space-between}.ri-detail{padding:1rem}.request-meta{flex-direction:column;gap:.25rem}}.identity-verification-simulator{min-height:600px;background:var(--bg-secondary, #1a1a2e);border-radius:12px;overflow:hidden}.claim-summary{display:flex;align-items:center;gap:12px}.claim-icon{font-size:32px;background:#ffffff1a;padding:8px;border-radius:50%}.claim-text strong{color:var(--text-primary, #fff);font-size:18px}.claim-text p{color:var(--text-secondary, #a0a0a0);margin:4px 0 0;font-size:14px}.timer{font-size:24px;font-weight:700;color:var(--accent-warning, #ffc107);font-family:monospace}.simulator-layout{display:grid;grid-template-columns:220px 1fr 300px;min-height:500px}.channel-panel{background:var(--bg-tertiary, #16213e);padding:16px;border-right:1px solid rgba(255,255,255,.1)}.channel-panel h3{color:var(--text-secondary, #a0a0a0);font-size:12px;text-transform:uppercase;margin-bottom:12px}.channel-list{display:flex;flex-direction:column;gap:8px}.channel-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ffffff0d;border:1px solid transparent;border-radius:8px;color:var(--text-primary, #fff);cursor:pointer;transition:all .2s;font-size:14px}.channel-btn.active{background:var(--accent-primary, #4361ee);border-color:var(--accent-primary, #4361ee)}.evidence-panel{margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.evidence-panel h4{color:var(--text-secondary, #a0a0a0);font-size:12px;text-transform:uppercase;margin-bottom:12px}.evidence-card{background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:8px;padding:12px;margin-bottom:8px}.evidence-card strong{color:#4caf50;font-size:13px}.evidence-card p{color:var(--text-secondary, #a0a0a0);font-size:12px;margin:4px 0 8px}.evidence-tags .tag{background:#ffffff1a;padding:2px 8px;border-radius:4px;font-size:10px;color:var(--text-secondary, #a0a0a0)}.content-panel{display:flex;flex-direction:column;background:var(--bg-secondary, #1a1a2e)}.content-header{padding:12px 20px;background:#ffffff0d;font-weight:600;color:var(--text-primary, #fff);border-bottom:1px solid rgba(255,255,255,.1)}.content-body{flex:1;padding:20px;overflow-y:auto}.chat-thread{display:flex;flex-direction:column;gap:12px}.chat-message{max-width:80%;padding:12px 16px;border-radius:16px;display:flex;flex-direction:column}.chat-message.incoming{align-self:flex-start;background:#ffffff1a;border-bottom-left-radius:4px}.chat-message.outgoing{align-self:flex-end;background:var(--accent-primary, #4361ee);border-bottom-right-radius:4px}.chat-sender{font-size:12px;color:var(--text-secondary, #a0a0a0);margin-bottom:4px}.chat-text{color:var(--text-primary, #fff);font-size:14px;line-height:1.4}.chat-time{font-size:10px;color:var(--text-secondary, #a0a0a0);margin-top:4px;align-self:flex-end}.email-view{background:#ffffff08;border-radius:8px;overflow:hidden}.email-header{padding:16px;border-bottom:1px solid rgba(255,255,255,.1)}.email-field{color:var(--text-secondary, #a0a0a0);font-size:13px;margin-bottom:4px}.email-field strong{color:var(--text-primary, #fff)}.email-body{padding:16px;color:var(--text-primary, #fff);line-height:1.6}.email-body p{margin-bottom:12px}.email-link{color:var(--accent-primary, #4361ee);text-decoration:underline}.email-attachment{background:#ffffff1a;padding:8px 12px;border-radius:6px;display:inline-block;font-size:13px}.voice-note{background:#ffffff08;border-radius:8px;padding:16px}.voice-player{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:8px;margin-bottom:16px}.voice-icon{font-size:24px}.voice-label{color:var(--text-primary, #fff);font-weight:600}.voice-transcript{padding:12px}.transcript-line{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text-primary, #fff);line-height:1.5}.transcript-line strong{color:var(--accent-primary, #4361ee)}.phone-call{background:#ffffff08;border-radius:8px;padding:16px}.caller-id{display:flex;align-items:center;gap:12px;padding:12px;background:#4caf501a;border-radius:8px;margin-bottom:16px;color:#4caf50}.phone-icon{font-size:20px}.call-script{padding:12px}.script-line{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text-primary, #fff);line-height:1.5}.script-line.caller strong{color:#f44336}.script-line.user strong{color:var(--accent-primary, #4361ee)}.calendar-invite{background:#ffffff08;border-radius:8px;padding:16px}.invite-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.calendar-icon{font-size:24px}.invite-header h3{color:var(--text-primary, #fff);margin:0}.invite-details{color:var(--text-secondary, #a0a0a0);line-height:2}.invite-details strong{color:var(--text-primary, #fff)}.meeting-link a{color:var(--accent-primary, #4361ee);text-decoration:underline}.invite-notes{margin-top:12px;padding:12px;background:#ffffff0d;border-radius:6px}.verification-panel{background:var(--bg-tertiary, #16213e);padding:16px;border-left:1px solid rgba(255,255,255,.1)}.verification-panel h3{color:var(--text-primary, #fff);font-size:16px;margin-bottom:16px}.verification-panel h4{color:var(--text-secondary, #a0a0a0);font-size:12px;text-transform:uppercase;margin:16px 0 8px}.meters,.meter{margin-bottom:16px}.meter label{display:block;color:var(--text-secondary, #a0a0a0);font-size:12px;margin-bottom:4px}.meter-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.meter-fill.trust{background:linear-gradient(90deg,#4caf50,#8bc34a)}.meter-fill.risk{background:linear-gradient(90deg,#ff9800,#f44336)}.meter-value{display:block;font-size:14px;font-weight:700;color:var(--text-primary, #fff);margin-top:4px}.meter-threshold{display:block;font-size:10px;color:var(--text-secondary, #a0a0a0)}.current-score{text-align:center;padding:12px;background:#ffffff0d;border-radius:8px;color:var(--text-secondary, #a0a0a0);margin-bottom:16px}.current-score strong{color:var(--accent-primary, #4361ee);font-size:20px}.action-buttons{margin-bottom:16px}.action-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;margin-bottom:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary, #fff);cursor:pointer;font-size:13px;transition:all .2s}.action-btn:hover:not(:disabled){background:#ffffff1a;border-color:var(--accent-primary, #4361ee)}.action-btn.used{opacity:.5;cursor:not-allowed;background:#4caf501a;border-color:#4caf504d}.action-btn.risky{border-color:#ff980080}.action-btn.risky:hover:not(:disabled){border-color:#ff9800;background:#ff98001a}.decision-buttons{padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.decision-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;margin-bottom:8px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.decision-btn.proceed{background:#4caf50;color:#fff}.decision-btn.proceed:hover{background:#43a047}.decision-btn.deny_request{background:#f44336;color:#fff}.decision-btn.deny_request:hover{background:#e53935}.decision-btn.report_escalate{background:#ff9800;color:#fff}.decision-btn.report_escalate:hover{background:#fb8c00}.identity-verification-simulator.ended{background:var(--bg-primary, #0f0f23)}.end-screen{padding:32px;max-width:800px;margin:0 auto}.outcome-banner.contained{background:#ff980026;border:1px solid rgba(255,152,0,.3)}.outcome-banner.contained h2{color:#ff9800}.outcome-banner p{color:var(--text-secondary, #a0a0a0);margin-top:8px}.end-stats{display:flex;justify-content:center;gap:32px;margin-bottom:32px}.action-timeline,.evidence-summary,.recommended-workflow,.key-lessons{background:#ffffff08;border-radius:8px;padding:16px;margin-bottom:16px}.action-timeline h3,.evidence-summary h3,.recommended-workflow h3,.key-lessons h3{color:var(--text-primary, #fff);font-size:14px;margin-bottom:12px}.action-timeline ol,.recommended-workflow ol{padding-left:20px;color:var(--text-secondary, #a0a0a0)}.action-timeline li,.recommended-workflow li{padding:6px 0}.action-timeline .effect{margin-left:8px;font-size:12px}.action-timeline .effect.positive{color:#4caf50}.action-timeline .effect.negative{color:#f44336}.recommended-workflow .taken{color:#4caf50}.recommended-workflow .missed{color:#f44336}.evidence-summary ul,.key-lessons ul{padding-left:20px;color:var(--text-secondary, #a0a0a0)}.evidence-summary li,.key-lessons li{padding:6px 0}.no-evidence{color:var(--text-secondary, #a0a0a0);font-style:italic}.complete-btn{display:block;width:100%;max-width:300px;margin:24px auto 0;padding:14px 24px;background:var(--accent-primary, #4361ee);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.complete-btn:hover{background:#3a56d4;transform:translateY(-1px)}@media (max-width: 1024px){.simulator-layout{grid-template-columns:1fr}.channel-panel,.verification-panel{border:none;border-bottom:1px solid rgba(255,255,255,.1)}}.safe-compose-simulator{min-height:600px;background:var(--bg-secondary, #1a1a2e);border-radius:12px;overflow:hidden}.composer-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--bg-tertiary, #16213e);border-bottom:1px solid rgba(255,255,255,.1)}.composer-header h2{color:var(--text-primary, #fff);margin:0;font-size:18px}.composer-layout{display:grid;grid-template-columns:250px 1fr 280px;min-height:550px}.brief-panel h3{color:var(--text-primary, #fff);font-size:14px;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.composer-panel{padding:20px;overflow-y:auto}.channel-selector,.audience-selector,.subject-field,.message-body,.context-fields,.attached-items{margin-bottom:20px}.channel-selector label,.audience-selector label,.subject-field label,.message-body label,.context-fields label,.attached-items label{display:block;color:var(--text-secondary, #a0a0a0);font-size:12px;text-transform:uppercase;margin-bottom:8px}.channel-options{display:flex;gap:8px;flex-wrap:wrap}.channel-btn{padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary, #fff);cursor:pointer;transition:all .2s;font-size:13px}.channel-btn:hover{background:#ffffff1a}.channel-btn.selected{background:var(--accent-primary, #4361ee);border-color:var(--accent-primary, #4361ee)}.audience-chips{display:flex;gap:8px;flex-wrap:wrap}.audience-chip{padding:8px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:var(--text-primary, #fff);cursor:pointer;transition:all .2s;font-size:13px;display:flex;align-items:center;gap:6px}.audience-chip:hover{background:#ffffff1a}.audience-chip.selected{background:var(--accent-primary, #4361ee);border-color:var(--accent-primary, #4361ee)}.audience-chip.external{border-color:#ff980080}.audience-chip.external.selected{background:#ff9800;border-color:#ff9800}.external-badge{font-size:10px;background:#ff98004d;padding:2px 6px;border-radius:4px;color:#ff9800}.audience-chip.selected .external-badge{background:#fff3;color:#fff}.subject-field input{width:100%;padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-primary, #fff);font-size:14px}.subject-field input:focus{outline:none;border-color:var(--accent-primary, #4361ee)}.block-wrapper{position:relative;margin-bottom:8px}.block-wrapper textarea{width:100%;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-primary, #fff);font-size:14px;resize:vertical;font-family:inherit}.block-wrapper textarea:focus{outline:none;border-color:var(--accent-primary, #4361ee)}.block-wrapper textarea.bullets{font-family:monospace}.remove-block{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#f4433633;border:none;border-radius:4px;color:#f44336;cursor:pointer;font-size:16px}.add-block-buttons{display:flex;gap:8px}.add-block-buttons button{padding:6px 12px;background:#ffffff0d;border:1px dashed rgba(255,255,255,.2);border-radius:4px;color:var(--text-secondary, #a0a0a0);cursor:pointer;font-size:12px}.add-block-buttons button:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.context-fields .context-field{display:flex;align-items:center;gap:12px;margin-bottom:8px}.context-fields .context-field span{min-width:120px;color:var(--text-secondary, #a0a0a0);font-size:13px}.context-fields .context-field input{flex:1;padding:8px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--text-primary, #fff);font-size:13px}.attached-items .attached-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:6px;margin-bottom:8px}.attached-items .attached-item span{flex:1;color:var(--text-primary, #fff);font-size:13px}.attached-items .attached-item button{padding:4px 10px;background:#ffffff1a;border:none;border-radius:4px;color:var(--text-secondary, #a0a0a0);cursor:pointer;font-size:12px}.attached-items .attached-item button:hover{background:#fff3;color:var(--text-primary, #fff)}.right-panel{background:var(--bg-tertiary, #16213e);padding:16px;border-left:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.attachment-library{margin-bottom:16px}.attachment-library h4,.linter-panel h4{color:var(--text-secondary, #a0a0a0);font-size:11px;text-transform:uppercase;margin:0 0 12px}.attachment-card{display:flex;align-items:center;gap:8px;padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;margin-bottom:8px;cursor:pointer;transition:all .2s}.attachment-card:hover{background:#ffffff1a}.attachment-card.attached{background:#4caf501a;border-color:#4caf504d}.att-type{font-size:18px}.att-title{flex:1;color:var(--text-primary, #fff);font-size:12px}.risk-badge{font-size:10px;color:#ff9800}.linter-panel{flex:1;overflow-y:auto}.lint-ok{padding:12px;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:6px;color:#4caf50;text-align:center;font-size:13px}.lint-issues{display:flex;flex-direction:column;gap:8px}.lint-issue{padding:10px;border-radius:6px;font-size:12px}.lint-issue.block{background:#f443361a;border:1px solid rgba(244,67,54,.3)}.lint-issue.warn{background:#ff98001a;border:1px solid rgba(255,152,0,.3)}.issue-header{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px}.severity-badge{padding:2px 6px;border-radius:3px;font-size:10px;font-weight:700}.severity-badge.block{background:#f44336;color:#fff}.severity-badge.warn{background:#ff9800;color:#fff}.issue-message{color:var(--text-primary, #fff);line-height:1.4}.submit-btn{margin-top:16px;padding:14px;background:#4caf50;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.submit-btn:hover:not(.disabled){background:#43a047}.submit-btn.disabled{background:#666;cursor:not-allowed}.attachment-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-secondary, #1a1a2e);padding:24px;border-radius:12px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.modal-content h3{color:var(--text-primary, #fff);margin:0 0 8px}.modal-content>p{color:var(--text-secondary, #a0a0a0);margin:0 0 16px;font-size:13px}.preview-container{margin-bottom:16px}.image-preview{position:relative;background:#000;border-radius:8px;overflow:hidden}.image-preview img{width:100%;display:block}.risk-region{position:absolute;border:2px dashed #ff9800;background:#ff980033;display:flex;align-items:center;justify-content:center;font-size:11px;color:#ff9800;cursor:pointer;transition:all .2s}.risk-region:hover{background:#ff980066}.risk-region.redacted{background:#000000e6;border-color:#4caf50;color:#4caf50}.text-preview{background:#0000004d;padding:16px;border-radius:6px}.text-preview pre{color:var(--text-primary, #fff);font-size:12px;white-space:pre-wrap;margin:0 0 12px}.text-risk-btn{display:block;width:100%;padding:8px 12px;margin-bottom:8px;background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:4px;color:#ff9800;cursor:pointer;text-align:left;font-size:12px}.text-risk-btn.redacted{background:#4caf501a;border-color:#4caf504d;color:#4caf50}.close-modal{width:100%;padding:12px;background:var(--accent-primary, #4361ee);border:none;border-radius:6px;color:#fff;font-size:14px;cursor:pointer}.safe-compose-simulator.debrief{padding:32px}.debrief-section h4{color:var(--text-secondary, #a0a0a0);font-size:12px;margin:12px 0 8px}.debrief-section.issues li.block{color:#f44336}.debrief-section.issues li.warn{color:#ff9800}.debrief-section.issues .severity{display:inline-block;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:700;margin-right:8px}.debrief-section.issues li.block .severity{background:#f44336;color:#fff}.debrief-section.issues li.warn .severity{background:#ff9800;color:#fff}@media (max-width: 1024px){.composer-layout{grid-template-columns:1fr}.brief-panel,.right-panel{border:none;border-bottom:1px solid rgba(255,255,255,.1)}}.last-mile-simulator{min-height:600px;background:var(--bg-secondary, #1a1a2e);border-radius:12px;overflow:hidden}.simulator-layout{display:grid;grid-template-columns:1fr 320px;min-height:550px}.commit-panel{padding:24px;overflow-y:auto}.commit-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px}.commit-card h2{color:var(--text-primary, #fff);font-size:20px;margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.field-section{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.05)}.field-section label{display:block;color:var(--text-secondary, #a0a0a0);font-size:12px;text-transform:uppercase;margin-bottom:8px}.recipient-list{display:flex;flex-wrap:wrap;gap:8px}.recipient{padding:6px 12px;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:16px;color:var(--text-primary, #fff);font-size:13px;display:flex;align-items:center;gap:6px}.recipient.external{background:#ff98001a;border-color:#ff98004d}.ext-badge{font-size:10px;background:#ff98004d;padding:2px 6px;border-radius:4px;color:#ff9800}.audience-scope{display:inline-block;padding:8px 14px;border-radius:6px;font-size:14px;color:var(--text-primary, #fff)}.audience-scope.anyonewithlink{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f44336}.audience-scope.team{background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#4caf50}.audience-scope.specificpeople{background:#2196f31a;border:1px solid rgba(33,150,243,.3);color:#2196f3}.perm-details{display:flex;flex-wrap:wrap;gap:10px}.access{padding:6px 12px;border-radius:6px;font-size:13px}.access.edit{background:#ff98001a;border:1px solid rgba(255,152,0,.3);color:#ff9800}.access.view{background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#4caf50}.expiry,.no-download{padding:6px 12px;background:#ffffff0d;border-radius:6px;font-size:12px;color:var(--text-secondary, #a0a0a0)}.payment-details{background:#ffffff05;border-radius:8px;padding:12px}.pay-line{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px}.pay-line:last-child{border-bottom:none}.pay-line span{color:var(--text-secondary, #a0a0a0)}.pay-line strong{color:var(--text-primary, #fff)}.pay-line strong.changed{color:#f44336;background:#f443361a;padding:2px 8px;border-radius:4px}.visibility{display:inline-block;padding:8px 14px;border-radius:6px;font-size:14px}.visibility.public{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f44336}.visibility.internal{background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#4caf50}.visibility.private{background:#2196f31a;border:1px solid rgba(33,150,243,.3);color:#2196f3}.summary-blocks{margin-top:16px}.summary-line{display:flex;gap:12px;padding:8px 0;font-size:14px}.summary-line .label{color:var(--text-secondary, #a0a0a0)}.summary-line .value{color:var(--text-primary, #fff)}.summary-pills{padding:8px 0}.summary-pills .label{color:var(--text-secondary, #a0a0a0);font-size:14px;margin-right:8px}.pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.pill{padding:4px 10px;background:#ffffff1a;border-radius:12px;font-size:12px;color:var(--text-primary, #fff)}.summary-attachment,.summary-link{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0d;border-radius:6px;margin-top:8px}.att-icon,.link-icon{font-size:16px}.filename{color:var(--text-primary, #fff);font-size:13px}.summary-link a{color:var(--accent-primary, #4361ee);text-decoration:none;font-size:13px}.approval-status{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.approval-status .approved{color:#4caf50}.approval-status .pending{color:#ff9800}.checklist-panel{background:var(--bg-tertiary, #16213e);padding:20px;border-left:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.checklist-panel h3{color:var(--text-primary, #fff);font-size:16px;margin:0 0 16px}.checklist-panel h4{color:var(--text-secondary, #a0a0a0);font-size:12px;text-transform:uppercase;margin:16px 0 8px}.checklist{margin-bottom:16px}.check-item{display:flex;align-items:center;gap:10px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s}.check-item:hover{background:#ffffff0f}.check-item.checked{background:#4caf501a;border-color:#4caf504d}.check-box{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a;color:var(--text-secondary, #a0a0a0);font-size:14px}.check-item.checked .check-box{background:#4caf50;color:#fff}.check-label{flex:1;color:var(--text-primary, #fff);font-size:13px}.req-badge{font-size:10px;background:#ff980033;color:#ff9800;padding:2px 6px;border-radius:4px}.revealed-details{margin-bottom:16px}.detail-card{background:#2196f31a;border:1px solid rgba(33,150,243,.3);border-radius:8px;padding:12px;margin-bottom:8px}.detail-card strong{color:#2196f3;font-size:13px}.detail-card p{color:var(--text-secondary, #a0a0a0);font-size:12px;margin:6px 0 0;line-height:1.5}.issues-section{flex:1;overflow-y:auto}.issue-card{border-radius:8px;padding:12px;margin-bottom:12px}.issue-card.block{background:#f443361a;border:1px solid rgba(244,67,54,.3)}.issue-card.warn{background:#ff98001a;border:1px solid rgba(255,152,0,.3)}.issue-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.issue-title{color:var(--text-primary, #fff);font-size:13px;font-weight:600}.issue-desc{color:var(--text-secondary, #a0a0a0);font-size:12px;margin:0 0 12px;line-height:1.4}.fix-actions{display:flex;flex-direction:column;gap:6px}.fix-btn{padding:8px 12px;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:6px;color:#4caf50;cursor:pointer;font-size:12px;text-align:left;transition:all .2s}.fix-btn:hover:not(:disabled){background:#4caf5033}.fix-btn.applied{background:#4caf5033;cursor:default;opacity:.7}.action-buttons{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.commit-btn{width:100%;padding:14px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.commit-btn.safe{background:#4caf50;color:#fff}.commit-btn.safe:hover{background:#43a047}.commit-btn.blocked{background:#f44336;color:#fff}.block-warning{color:#f44336;font-size:12px;text-align:center;margin-top:8px}.last-mile-simulator.debrief{padding:32px}.stat-value{font-size:28px;font-weight:700;color:var(--text-primary, #fff)}.debrief-section ol,.debrief-section ul{margin:0;padding-left:20px;color:var(--text-secondary, #a0a0a0)}.debrief-section.missed li.block{color:#f44336}.debrief-section.missed li.warn{color:#ff9800}@media (max-width: 900px){.simulator-layout{grid-template-columns:1fr}.checklist-panel{border-left:none;border-top:1px solid rgba(255,255,255,.1)}}.public-exposure-simulator{min-height:600px;background:var(--bg-secondary, #1a1a2e);border-radius:12px;overflow:hidden}.simulator-layout{display:grid;grid-template-columns:220px 1fr 280px;min-height:550px}.publisher-panel{padding:20px;overflow-y:auto}.visibility-selector{margin-bottom:20px}.visibility-selector label,.text-blocks label,.image-preview label,.doc-preview label{display:block;color:var(--text-secondary, #a0a0a0);font-size:12px;text-transform:uppercase;margin-bottom:8px}.visibility-options{display:flex;gap:8px}.vis-btn{padding:10px 16px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d;color:var(--text-primary, #fff);cursor:pointer;transition:all .2s;font-size:13px}.vis-btn:hover:not(:disabled){background:#ffffff1a}.vis-btn.selected.public{background:#f4433633;border-color:#f44336;color:#f44336}.vis-btn.selected.internal{background:#4caf5033;border-color:#4caf50;color:#4caf50}.vis-btn.selected.private{background:#2196f333;border-color:#2196f3;color:#2196f3}.vis-btn:disabled{opacity:.5;cursor:not-allowed}.text-blocks{margin-bottom:20px}.text-block{margin-bottom:12px}.text-block textarea{width:100%;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary, #fff);font-size:14px;resize:vertical;font-family:inherit}.text-block textarea:focus{outline:none;border-color:var(--accent-primary, #4361ee)}.bullets-block{background:#ffffff08;border-radius:8px;padding:12px}.bullet-item{display:flex;align-items:center;gap:8px;margin-bottom:8px}.bullet-item span:first-child{color:var(--text-secondary, #a0a0a0)}.bullet-item input{flex:1;padding:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--text-primary, #fff);font-size:13px}.remove-bullet{width:24px;height:24px;background:#f4433633;border:none;border-radius:4px;color:#f44336;cursor:pointer}.image-preview{margin-bottom:20px}.image-container{position:relative;background:#000;border-radius:8px;overflow:hidden;min-height:200px}.image-container img{width:100%;display:block}.placeholder-image{height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a2a4a,#1a1a2e);color:var(--text-secondary, #a0a0a0);font-size:14px}.exposure-region{position:absolute;border:2px dashed;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:11px}.exposure-region.blocking{border-color:#f44336;background:#f4433633}.exposure-region.warning{border-color:#ff9800;background:#ff980033}.exposure-region.blurred{background:#000000e6!important;border-color:#4caf50!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.region-label{color:#ff9800;background:#000000b3;padding:2px 6px;border-radius:4px}.blurred-label{color:#4caf50}.image-hint,.doc-hint{color:var(--text-secondary, #a0a0a0);font-size:11px;margin-top:8px;text-align:center}.doc-preview{margin-bottom:20px}.doc-lines{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.doc-line{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px;color:var(--text-primary, #fff);cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.doc-line:last-child{border-bottom:none}.doc-line:hover{background:#ffffff0d}.doc-line.blocking:not(.redacted){background:#f443361a;border-left:3px solid #f44336}.doc-line.redacted{background:#4caf501a;border-left:3px solid #4caf50}.redacted-text{color:#4caf50;font-family:monospace}.exposure-tag{font-size:10px;background:#ff980033;color:#ff9800;padding:2px 6px;border-radius:4px}.inspector-panel{background:var(--bg-tertiary, #16213e);padding:16px;border-left:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.inspector-panel h3{color:var(--text-primary, #fff);font-size:14px;margin:0 0 16px;text-transform:uppercase}.all-clear{padding:16px;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:8px;color:#4caf50;text-align:center;font-size:14px}.exposure-signals{flex:1;overflow-y:auto}.signal-card{border-radius:8px;padding:12px;margin-bottom:10px}.signal-card.block{background:#f443361a;border:1px solid rgba(244,67,54,.3)}.signal-card.warn{background:#ff98001a;border:1px solid rgba(255,152,0,.3)}.signal-header{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.severity{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700}.severity.block{background:#f44336;color:#fff}.severity.warn{background:#ff9800;color:#fff}.signal-message{color:var(--text-primary, #fff);font-size:12px;line-height:1.4}.fix-hints{display:flex;flex-direction:column;gap:4px;color:var(--text-secondary, #a0a0a0);font-size:11px}.submit-btn{margin-top:auto;padding:14px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.submit-btn.ready{background:#4caf50;color:#fff}.submit-btn.ready:hover{background:#43a047}.submit-btn.blocked{background:#f44336;color:#fff;cursor:not-allowed}.block-warning{color:#f44336;font-size:11px;text-align:center;margin-top:8px}.public-exposure-simulator.debrief{padding:32px}.debrief-content h2{color:var(--text-primary, #fff);text-align:center;margin-bottom:24px}.stat-value.visibility-public{color:#f44336}.stat-value.visibility-internal{color:#4caf50}.stat-value.visibility-private{color:#2196f3}.debrief-section.missed li.blocking{color:#f44336}@media (max-width: 1024px){.simulator-layout{grid-template-columns:1fr}.brief-panel,.inspector-panel{border:none;border-bottom:1px solid rgba(255,255,255,.1)}}.ai-safety-simulator{min-height:600px;background:var(--bg-secondary, #1a1a2e);border-radius:12px;overflow:hidden}.simulator-layout{display:grid;grid-template-columns:220px 1fr 300px;min-height:550px}.chat-panel{display:flex;flex-direction:column;padding:20px;overflow:hidden}.assistant-selector{margin-bottom:16px}.assistant-selector label{display:block;color:var(--text-secondary, #a0a0a0);font-size:12px;text-transform:uppercase;margin-bottom:8px}.assistant-options{display:flex;gap:12px}.assistant-btn{flex:1;padding:16px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.assistant-btn:hover:not(.restricted){background:#ffffff1a}.assistant-btn.selected{border-color:#4caf50;background:#4caf501a}.assistant-btn.restricted{opacity:.6;cursor:not-allowed}.assistant-icon{font-size:32px}.assistant-label{color:var(--text-primary, #fff);font-weight:600;font-size:14px}.assistant-desc{color:var(--text-secondary, #a0a0a0);font-size:11px}.restricted-badge{background:#f44336;color:#fff;padding:2px 8px;border-radius:4px;font-size:10px;margin-top:4px}.chat-history{flex:1;overflow-y:auto;background:#0003;border-radius:12px;padding:16px;margin-bottom:16px}.chat-empty{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #a0a0a0);text-align:center}.chat-message{margin-bottom:16px;padding:12px;border-radius:12px}.chat-message.user{background:#2196f31a;border:1px solid rgba(33,150,243,.3);margin-left:20px}.chat-message.assistant{background:#9c27b01a;border:1px solid rgba(156,39,176,.3);margin-right:20px}.message-header{font-size:12px;color:var(--text-secondary, #a0a0a0);margin-bottom:8px}.message-content{color:var(--text-primary, #fff);font-size:14px;line-height:1.6;white-space:pre-wrap}.message-flags{display:flex;gap:6px;margin-top:10px}.flag{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700}.flag.hallucinationrisk{background:#ff980033;color:#ff9800}.flag.sensitiveleak{background:#f4433633;color:#f44336}.flag.injectionattempt{background:#9c27b033;color:#9c27b0}.flag.safehelpful{background:#4caf5033;color:#4caf50}.send-btn{padding:14px;background:#2196f3;border:none;border-radius:8px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.send-btn:hover:not(:disabled){background:#1976d2}.send-btn:disabled{opacity:.5;cursor:not-allowed}.review-actions{display:flex;flex-direction:column;gap:12px}.verify-btn{padding:10px;background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:8px;color:#ff9800;font-size:13px;cursor:default}.action-buttons{display:flex;gap:12px}.accept-btn,.report-btn{flex:1;padding:14px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.accept-btn{background:#4caf50;color:#fff}.accept-btn:hover{background:#43a047}.report-btn{background:#f44336;color:#fff}.report-btn:hover{background:#e53935}.controls-panel{background:var(--bg-tertiary, #16213e);padding:16px;border-left:1px solid rgba(255,255,255,.1);overflow-y:auto}.controls-panel h3{color:var(--text-primary, #fff);font-size:14px;margin:0 0 8px;text-transform:uppercase}.panel-hint{color:var(--text-secondary, #a0a0a0);font-size:12px;margin-bottom:16px}.context-blocks{display:flex;flex-direction:column;gap:10px}.context-block{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;transition:all .2s}.context-block.included{border-color:#2196f380;background:#2196f30d}.context-block.redacted{border-color:#4caf5080;background:#4caf500d}.block-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.block-check{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-primary, #fff);font-size:13px;font-weight:500}.block-check input{width:16px;height:16px}.block-tags{display:flex;flex-wrap:wrap;gap:4px}.tag{padding:2px 6px;border-radius:4px;font-size:9px;font-weight:700}.tag.pii{background:#e91e6333;color:#e91e63}.tag.secret{background:#f4433633;color:#f44336}.tag.confidential{background:#ff980033;color:#ff9800}.tag.internalurl{background:#9c27b033;color:#9c27b0}.tag.customerdata{background:#00bcd433;color:#00bcd4}.tag.promptinjection{background:#673ab733;color:#673ab7}.tag.benign{background:#4caf5033;color:#4caf50}.block-preview{color:var(--text-secondary, #a0a0a0);font-size:11px;line-height:1.4;margin-bottom:8px}.redact-btn{width:100%;padding:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-secondary, #a0a0a0);font-size:12px;cursor:pointer;transition:all .2s}.redact-btn:hover{background:#ffffff1a}.redact-btn.active{background:#4caf501a;border-color:#4caf504d;color:#4caf50}.verification-steps{display:flex;flex-direction:column;gap:8px}.verification-step{display:flex;align-items:center;gap:10px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s}.verification-step:hover:not(:disabled){background:#ffffff0f}.verification-step.completed{background:#4caf501a;border-color:#4caf504d}.step-icon{font-size:18px}.step-label{color:var(--text-primary, #fff);font-size:13px}.verification-notes{margin-top:16px;padding:12px;background:#2196f31a;border-radius:8px}.verification-notes h4{color:#2196f3;font-size:12px;margin:0 0 8px}.verification-notes p{color:var(--text-secondary, #a0a0a0);font-size:12px;margin:4px 0}.ai-safety-simulator.debrief{padding:32px}.debrief-stats{display:flex;justify-content:center;gap:32px;margin-bottom:24px}.stat{text-align:center}.stat-label{display:block;color:var(--text-secondary, #a0a0a0);font-size:12px;margin-bottom:4px}.stat-value{font-size:24px;font-weight:700;color:var(--text-primary, #fff)}.debrief-section ul{margin:0;padding-left:20px;color:var(--text-secondary, #a0a0a0)}.debrief-section li{margin-bottom:6px;line-height:1.5}.debrief-section.leaked li{color:#f44336}@media (max-width: 1024px){.simulator-layout{grid-template-columns:1fr}.brief-panel,.controls-panel{border:none;border-bottom:1px solid rgba(255,255,255,.1)}.assistant-options{flex-direction:column}}.connected-apps-simulator{min-height:600px;background:var(--bg-secondary, #1a1a2e);border-radius:12px;overflow:hidden}.simulator-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--bg-tertiary, #16213e);border-bottom:1px solid rgba(255,255,255,.1)}.mode-indicator{display:flex;align-items:center;gap:12px}.mode-icon{font-size:28px}.mode-label{font-size:18px;font-weight:600;color:var(--text-primary, #fff)}.header-meters{display:flex;gap:24px}.mini-meter{display:flex;align-items:center;gap:8px;font-size:13px}.mini-meter span{color:var(--text-secondary, #a0a0a0);min-width:70px}.mini-bar{width:80px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.mini-meter.trust .mini-fill{background:#4caf50;height:100%;transition:width .3s ease}.mini-meter.risk .mini-fill{background:#f44336;height:100%;transition:width .3s ease}.timer{font-size:20px;font-weight:700;color:var(--accent-warning, #ffc107);font-family:monospace}.simulator-layout{display:grid;grid-template-columns:240px 1fr 280px;min-height:550px}.brief-panel{background:var(--bg-tertiary, #16213e);padding:16px;border-right:1px solid rgba(255,255,255,.1);overflow-y:auto}.brief-panel h3{color:var(--text-primary, #fff);font-size:14px;margin:0 0 16px;text-transform:uppercase}.brief-goal,.brief-background,.brief-constraints{margin-bottom:16px;color:var(--text-secondary, #a0a0a0);font-size:13px;line-height:1.5}.brief-goal strong,.brief-background strong,.brief-constraints strong{color:var(--text-primary, #fff);display:block;margin-bottom:4px}.brief-constraints ul{margin:8px 0 0;padding-left:16px}.brief-constraints li{margin-bottom:6px}.evidence-panel{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.evidence-panel h4{color:#ff9800;font-size:13px;margin:0 0 12px}.evidence-card{background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:8px;padding:10px;margin-bottom:10px}.evidence-card strong{color:var(--text-primary, #fff);font-size:12px;display:block;margin-bottom:4px}.evidence-card p{color:var(--text-secondary, #a0a0a0);font-size:11px;margin:0 0 6px}.evidence-tags{display:flex;flex-wrap:wrap;gap:4px}.evidence-tags .tag{padding:2px 6px;border-radius:4px;font-size:9px;font-weight:700;background:#ffffff1a;color:var(--text-secondary, #a0a0a0)}.evidence-tags .tag.mismatch{background:#f4433633;color:#f44336}.evidence-tags .tag.unverified{background:#ff980033;color:#ff9800}.evidence-tags .tag.scope-creep{background:#9c27b033;color:#9c27b0}.evidence-tags .tag.off-platform{background:#e91e6333;color:#e91e63}.evidence-tags .tag.urgency{background:#ff572233;color:#ff5722}.consent-panel{padding:24px;display:flex;flex-direction:column;gap:20px}.app-card{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px}.app-card.branding-low{border-color:#f443364d;background:#f443360d}.app-card.branding-medium{border-color:#ff98004d}.app-card.branding-high{border-color:#4caf504d}.app-icon{font-size:48px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:12px}.app-info{flex:1}.app-info h2{color:var(--text-primary, #fff);font-size:20px;margin:0 0 6px}.publisher-line{display:flex;align-items:center;gap:10px;margin-bottom:8px}.publisher-name{color:var(--text-secondary, #a0a0a0);font-size:14px}.verified-badge{background:#4caf5033;color:#4caf50;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700}.unverified-badge{background:#ff980033;color:#ff9800;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700}.app-meta{display:flex;gap:12px;font-size:12px;color:var(--text-secondary, #a0a0a0)}.category{background:#2196f333;color:#2196f3;padding:2px 8px;border-radius:4px}.consent-prompt{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px}.consent-prompt h3{color:var(--text-primary, #fff);font-size:16px;margin:0 0 16px}.permission-list{list-style:none;padding:0;margin:0}.permission-list li{display:flex;align-items:center;gap:10px;padding:12px;border-radius:8px;margin-bottom:8px;background:#ffffff05}.permission-list li.perm-high{background:#f443361a;border:1px solid rgba(244,67,54,.2)}.permission-list li.perm-medium{background:#ff98001a;border:1px solid rgba(255,152,0,.2)}.permission-list li.perm-low{background:#4caf500d;border:1px solid rgba(76,175,80,.1)}.perm-icon{font-size:16px}.perm-label{flex:1;color:var(--text-primary, #fff);font-size:14px}.perm-scope{color:var(--text-secondary, #a0a0a0);font-size:11px;font-family:monospace}.connected-apps-list{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px}.connected-apps-list h3{color:var(--text-primary, #fff);font-size:16px;margin:0 0 16px}.app-list-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff05;border-radius:8px;margin-bottom:8px}.app-list-item.current{border:2px solid #2196f3;background:#2196f31a}.app-list-icon{font-size:24px}.app-list-info{flex:1}.app-list-info strong{color:var(--text-primary, #fff);display:block;margin-bottom:2px}.app-list-info span{color:var(--text-secondary, #a0a0a0);font-size:12px}.high-risk-badge{background:#f4433633;color:#f44336;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:700}.details-panel{background:#2196f31a;border:1px solid rgba(33,150,243,.3);border-radius:12px;padding:16px}.details-panel h4{color:#2196f3;font-size:14px;margin:0 0 12px}.details-panel p{color:var(--text-secondary, #a0a0a0);font-size:13px;margin:6px 0}.details-panel.approved-list ul{list-style:none;padding:0;margin:0}.details-panel.approved-list li{padding:8px 12px;background:#ffffff05;border-radius:6px;margin-bottom:6px;color:var(--text-secondary, #a0a0a0);font-size:13px}.details-panel.approved-list li.current{background:#4caf501a;border:1px solid rgba(76,175,80,.3)}.approved-tag{background:#4caf50;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;margin-left:8px}.empty-list{color:var(--text-secondary, #a0a0a0);font-style:italic}.not-approved-warning{color:#ff9800!important;font-weight:700;margin-top:12px!important}.safety-console{background:var(--bg-tertiary, #16213e);padding:16px;border-left:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.safety-console h3{color:var(--text-primary, #fff);font-size:14px;margin:0 0 16px;text-transform:uppercase}.action-buttons{display:flex;flex-direction:column;gap:8px;flex:1}.action-btn{display:flex;align-items:center;gap:10px;padding:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary, #fff);font-size:13px;cursor:pointer;transition:all .2s}.action-btn:hover:not(:disabled){background:#ffffff1a}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.taken{border-color:#4caf504d;background:#4caf501a}.action-btn.allow{border-color:#4caf5080}.action-btn.allow:hover:not(:disabled){background:#4caf5033}.action-btn.deny{border-color:#ff980080}.action-btn.deny:hover:not(:disabled){background:#ff980033}.action-btn.report{border-color:#f4433680}.action-btn.report:hover:not(:disabled){background:#f4433633}.action-btn.revoke{border-color:#9c27b080}.action-btn.revoke:hover:not(:disabled){background:#9c27b033}.console-tips{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.console-tips h4{color:var(--text-secondary, #a0a0a0);font-size:12px;margin:0 0 10px}.console-tips ul{list-style:none;padding:0;margin:0}.console-tips li{color:var(--text-secondary, #a0a0a0);font-size:11px;padding:4px 0 4px 16px;position:relative}.console-tips li:before{content:"•";position:absolute;left:0}.connected-apps-simulator.debrief{padding:32px}.debrief-content{max-width:700px;margin:0 auto}.outcome-banner{text-align:center;padding:24px;border-radius:12px;margin-bottom:24px}.outcome-banner.safe{background:#4caf5026;border:1px solid rgba(76,175,80,.3)}.outcome-banner.safe h2{color:#4caf50}.outcome-banner.contained{background:#2196f326;border:1px solid rgba(33,150,243,.3)}.outcome-banner.contained h2{color:#2196f3}.outcome-banner.incident{background:#f4433626;border:1px solid rgba(244,67,54,.3)}.outcome-banner.incident h2{color:#f44336}.outcome-banner p{color:var(--text-secondary, #a0a0a0);margin:8px 0 0}.debrief-meters{display:flex;justify-content:center;gap:40px;margin-bottom:24px}.meter{display:flex;flex-direction:column;align-items:center;gap:8px}.meter-label{color:var(--text-secondary, #a0a0a0);font-size:12px}.meter-bar{width:120px;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden}.meter-fill{height:100%;transition:width .3s ease}.meter-fill.trust{background:#4caf50}.meter-fill.risk{background:#f44336}.meter-value{color:var(--text-primary, #fff);font-size:18px;font-weight:700}.debrief-section{background:#ffffff08;border-radius:8px;padding:16px;margin-bottom:16px}.debrief-section h3{color:var(--text-primary, #fff);font-size:14px;margin:0 0 12px}.debrief-section ul,.debrief-section ol{margin:0;padding-left:20px;color:var(--text-secondary, #a0a0a0)}.debrief-section li{margin-bottom:8px;line-height:1.5}.action-timeline li{color:#2196f3}.debrief-section.found{border-left:3px solid #4caf50}.debrief-section.missed{border-left:3px solid #f44336}.debrief-section.missed li{color:#f44336}@media (max-width: 1024px){.simulator-layout{grid-template-columns:1fr}.brief-panel,.safety-console{border:none;border-bottom:1px solid rgba(255,255,255,.1)}.header-meters{flex-direction:column;gap:8px}}.admin-editor{max-width:1200px;margin:0 auto;padding:2rem}.page-header{margin-bottom:2rem}.back-link{color:var(--accent-color, #6366f1);text-decoration:none;margin-bottom:1rem;display:inline-block}.visual-hotspot-editor{margin:1.5rem 0;border:2px solid var(--border-color, #374151);border-radius:12px;overflow:hidden;background:var(--card-bg, #1f2937)}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--surface-bg, #111827);border-bottom:1px solid var(--border-color, #374151)}.draw-mode-btn{padding:.5rem 1rem;border-radius:8px;border:2px solid var(--accent-color, #6366f1);background:transparent;color:var(--accent-color, #6366f1);font-weight:600;cursor:pointer;transition:all .2s}.draw-mode-btn:hover{background:var(--accent-color, #6366f1);color:#fff}.draw-mode-btn.active{background:var(--accent-color, #6366f1);color:#fff;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.hotspot-count{color:var(--text-muted, #9ca3af);font-size:.875rem}.image-canvas{position:relative;width:100%;-webkit-user-select:none;user-select:none}.image-canvas img{width:100%;height:auto;display:block}.image-canvas.draw-mode{cursor:crosshair}.image-canvas.draw-mode img{pointer-events:none}.hotspot-overlay{position:absolute;border:3px solid;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.hotspot-overlay:hover{transform:scale(1.02);z-index:10}.hotspot-overlay.selected{border-width:4px;box-shadow:0 0 0 3px #6366f180}.hotspot-number{background:#000000b3;color:#fff;font-weight:700;font-size:.75rem;padding:2px 6px;border-radius:4px}.hotspot-drawing{position:absolute;border:3px dashed #6366f1;background:#6366f133;border-radius:4px;pointer-events:none}.hotspots-list{display:flex;flex-direction:column;gap:.75rem}.hotspot-item-editor{background:var(--surface-bg, #111827);border:2px solid var(--border-color, #374151);border-radius:8px;padding:.75rem;cursor:pointer;transition:all .2s}.hotspot-item-editor:hover{border-color:var(--accent-color, #6366f1)}.hotspot-item-editor.selected{border-color:var(--accent-color, #6366f1);background:var(--card-bg, #1f2937)}.hotspot-header{display:flex;align-items:center;gap:.75rem}.hotspot-badge{color:#fff;font-weight:700;font-size:.75rem;padding:4px 8px;border-radius:4px;min-width:32px;text-align:center}.hotspot-title-input{flex:1;background:transparent;border:1px solid transparent;color:var(--text-primary, #f9fafb);font-size:1rem;padding:.25rem .5rem;border-radius:4px}.hotspot-title-input:focus{outline:none;border-color:var(--accent-color, #6366f1);background:var(--card-bg, #1f2937)}.remove-btn-small{background:transparent;border:none;color:var(--text-muted, #9ca3af);cursor:pointer;font-size:1.25rem;padding:.25rem;line-height:1;border-radius:4px}.remove-btn-small:hover{color:#ef4444;background:#ef44441a}.hotspot-details{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color, #374151)}.coords-display{margin-top:.5rem;color:var(--text-muted, #9ca3af)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary, #d1d5db)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color, #374151);border-radius:6px;background:var(--surface-bg, #111827);color:var(--text-primary, #f9fafb);font-size:.875rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color, #6366f1)}.form-group textarea{min-height:80px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.form-group.full-width{grid-column:1 / -1}.help-text{color:var(--text-muted, #9ca3af);font-size:.875rem;font-style:italic}.type-selector{margin-top:2rem}.type-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.type-option{display:flex;flex-direction:column;align-items:center;padding:1.5rem;border:2px solid var(--border-color, #374151);border-radius:12px;background:var(--card-bg, #1f2937);cursor:pointer;transition:all .2s;text-align:center}.type-option:hover{border-color:var(--accent-color, #6366f1);transform:translateY(-2px)}.type-option.selected{border-color:var(--accent-color, #6366f1);background:#6366f11a}.type-option .icon{font-size:2.5rem;margin-bottom:.75rem}.type-option .label{font-weight:600;font-size:1.1rem;color:var(--text-primary, #f9fafb)}.type-option .desc{color:var(--text-muted, #9ca3af);font-size:.875rem;margin-top:.25rem}.remove-btn{background:#ef44441a;border:1px solid #ef4444;color:#ef4444;padding:.5rem 1rem;border-radius:6px;cursor:pointer;margin-top:.5rem}.remove-btn:hover{background:#ef4444;color:#fff}.errors-list{background:#ef44441a;border:1px solid #ef4444;border-radius:8px;padding:1rem;margin-bottom:1rem;color:#ef4444}.errors-list li{margin-left:1rem}.language-selector{position:relative;z-index:1000}.language-selector-trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:inherit;cursor:pointer;font-size:.875rem;transition:all .2s ease}.language-selector-trigger:hover{background:#ffffff26;border-color:#ffffff4d}.language-flag{font-size:1.25rem;line-height:1}.language-code{font-weight:600;text-transform:uppercase}.language-arrow{font-size:.625rem;opacity:.7}.language-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;background:var(--color-surface, #1a1a2e);border:1px solid rgba(255,255,255,.15);border-radius:8px;box-shadow:0 8px 32px #0006;overflow:hidden;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.language-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:inherit;cursor:pointer;text-align:left;transition:background .15s ease}.language-option:hover{background:#ffffff1a}.language-option.active{background:rgba(var(--color-primary-rgb, 99, 102, 241),.2)}.language-option .language-flag{font-size:1.5rem}.language-name{font-size:.9375rem}@media (prefers-color-scheme: light){.language-selector-trigger{background:#0000000d;border-color:#0000001a}.language-selector-trigger:hover{background:#00000014;border-color:#00000026}.language-dropdown{background:#fff;border-color:#0000001a}.language-option:hover{background:#0000000d}}.modern-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0f172af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease}.modern-header.scrolled{background:#0f172afa;box-shadow:0 4px 20px #0000004d}.header-inner{max-width:1400px;margin:0 auto;padding:0 1.5rem;height:70px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.header-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;flex-shrink:0}.brand-logo{height:36px;width:auto;transition:transform .3s ease}.header-brand:hover .brand-logo{transform:scale(1.05)}.brand-text{font-size:1.25rem;font-weight:700;color:#fff;letter-spacing:-.02em}.brand-accent{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-nav{display:flex;align-items:center;gap:.5rem}.nav-item{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:8px;color:#ffffffb3;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s ease}.nav-item:hover{color:#fff;background:#ffffff14}.nav-item.active{color:#fff;background:#3b82f626}.nav-item.active .nav-icon{color:#3b82f6}.nav-icon{width:18px;height:18px;flex-shrink:0}.header-actions{display:flex;align-items:center;gap:1rem}.auth-section,.user-dropdown{position:relative}.user-trigger{display:flex;align-items:center;gap:.625rem;padding:.375rem .75rem .375rem .375rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px;cursor:pointer;transition:all .2s ease}.user-trigger:hover{background:#ffffff1a;border-color:#fff3}.user-avatar-circle{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.user-name{color:#fff;font-size:.875rem;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{width:16px;height:16px;color:#ffffff80;transition:transform .2s ease}.user-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 10px 40px #0006;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;overflow:hidden}.user-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-header{padding:1rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05)}.dropdown-email{color:#fff;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.dropdown-role{color:#ffffff80;font-size:.75rem;text-transform:capitalize}.dropdown-divider{height:1px;background:#ffffff0d}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;color:#fffc;text-decoration:none;font-size:.875rem;background:none;border:none;cursor:pointer;transition:all .2s ease;text-align:left}.dropdown-item:hover{background:#ffffff0d;color:#fff}.dropdown-item.logout:hover{background:#ef44441a;color:#ef4444}.dropdown-item svg{width:18px;height:18px;flex-shrink:0}.signin-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:8px;text-decoration:none;font-size:.875rem;font-weight:600;transition:all .2s ease;box-shadow:0 2px 8px #3b82f64d}.signin-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.signin-btn svg{width:18px;height:18px}.mobile-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;background:none;border:none;cursor:pointer;border-radius:8px;transition:background .2s ease}.mobile-toggle:hover{background:#ffffff1a}.mobile-toggle span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:all .3s ease}.mobile-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-toggle.active span:nth-child(2){opacity:0}.mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.modern-header .mobile-menu{position:fixed;top:70px;right:0;width:100%;max-width:320px;height:calc(100vh - 70px);background:#0f172a;border-left:1px solid rgba(255,255,255,.1);transition:transform .3s ease,visibility .3s ease;transform:translate(100%);visibility:hidden;display:flex;flex-direction:column;overflow-y:auto;z-index:999}.modern-header .mobile-menu.open{transform:translate(0);visibility:visible}.modern-header .mobile-nav-list{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.modern-header .mobile-nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;color:#fffc;text-decoration:none;font-size:1rem;font-weight:500;border-radius:10px;transition:all .2s ease}.modern-header .mobile-nav-item:hover,.modern-header .mobile-nav-item.active{background:#3b82f626;color:#fff}.modern-header .mobile-nav-item.active{background:#3b82f633}.modern-header .mobile-nav-item svg{width:22px;height:22px;flex-shrink:0}.modern-header .mobile-auth-section{padding:1rem;margin-top:auto;border-top:1px solid rgba(255,255,255,.05)}.modern-header .mobile-user-card{display:flex;align-items:center;gap:.875rem;padding:1rem;background:#ffffff08;border-radius:12px;margin-bottom:.75rem}.modern-header .mobile-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:600;flex-shrink:0}.modern-header .mobile-user-details{overflow:hidden}.modern-header .mobile-user-email{color:#fff;font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modern-header .mobile-user-role{color:#ffffff80;font-size:.75rem;text-transform:capitalize}.modern-header .mobile-logout-btn,.modern-header .mobile-signin-btn{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:.875rem;border-radius:10px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s ease;cursor:pointer}.modern-header .mobile-logout-btn{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.modern-header .mobile-logout-btn:hover{background:#ef444433}.modern-header .mobile-signin-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none}.modern-header .mobile-signin-btn:hover{transform:scale(1.02)}.modern-header .mobile-logout-btn svg,.modern-header .mobile-signin-btn svg{width:20px;height:20px}.modern-header .mobile-footer-links{padding:1rem;display:flex;justify-content:center;gap:1.5rem;border-top:1px solid rgba(255,255,255,.05)}.modern-header .mobile-footer-links a{color:#ffffff80;text-decoration:none;font-size:.8rem;transition:color .2s ease}.modern-header .mobile-footer-links a:hover{color:#fff}.modern-header .mobile-backdrop{position:fixed;top:70px;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:-1}@media (max-width: 1024px){.header-nav,.user-name{display:none}.user-trigger{padding:.25rem;border-radius:50%}}@media (max-width: 768px){.header-inner{padding:0 1rem;height:64px}.mobile-toggle{display:flex}.modern-header .mobile-menu{top:64px;height:calc(100vh - 64px);transform:translate(100%);visibility:hidden}.modern-header .mobile-menu.open{transform:translate(0);visibility:visible}.modern-header .mobile-backdrop{top:64px}.auth-section{display:none}.brand-text{font-size:1.125rem}.brand-logo{height:32px}}@media (max-width: 480px){.header-inner{padding:0 .75rem}.brand-text{display:none}.modern-header .mobile-menu{max-width:100%;border-left:none}}.modern-header .language-selector{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px}.modern-header .language-selector:hover{background:#ffffff1a;border-color:#fff3}