:root{--bg-dark:#0a0a0f;--bg-darker:#050508;--accent-cyan:#00f5ff;--accent-blue:#4facfe;--accent-purple:#a855f7;--accent-pink:#ec4899;--glass-border:rgba(0,245,255,0.15);--terminal-bg:#0f1117;--success:#10b981;--warning:#f59e0b;--danger:#ef4444}
*{box-sizing:border-box}
body{background-color:var(--bg-dark);color:#fff;font-family:'Rajdhani',sans-serif;min-height:100vh;display:flex;flex-direction:column;background-image:radial-gradient(circle at 20% 50%,rgba(79,172,254,0.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(168,85,247,0.15) 0%,transparent 50%),radial-gradient(circle at 50% 0%,#0d1b2a 0%,#000 100%);margin:0;position:relative;overflow-x:hidden}
body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,245,255,0.03) 2px,rgba(0,245,255,0.03) 4px);pointer-events:none;z-index:0}
.container,nav,footer{position:relative;z-index:1}
.navbar{padding:25px 0;background:rgba(10,10,15,0.8);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 30px rgba(0,0,0,0.3)}
.brand-logo{font-weight:700;font-size:2rem;letter-spacing:3px;color:#fff;text-transform:uppercase;display:flex;align-items:center;gap:15px;text-decoration:none}
.logo-icon{width:50px;height:50px;color:#fff;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 0 20px rgba(0,245,255,0.5);animation:pulse 2s ease-in-out infinite;position:relative}
.logo-icon::before{content:'';position:absolute;inset:-2px;border-radius:12px;padding:2px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:rotate 3s linear infinite}
@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 0 20px rgba(0,245,255,0.5)}50%{transform:scale(1.05);box-shadow:0 0 30px rgba(0,245,255,0.8)}}
@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.brand-logo .logo-text{display:flex;flex-direction:column;line-height:1.2}
.brand-logo .logo-main{color:#fff;font-size:1.8rem;letter-spacing:4px}
.brand-logo .logo-sub{color:var(--accent-cyan);font-size:0.9rem;letter-spacing:2px;text-shadow:0 0 20px var(--accent-cyan);font-weight:600}
.info-bar{background:rgba(5,5,8,0.9);border-bottom:1px solid rgba(0,245,255,0.2);color:#888;font-family:'Fira Code';font-size:0.75rem;padding:10px 0;text-align:center;letter-spacing:1px;backdrop-filter:blur(10px)}
.info-v{color:var(--accent-cyan);font-weight:bold;text-shadow:0 0 10px var(--accent-cyan)}
.info-bar i{margin:0 5px;color:var(--accent-blue)}
.hero-section{padding:80px 0 50px;text-align:center}
.hero-title{font-size:4.5rem;font-weight:700;margin-bottom:15px;background:linear-gradient(135deg,#fff 0%,var(--accent-cyan) 50%,var(--accent-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:3px;animation:fadeInDown 1s ease-out}
@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}
.hero-sub{color:#888;letter-spacing:4px;font-size:1rem;margin-bottom:40px;animation:fadeInUp 1s ease-out 0.2s both}
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.search-container{background:rgba(15,17,23,0.9);border:2px solid var(--glass-border);padding:12px 12px 12px 30px;border-radius:50px;display:flex;align-items:center;max-width:800px;margin:0 auto;box-shadow:0 0 40px rgba(0,245,255,0.2);transition:all 0.3s;animation:fadeInUp 1s ease-out 0.4s both}
.search-container:focus-within{border-color:var(--accent-cyan);box-shadow:0 0 50px rgba(0,245,255,0.4);transform:translateY(-2px)}
.search-input{background:transparent;border:none;color:#fff;width:100%;outline:none;font-size:1.2rem;font-family:'Rajdhani',sans-serif}
.search-input::placeholder{color:#555}
.btn-scan{background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));color:#000;border:none;padding:12px 50px;border-radius:40px;font-weight:700;transition:all 0.3s;cursor:pointer;position:relative;overflow:hidden;font-size:1rem;display:flex;align-items:center;gap:8px}
.btn-scan::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.3);transform:translate(-50%,-50%);transition:width 0.6s,height 0.6s}
.btn-scan:hover::before{width:300px;height:300px}
.btn-scan:hover{transform:scale(1.05);box-shadow:0 0 30px var(--accent-cyan)}
.btn-scan:disabled{opacity:0.6;cursor:not-allowed;transform:none}
.progress-container{max-width:700px;margin:20px auto 0;display:none}
.progress-bar-custom{height:4px;background:rgba(255,255,255,0.1);border-radius:2px;overflow:hidden}
.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-blue),var(--accent-cyan));width:0%;transition:width 0.3s;box-shadow:0 0 10px var(--accent-cyan)}
.progress-label{margin-top:8px;font-family:'Fira Code',monospace;font-size:0.75rem;color:var(--accent-cyan);text-align:center;letter-spacing:1px}
.action-buttons{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}
.btn-action{background:rgba(0,242,255,0.1);border:1px solid var(--accent-cyan);color:var(--accent-cyan);padding:8px 20px;border-radius:5px;cursor:pointer;transition:all 0.3s;font-size:0.85rem;font-weight:600}
.btn-action:hover{background:var(--accent-cyan);color:#000;transform:translateY(-2px)}
.copy-btn{background:transparent;border:none;color:var(--accent-cyan);cursor:pointer;padding:5px 10px;border-radius:4px;transition:all 0.3s;font-size:0.8rem}
.copy-btn:hover{background:rgba(0,242,255,0.1);transform:scale(1.1)}
.toast{position:fixed;bottom:30px;right:30px;background:rgba(15,23,42,0.95);border:1px solid var(--accent-cyan);color:var(--accent-cyan);padding:15px 25px;border-radius:8px;font-family:'Fira Code';font-size:0.9rem;z-index:10000;display:none;animation:slideInRight 0.3s ease-out;box-shadow:0 5px 20px rgba(0,242,255,0.3)}
@keyframes slideInRight{from{transform:translateX(400px);opacity:0}to{transform:translateX(0);opacity:1}}
.section-header{display:flex;align-items:center;margin:40px 0 20px;color:var(--accent-cyan);font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:0.9rem;animation:cardSlideIn 0.4s ease-out both}
.section-header::after{content:'';flex:1;height:1px;background:rgba(255,255,255,0.1);margin-left:15px}
.section-header i{margin-right:10px}
.console-card{background:rgba(15,17,23,0.8);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden;height:100%;display:flex;flex-direction:column;transition:all 0.3s;backdrop-filter:blur(10px);position:relative;animation:cardSlideIn 0.5s ease-out both}
.console-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);opacity:0;transition:opacity 0.3s}
.console-card:hover::before{opacity:1}
.console-card:hover{border-color:var(--accent-cyan);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,245,255,0.2)}
.console-header{padding:12px 15px;background:rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.1);display:flex;justify-content:space-between;align-items:center}
.console-title{font-size:0.85rem;font-weight:700;color:#fff;letter-spacing:1.5px;text-transform:uppercase}
.console-title i{margin-right:8px;color:var(--accent-cyan)}
.console-body{padding:18px;flex-grow:1;background:var(--terminal-bg);font-family:'Fira Code',monospace;font-size:0.85rem;color:#a5b3ce;overflow-y:auto;max-height:250px;line-height:1.8;white-space:pre-wrap}
.console-body::-webkit-scrollbar{width:6px}
.console-body::-webkit-scrollbar-track{background:rgba(255,255,255,0.05)}
.console-body::-webkit-scrollbar-thumb{background:var(--accent-cyan);border-radius:3px}
.footer{margin-top:auto;padding:50px 0;text-align:center;border-top:1px solid rgba(255,255,255,0.05);background:rgba(0,0,0,0.95);backdrop-filter:blur(10px)}
.text-powered{color:#9ca3af;font-weight:500;font-size:0.9rem;letter-spacing:1px;font-family:'Rajdhani',sans-serif}
.text-brand{color:var(--accent-cyan);font-weight:700;margin-left:10px;font-size:1.1rem;letter-spacing:2px;text-shadow:0 0 20px var(--accent-cyan),0 0 40px rgba(0,245,255,0.3);font-family:'Rajdhani',sans-serif;animation:glow 2s ease-in-out infinite alternate}
@keyframes glow{from{text-shadow:0 0 20px var(--accent-cyan),0 0 40px rgba(0,245,255,0.3)}to{text-shadow:0 0 30px var(--accent-cyan),0 0 60px rgba(0,245,255,0.5)}}
.footer-links{display:flex;justify-content:center;align-items:center;gap:15px;font-weight:600;font-size:0.95rem;letter-spacing:1.5px;margin-top:20px;flex-wrap:wrap;font-family:'Rajdhani',sans-serif}
.f-link{color:var(--accent-cyan);text-decoration:none;transition:all 0.3s;text-shadow:0 0 15px var(--accent-cyan);font-weight:600}
.f-link:hover{color:#fff;text-shadow:0 0 25px var(--accent-cyan),0 0 40px rgba(0,245,255,0.4);transform:translateY(-2px)}
.sep{color:#4b5563;font-weight:300;font-size:0.9rem;margin:0 8px}
.admin-trigger{color:#6b7280;cursor:pointer;transition:all 0.3s;font-size:1rem;padding:5px}
.admin-trigger:hover{color:var(--accent-cyan);text-shadow:0 0 15px var(--accent-cyan);transform:scale(1.1)}
.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.95);z-index:999}
.modal-content{position:relative;top:10%;margin:0 auto;max-width:900px;background:#0a0a0a;border:1px solid var(--accent-cyan);padding:20px;max-height:80vh;overflow-y:auto}
.log-table{width:100%;border-collapse:collapse;font-family:'JetBrains Mono';font-size:0.8rem}
.log-table th{text-align:left;border-bottom:1px solid var(--accent-cyan);color:var(--accent-cyan);padding:10px}
.log-table td{border-bottom:1px solid #333;padding:10px;color:#ccc}
.close-btn{position:absolute;top:10px;right:20px;color:#fff;font-size:2rem;cursor:pointer}
.hl-ok{color:var(--success);font-weight:600}
.hl-er{color:var(--danger);font-weight:600}
.hl-warn{color:var(--warning);font-weight:600}
@keyframes cardSlideIn{from{opacity:0;transform:translateY(30px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
.skeleton-loading .console-body{min-height:80px}
.skeleton-line{height:12px;margin:10px 15px;border-radius:6px;background:linear-gradient(90deg,rgba(255,255,255,0.04) 25%,rgba(0,245,255,0.08) 50%,rgba(255,255,255,0.04) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}
.skeleton-line:nth-child(2){width:75%}
.skeleton-line:nth-child(3){width:60%}
@keyframes dataGlow{0%{box-shadow:0 0 0 rgba(0,245,255,0)}50%{box-shadow:0 0 20px rgba(0,245,255,0.3)}100%{box-shadow:0 0 0 rgba(0,245,255,0)}}
.console-card.data-loaded{animation:dataGlow 0.8s ease-out}
.recent-scans-bar{max-width:800px;margin:15px auto 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;animation:fadeInUp 1s ease-out 0.6s both}
.recent-scans-bar .recent-label{color:#555;font-family:'Fira Code',monospace;font-size:0.7rem;letter-spacing:1px;text-transform:uppercase}
.recent-scan-chip{background:rgba(0,245,255,0.08);border:1px solid rgba(0,245,255,0.2);color:var(--accent-cyan);padding:4px 14px;border-radius:20px;font-family:'Fira Code',monospace;font-size:0.75rem;cursor:pointer;transition:all 0.3s}
.recent-scan-chip:hover{background:rgba(0,245,255,0.2);border-color:var(--accent-cyan);transform:translateY(-1px)}
@media(max-width:768px){.hero-title{font-size:2.2rem!important;letter-spacing:1px}.hero-sub{font-size:0.8rem;letter-spacing:2px}.search-container{padding:8px 8px 8px 15px!important;flex-direction:column;border-radius:16px!important;gap:10px}.search-input{font-size:1rem;text-align:center}.btn-scan{width:100%;justify-content:center;padding:12px!important;border-radius:12px!important}.brand-logo .logo-main{font-size:1.3rem}.brand-logo .logo-sub{font-size:0.7rem}.logo-icon{width:40px;height:40px;font-size:1.4rem}.section-header{font-size:0.8rem;margin:25px 0 15px}.console-card:hover{transform:none}.console-body{font-size:0.8rem}.console-title{font-size:0.75rem;letter-spacing:1px}.action-buttons{justify-content:center}.btn-action{font-size:0.75rem;padding:6px 14px}.toast{left:15px;right:15px;bottom:15px;text-align:center;font-size:0.8rem}.info-bar{font-size:0.65rem;padding:8px 10px}.navbar{padding:15px 0}.row.g-4>[class*="col-"]{padding-left:8px;padding-right:8px}}
@media(max-width:480px){.hero-title{font-size:1.8rem!important}.hero-section{padding:40px 0 30px!important}.console-header{padding:10px 12px}.console-body{padding:10px 12px!important}}
::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:rgba(0,245,255,0.3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}

/* === RADAR ANIMATION (#6) === */
.radar-container{display:none;width:150px;height:150px;margin:20px auto;position:relative}
.radar-container.active{display:block}
.radar-ring{position:absolute;inset:0;border:2px solid rgba(0,245,255,0.2);border-radius:50%}
.radar-ring:nth-child(2){inset:15px}
.radar-ring:nth-child(3){inset:30px}
.radar-ring:nth-child(4){inset:45px}
.radar-sweep{position:absolute;top:50%;left:50%;width:50%;height:2px;transform-origin:left center;background:linear-gradient(90deg,var(--accent-cyan),transparent);animation:radarSweep 2s linear infinite;filter:drop-shadow(0 0 8px var(--accent-cyan))}
.radar-dot{position:absolute;width:6px;height:6px;background:var(--accent-cyan);border-radius:50%;box-shadow:0 0 10px var(--accent-cyan);animation:radarBlink 1.5s ease-in-out infinite}
@keyframes radarSweep{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes radarBlink{0%,100%{opacity:0.3}50%{opacity:1}}

/* === TERMINAL MODE (#7) === */
body.terminal-mode{background:#000!important;background-image:none!important;font-family:'Fira Code',monospace!important}
body.terminal-mode::before{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,0,0.04) 2px,rgba(0,255,0,0.04) 4px)!important}
body.terminal-mode .navbar{background:rgba(0,0,0,0.95)!important;border-bottom:1px solid #0f0!important}
body.terminal-mode .brand-logo .logo-main,body.terminal-mode .brand-logo .logo-sub{color:#0f0!important;-webkit-text-fill-color:#0f0!important;text-shadow:0 0 10px #0f0!important}
body.terminal-mode .logo-icon{background:#000!important;border:2px solid #0f0!important;color:#0f0!important;box-shadow:0 0 15px rgba(0,255,0,0.3)!important}
body.terminal-mode .hero-title{background:none!important;-webkit-text-fill-color:#0f0!important;text-shadow:0 0 20px #0f0!important}
body.terminal-mode .hero-sub{color:#0a0!important}
body.terminal-mode .search-container{background:#000!important;border-color:#0f0!important;border-radius:0!important;box-shadow:0 0 20px rgba(0,255,0,0.2)!important}
body.terminal-mode .search-input{color:#0f0!important;font-family:'Fira Code',monospace!important}
body.terminal-mode .search-input::placeholder{color:#050!important}
body.terminal-mode .btn-scan{background:#0f0!important;color:#000!important;border-radius:0!important;font-family:'Fira Code',monospace!important}
body.terminal-mode .console-card{background:#000!important;border:1px solid #0f0!important;border-radius:0!important}
body.terminal-mode .console-card:hover{border-color:#0f0!important;box-shadow:0 0 20px rgba(0,255,0,0.3)!important;transform:none!important}
body.terminal-mode .console-card::before{background:linear-gradient(90deg,transparent,#0f0,transparent)!important}
body.terminal-mode .console-header{background:rgba(0,255,0,0.05)!important;border-bottom:1px solid rgba(0,255,0,0.2)!important}
body.terminal-mode .console-title{color:#0f0!important}
body.terminal-mode .console-title i{color:#0f0!important}
body.terminal-mode .console-body{background:#000!important;color:#0f0!important;font-family:'Fira Code',monospace!important}
body.terminal-mode .section-header{color:#0f0!important}
body.terminal-mode .section-header::after{background:rgba(0,255,0,0.2)!important}
body.terminal-mode .info-bar{background:#000!important;border-bottom:1px solid rgba(0,255,0,0.2)!important;color:#0a0!important}
body.terminal-mode .info-v{color:#0f0!important;text-shadow:0 0 10px #0f0!important}
body.terminal-mode .footer{background:#000!important;border-top:1px solid rgba(0,255,0,0.2)!important}
body.terminal-mode .text-brand{color:#0f0!important;text-shadow:0 0 20px #0f0!important}
body.terminal-mode .text-powered{color:#0a0!important}
body.terminal-mode .f-link{color:#0f0!important;text-shadow:0 0 10px #0f0!important}
body.terminal-mode .btn-action{background:rgba(0,255,0,0.1)!important;border-color:#0f0!important;color:#0f0!important;border-radius:0!important}
body.terminal-mode .btn-action:hover{background:#0f0!important;color:#000!important}
body.terminal-mode .toast{background:#000!important;border-color:#0f0!important;color:#0f0!important}
body.terminal-mode .progress-fill{background:#0f0!important;box-shadow:0 0 10px #0f0!important}
body.terminal-mode .progress-label{color:#0f0!important}
body.terminal-mode .radar-ring{border-color:rgba(0,255,0,0.2)!important}
body.terminal-mode .radar-sweep{background:linear-gradient(90deg,#0f0,transparent)!important;filter:drop-shadow(0 0 8px #0f0)!important}
body.terminal-mode .radar-dot{background:#0f0!important;box-shadow:0 0 10px #0f0!important}
body.terminal-mode .recent-scan-chip{background:rgba(0,255,0,0.08)!important;border-color:rgba(0,255,0,0.3)!important;color:#0f0!important}
body.terminal-mode .hl-ok{color:#0f0!important}
body.terminal-mode .hl-er{color:#f00!important}
.terminal-toggle{position:fixed;bottom:20px;left:20px;z-index:9999;background:rgba(15,17,23,0.9);border:1px solid var(--glass-border);color:var(--accent-cyan);width:45px;height:45px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all 0.3s;backdrop-filter:blur(10px)}
.terminal-toggle:hover{background:var(--accent-cyan);color:#000;transform:scale(1.1);box-shadow:0 0 20px var(--accent-cyan)}
body.terminal-mode .terminal-toggle{border-color:#0f0!important;color:#0f0!important;background:#000!important}
body.terminal-mode .terminal-toggle:hover{background:#0f0!important;color:#000!important}

/* === SCREENSHOT CARD === */
.screenshot-container{text-align:center;padding:10px}
.screenshot-container img{max-width:100%;border-radius:8px;border:1px solid var(--glass-border);transition:transform 0.3s}
.screenshot-container img:hover{transform:scale(1.02)}

/* === SECURITY BADGE === */
.badge-section{margin-top:20px;padding:20px;background:rgba(15,17,23,0.8);border:1px solid var(--glass-border);border-radius:12px;text-align:center}
.badge-preview{margin:15px auto;display:inline-block}
.badge-code{background:var(--terminal-bg);color:var(--accent-cyan);padding:12px;border-radius:8px;font-family:'Fira Code',monospace;font-size:0.75rem;word-break:break-all;text-align:left;margin:10px 0;max-height:80px;overflow-y:auto}
.copy-badge-btn{background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));color:#000;border:none;padding:8px 25px;border-radius:20px;font-weight:700;cursor:pointer;transition:all 0.3s;font-size:0.85rem}
.copy-badge-btn:hover{transform:scale(1.05);box-shadow:0 0 20px var(--accent-cyan)}

/* === Performance & Breach Cards === */
.perf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:10px 0}
.perf-metric{background:rgba(0,245,255,0.05);border:1px solid rgba(0,245,255,0.15);border-radius:8px;padding:12px;text-align:center}
.perf-metric .metric-value{font-size:1.4rem;font-weight:700;color:var(--accent-cyan);font-family:'Fira Code',monospace}
.perf-metric .metric-label{font-size:0.7rem;color:#888;text-transform:uppercase;letter-spacing:1px;margin-top:4px}
.perf-grade{font-size:3rem;font-weight:700;text-align:center;margin:10px 0}
.perf-grade.grade-a{color:var(--success)}.perf-grade.grade-b{color:var(--accent-cyan)}.perf-grade.grade-c{color:var(--warning)}.perf-grade.grade-f{color:var(--danger)}
.breach-clean{color:var(--success);font-weight:700;font-size:1.1rem;text-align:center;padding:20px}
.breach-found{color:var(--danger);font-weight:700}
.breach-item{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.3);border-radius:8px;padding:10px 15px;margin:8px 0;font-family:'Fira Code',monospace;font-size:0.8rem;color:#f87171}
.timeline-container{margin-top:15px;padding:15px;background:rgba(15,17,23,0.8);border:1px solid var(--glass-border);border-radius:12px}
.timeline-container canvas{max-height:200px}
body.terminal-mode .perf-metric{background:rgba(0,255,0,0.05)!important;border-color:rgba(0,255,0,0.2)!important}
body.terminal-mode .perf-metric .metric-value{color:#0f0!important}
body.terminal-mode .breach-item{background:rgba(255,0,0,0.1)!important;border-color:rgba(255,0,0,0.3)!important}

/* === LIGHT MODE === */
.theme-toggle{position:fixed;bottom:20px;left:20px;z-index:9999;background:rgba(15,17,23,0.9);border:1px solid var(--glass-border);color:var(--accent-cyan);width:45px;height:45px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all 0.3s;backdrop-filter:blur(10px)}
.theme-toggle:hover{background:var(--accent-cyan);color:#000;transform:scale(1.1);box-shadow:0 0 20px var(--accent-cyan)}
body.light-mode{background:#f0f2f5!important;background-image:none!important;color:#1a1a2e!important}
body.light-mode::before{display:none!important}
body.light-mode .navbar{background:rgba(255,255,255,0.95)!important;border-bottom:1px solid #ddd!important;box-shadow:0 2px 15px rgba(0,0,0,0.08)!important}
body.light-mode .brand-logo .logo-main{color:#1a1a2e!important;-webkit-text-fill-color:#1a1a2e!important}
body.light-mode .brand-logo .logo-sub{color:#0088cc!important;-webkit-text-fill-color:#0088cc!important;text-shadow:none!important}
body.light-mode .logo-icon{box-shadow:0 4px 15px rgba(0,136,204,0.3)!important}
body.light-mode .info-bar{background:rgba(255,255,255,0.95)!important;border-bottom:1px solid #e0e0e0!important;color:#666!important}
body.light-mode .info-v{color:#0088cc!important;text-shadow:none!important}
body.light-mode .hero-title{background:linear-gradient(135deg,#1a1a2e 0%,#0088cc 50%,#4facfe 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}
body.light-mode .hero-sub{color:#888!important}
body.light-mode .search-container{background:rgba(255,255,255,0.95)!important;border:2px solid #ddd!important;box-shadow:0 4px 20px rgba(0,0,0,0.08)!important}
body.light-mode .search-container:focus-within{border-color:#0088cc!important;box-shadow:0 4px 25px rgba(0,136,204,0.2)!important}
body.light-mode .search-input{color:#1a1a2e!important}
body.light-mode .search-input::placeholder{color:#aaa!important}
body.light-mode .section-header{color:#0088cc!important}
body.light-mode .section-header::after{background:rgba(0,0,0,0.1)!important}
body.light-mode .console-card{background:rgba(255,255,255,0.95)!important;border:1px solid #e0e0e0!important;box-shadow:0 2px 10px rgba(0,0,0,0.05)!important}
body.light-mode .console-card:hover{border-color:#0088cc!important;box-shadow:0 5px 20px rgba(0,136,204,0.15)!important}
body.light-mode .console-card::before{background:linear-gradient(90deg,transparent,#0088cc,transparent)!important}
body.light-mode .console-header{background:rgba(0,0,0,0.02)!important;border-bottom:1px solid #eee!important}
body.light-mode .console-title{color:#1a1a2e!important}
body.light-mode .console-title i{color:#0088cc!important}
body.light-mode .console-body{background:#fafbfc!important;color:#444!important}
body.light-mode .console-body::-webkit-scrollbar-thumb{background:#0088cc!important}
body.light-mode .footer{background:rgba(255,255,255,0.98)!important;border-top:1px solid #e0e0e0!important}
body.light-mode .text-brand{color:#0088cc!important;text-shadow:none!important}
body.light-mode .text-powered{color:#888!important}
body.light-mode .f-link{color:#0088cc!important;text-shadow:none!important}
body.light-mode .f-link:hover{color:#005fa3!important}
body.light-mode .btn-action{background:rgba(0,136,204,0.08)!important;border-color:#0088cc!important;color:#0088cc!important}
body.light-mode .btn-action:hover{background:#0088cc!important;color:#fff!important}
body.light-mode .copy-btn{color:#0088cc!important}
body.light-mode .toast{background:rgba(255,255,255,0.98)!important;border-color:#0088cc!important;color:#0088cc!important;box-shadow:0 5px 20px rgba(0,0,0,0.1)!important}
body.light-mode .progress-fill{background:linear-gradient(90deg,#0088cc,#4facfe)!important}
body.light-mode .progress-label{color:#0088cc!important}
body.light-mode .recent-scan-chip{background:rgba(0,136,204,0.08)!important;border-color:rgba(0,136,204,0.3)!important;color:#0088cc!important}
body.light-mode .modal-overlay{background:rgba(255,255,255,0.95)!important}
body.light-mode .modal-content{background:#fff!important;border-color:#0088cc!important}
body.light-mode .log-table td{color:#444!important;border-bottom:1px solid #eee!important}
body.light-mode .hl-ok{color:#059669!important}
body.light-mode .hl-er{color:#dc2626!important}
body.light-mode .skeleton-line{background:linear-gradient(90deg,rgba(0,0,0,0.04) 25%,rgba(0,136,204,0.08) 50%,rgba(0,0,0,0.04) 75%)!important;background-size:200% 100%}
body.light-mode .theme-toggle{background:rgba(255,255,255,0.95)!important;border-color:#ddd!important;color:#f59e0b!important}
body.light-mode .theme-toggle:hover{background:#f59e0b!important;color:#fff!important;box-shadow:0 0 20px rgba(245,158,11,0.3)!important}
body.light-mode .perf-metric{background:rgba(0,136,204,0.05)!important;border-color:rgba(0,136,204,0.15)!important}
body.light-mode .perf-metric .metric-value{color:#0088cc!important}
body.light-mode .perf-metric .metric-label{color:#888!important}
body.light-mode .badge-section{background:rgba(255,255,255,0.95)!important;border-color:#e0e0e0!important}
body.light-mode .badge-code{background:#f0f2f5!important;color:#0088cc!important}
body.light-mode .radar-ring{border-color:rgba(0,136,204,0.2)!important}
body.light-mode .radar-sweep{background:linear-gradient(90deg,#0088cc,transparent)!important;filter:drop-shadow(0 0 8px #0088cc)!important}
body.light-mode .radar-dot{background:#0088cc!important;box-shadow:0 0 10px #0088cc!important}