@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Orbitron:wght@400;500;600;700;800;900&display=swap";:root{--color-bg-dark:#050508;--color-bg-panel:#0e0f17;--color-bg-inner:#07070b;--color-border-dark:#ffffff29;--neon-cyan:#00f0ff;--neon-magenta:#d000ff;--neon-orange:#f70;--neon-green:#0f6;--neon-red:#f33;--glow-cyan:0 0 15px #00f0ff59;--glow-cyan-strong:0 0 30px #00f0ffb3;--glow-magenta:0 0 15px #d000ff4d;--glow-magenta-strong:0 0 30px #d000ff99;--glow-green:0 0 15px #00ff664d;--glow-red:0 0 15px #ff33334d;--text-white:#fff;--text-secondary:#94a3b8;--text-muted:#475569;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-tech:"Orbitron", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-dark);color:var(--text-white);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 15%,#00f0ff0a 0%,#0000 40%),radial-gradient(circle at 90% 85%,#d000ff0a 0%,#0000 40%);min-height:100vh;line-height:1.5}.app-container{flex-direction:column;min-height:100vh;display:flex}.max-width-wrapper{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.app-header{border-b:1px solid var(--color-border-dark);-webkit-backdrop-filter:blur(12px);z-index:100;border-bottom:1px solid var(--color-border-dark);background:#050508cc;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;padding:16px 0;display:flex}.brand-wrapper{align-items:center;gap:16px;display:flex}.brand-logo{border:1px solid var(--neon-cyan);width:40px;height:40px;box-shadow:var(--glow-cyan);background:#00f0ff1a;border-radius:10px;justify-content:center;align-items:center;display:flex}.brand-title{font-family:var(--font-tech);letter-spacing:.05em;font-size:1.1rem;font-weight:800}.brand-subtitle{font-family:var(--font-tech);color:var(--text-secondary);letter-spacing:.15em;text-transform:uppercase;font-size:10px}.header-badges{gap:12px;display:flex}.badge{font-family:var(--font-tech);text-transform:uppercase;letter-spacing:.08em;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:10px;font-weight:700;display:inline-flex}.badge-cyan{color:var(--neon-cyan);background:#00f0ff14;border-color:#00f0ff33;box-shadow:0 0 10px #00f0ff1a}.badge-magenta{color:var(--neon-magenta);background:#d000ff14;border-color:#d000ff33;box-shadow:0 0 10px #d000ff1a}.badge-green{color:var(--neon-green);background:#00ff6614;border-color:#0f63;box-shadow:0 0 10px #00ff661a}.badge-orange{color:var(--neon-orange);background:#ff770014;border-color:#f703;box-shadow:0 0 10px #ff77001a}.main-content{flex-direction:column;gap:48px;padding:40px 0 80px;display:flex}.panel-card{background:var(--color-bg-panel);border:1px solid var(--color-border-dark);border-radius:20px;padding:28px;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 15px 45px #000000a6,inset 0 1px #ffffff0d}.panel-card:hover{border-color:#00f0ff47;box-shadow:0 20px 50px #000000bf,0 0 15px #00f0ff0d,inset 0 1px #ffffff14}.briefing-hero{justify-content:space-between;align-items:center;gap:24px;display:flex}.briefing-title{color:var(--text-white);margin-bottom:8px;font-size:1.15rem}.briefing-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.dashboard-grid-1{grid-template-columns:1.4fr 1fr;gap:40px;display:grid}.dashboard-grid-2{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.dashboard-grid-3{grid-template-columns:1fr 2fr;gap:40px;display:grid}@media (width<=1024px){.dashboard-grid-1,.dashboard-grid-2,.dashboard-grid-3{grid-template-columns:1fr;gap:24px}}.card-header{border-bottom:1px solid var(--color-border-dark);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.card-title{align-items:center;gap:10px;font-size:.95rem;font-weight:700;display:flex}.card-title.cyan{color:var(--neon-cyan);text-shadow:0 0 10px #00f0ff33}.card-title.magenta{color:var(--neon-magenta);text-shadow:0 0 10px #d000ff33}.card-title.green{color:var(--neon-green);text-shadow:0 0 10px #0f63}.card-subtitle{font-family:var(--font-tech);color:var(--text-secondary);letter-spacing:.1em;font-size:10px}.form-group-full{grid-column:span 2}@media (width<=768px){.form-group-full{grid-column:span 1}}.form-layout{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=768px){.form-layout{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{font-family:var(--font-tech);color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.form-input{background:var(--color-bg-inner);border:1px solid var(--color-border-dark);color:var(--text-white);font-family:var(--font-sans);border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:13.5px;transition:all .25s}.form-input:focus{border-color:var(--neon-cyan);box-shadow:var(--glow-cyan), inset 0 0 8px #00f0ff0d}.form-input-tech{font-family:var(--font-tech);letter-spacing:.05em}.inner-box{background:var(--color-bg-inner);border:1px solid var(--color-border-dark);border-radius:12px;padding:16px}.inner-box-title{font-family:var(--font-tech);color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:10px;display:block}.inner-box-code{color:var(--neon-cyan);word-break:break-all;background:#0000004d;border:1px solid #00f0ff1a;border-radius:6px;padding:10px;font-family:Courier New,Courier,monospace;font-size:12px;display:block}.inner-box-code.secondary{color:var(--text-secondary);border-color:var(--color-border-dark)}.qr-container{background:var(--text-white);box-shadow:var(--glow-cyan), 0 4px 20px #0009;border:2px solid #00f0ff66;border-radius:16px;justify-content:center;align-items:center;margin:16px 0;padding:20px;transition:transform .3s;display:flex}.qr-container:hover{transform:scale(1.02)}.btn-neon{font-family:var(--font-tech);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-size:11px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-cyan{border:1px solid var(--neon-cyan);color:var(--neon-cyan);box-shadow:var(--glow-cyan);background:#00f0ff0f}.btn-cyan:hover:not(:disabled){background:var(--neon-cyan);color:#000;box-shadow:var(--glow-cyan-strong);transform:translateY(-2px)}.btn-cyan:active:not(:disabled){transform:translateY(0)}.btn-magenta{border:1px solid var(--neon-magenta);color:var(--neon-magenta);box-shadow:var(--glow-magenta);background:#d000ff0f}.btn-magenta:hover:not(:disabled){background:var(--neon-magenta);color:#000;box-shadow:var(--glow-magenta-strong);transform:translateY(-2px)}.btn-red{border:1px solid var(--neon-red);color:var(--neon-red);background:#ff33330f;box-shadow:0 0 15px #ff333340}.btn-red:hover:not(:disabled){background:var(--neon-red);color:#fff;transform:translateY(-2px);box-shadow:0 0 25px #ff333380}.preset-row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.preset-pill{background:var(--color-bg-inner);border:1px solid var(--color-border-dark);color:var(--text-secondary);font-family:var(--font-tech);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:10px;transition:all .2s}.preset-pill:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 10px #00f0ff26}.progress-container{margin:16px 0}.progress-header{font-family:var(--font-tech);color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;display:flex}.progress-bar-bg{background:var(--color-bg-inner);border:1px solid var(--color-border-dark);border-radius:8px;width:100%;height:16px;display:flex;overflow:hidden}.progress-bar-fill{height:100%;transition:width .4s cubic-bezier(.16,1,.3,1),background-color .3s}.progress-bar-fill.normal{background:var(--neon-cyan);box-shadow:0 0 15px #00f0ff99}.progress-bar-fill.exceeded{background:var(--neon-red);box-shadow:0 0 15px #f339}.byte-card-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px;display:grid}@media (width<=768px){.byte-card-grid{grid-template-columns:1fr 1fr}}.byte-card{background:var(--color-bg-inner);border:1px solid var(--color-border-dark);border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex;position:relative;overflow:hidden}.byte-card.disabled{opacity:.35}.byte-card-label{font-family:var(--font-tech);color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;font-size:9px}.byte-card-value{font-family:var(--font-tech);color:var(--text-white);font-size:1.2rem;font-weight:700}.byte-card-subtext{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-family:Courier New,Courier,monospace;font-size:8px;overflow:hidden}.chip-selector{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.chip-btn{background:var(--color-bg-inner);border:1px solid var(--color-border-dark);color:var(--text-secondary);font-family:var(--font-tech);cursor:pointer;border-radius:8px;padding:10px;font-size:10px;font-weight:700;transition:all .2s}.chip-btn.active{background:var(--neon-magenta);color:#000;border-color:var(--neon-magenta);box-shadow:var(--glow-magenta)}.chip-btn.active.active-crypto{color:#fff;text-shadow:0 0 4px #fffc;background:#7c3aed;border-color:#a78bfa;box-shadow:0 0 15px #7c3aedb3,inset 0 0 8px #a78bfa66}.chip-btn:hover:not(.active){color:var(--neon-magenta);border-color:#d000ff66}.alert-box{border:1px solid #0000;border-radius:10px;align-items:start;gap:12px;margin-top:16px;padding:14px;display:flex}.alert-red{color:var(--neon-red);background:#ff333314;border-color:#ff333340}.alert-purple{color:var(--neon-magenta);background:#d000ff14;border-color:#d000ff40}.alert-title{font-family:var(--font-tech);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.alert-desc{color:#e2e8f0;font-size:11.5px;line-height:1.5}.verification-box{background:var(--color-bg-inner);border:1px solid var(--color-border-dark);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:180px;padding:24px;display:flex}.verification-inner{justify-content:space-between;align-items:start;gap:20px;width:100%;display:flex}@media (width<=768px){.verification-inner{flex-direction:column;gap:16px}}.verification-fields{color:var(--text-secondary);flex-direction:column;gap:6px;font-family:Courier New,Courier,monospace;font-size:11.5px;display:flex}.verification-fields strong{color:var(--text-white)}.verification-right{flex-direction:column;justify-content:space-between;align-self:stretch;align-items:flex-end;height:100%;display:flex}@media (width<=768px){.verification-right{align-items:flex-start;gap:12px}}.outage-alert-box{background:#ff33330a;border:1px solid #ff33334d;box-shadow:0 0 15px #ff33331a}.terminal-logs{color:var(--neon-red);background:#020204;border:1px solid #f333;border-radius:8px;flex-direction:column;gap:4px;max-height:200px;margin:16px 0;padding:16px;font-family:Courier New,Courier,monospace;font-size:11.5px;display:flex;overflow-y:auto}.app-footer{border-t:1px solid var(--color-border-dark);text-align:center;font-family:var(--font-tech);letter-spacing:.15em;color:var(--text-muted);border-top:1px solid var(--color-border-dark);background:#05050880;padding:24px 0;font-size:10px}.tour-control-bar{border:1px solid var(--neon-magenta);box-shadow:var(--glow-magenta), inset 0 0 15px #d000ff1a;background:linear-gradient(135deg,#140a28e6 0%,#05050af2 100%);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:16px 20px;display:flex}.tour-bar-left{align-items:center;gap:14px;display:flex}.tour-icon-pulse{background:var(--neon-magenta);width:12px;height:12px;box-shadow:0 0 10px var(--neon-magenta);border-radius:50%;animation:1.5s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.tour-bar-title{font-family:var(--font-tech);letter-spacing:.1em;color:var(--neon-magenta);text-shadow:0 0 10px #d000ff4d;text-transform:uppercase;font-size:11px;font-weight:800}.tour-bar-step-desc{color:var(--text-white);font-size:13px;font-weight:500}.tour-buttons{gap:10px;display:flex}.tour-btn-nav{color:var(--text-white);font-family:var(--font-tech);cursor:pointer;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;padding:8px 16px;font-size:10px;font-weight:700;transition:all .2s}.tour-btn-nav:hover:not(:disabled){border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:var(--glow-cyan);background:#ffffff1a}.tour-btn-nav:disabled{opacity:.3;cursor:not-allowed}.tour-btn-nav.active-btn{border-color:var(--neon-magenta);color:var(--neon-magenta);box-shadow:var(--glow-magenta);background:#d000ff0d}.tour-btn-nav.active-btn:hover{background:var(--neon-magenta);color:#000;box-shadow:var(--glow-magenta-strong)}.tour-card-overlay{border:1.5px solid var(--neon-magenta);box-shadow:var(--glow-magenta-strong), inset 0 0 20px #d000ff26;background:#100c1cf2;border-radius:14px;margin-bottom:24px;padding:20px;animation:.4s cubic-bezier(.16,1,.3,1) slide-down}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.tour-guide-grid{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}@media (width<=768px){.tour-guide-grid{grid-template-columns:1fr}}.tour-guide-col{flex-direction:column;gap:8px;display:flex}.tour-guide-label{font-family:var(--font-tech);color:var(--neon-magenta);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.tour-guide-text{color:#e2e8f0;font-size:12.5px;line-height:1.5}.tour-guide-text strong{color:var(--neon-cyan)}.highlight-step-active-cyan{transform:translateY(-2px);border:1.5px solid var(--neon-cyan)!important;box-shadow:var(--glow-cyan-strong), 0 10px 40px #0009!important}.highlight-step-active-magenta{transform:translateY(-2px);border:1.5px solid var(--neon-magenta)!important;box-shadow:var(--glow-magenta-strong), 0 10px 40px #0009!important}.highlight-step-active-green{transform:translateY(-2px);border:1.5px solid var(--neon-green)!important;box-shadow:0 0 25px #00ff6680,0 10px 40px #0009!important}.help-trigger{width:22px;height:22px;color:var(--text-secondary);cursor:pointer;font-size:11px;font-family:var(--font-tech);background:var(--color-bg-inner);border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.help-trigger:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:var(--glow-cyan);transform:scale(1.1)}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#020204d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content-card{border:1.5px solid var(--neon-cyan);box-shadow:var(--glow-cyan-strong), 0 10px 50px #000c;background:#0a0a12fa;border-radius:16px;width:100%;max-width:540px;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) modal-zoom-in;position:relative}@keyframes modal-zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header-row{border-bottom:1px solid var(--color-border-dark);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.modal-body{color:#cbd5e1;font-size:13.5px;line-height:1.6}.modal-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex}.modal-close-btn:hover{color:var(--neon-cyan)}.pulse-glow{animation:2.5s ease-in-out infinite pulseGlow}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #00f0ff59}50%{box-shadow:0 0 25px #00f0ffa6}}.spin-slow{animation:12s linear infinite spin-slow}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-cyan{color:var(--neon-cyan)}.text-magenta{color:var(--neon-magenta)}.text-orange{color:var(--neon-orange)}.text-green{color:var(--neon-green)}.flex-row-center{align-items:center;gap:8px;display:flex}.space-y-4>*+*{margin-top:16px}.sim-network-flow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sim-node-card{background:var(--color-bg-inner);border:1px solid var(--color-border-dark);text-align:center;border-radius:10px;flex-direction:column;flex:1;align-items:center;min-width:140px;padding:12px;transition:all .3s;display:flex;position:relative;box-shadow:inset 0 1px 1px #ffffff0d}.sim-node-icon{color:var(--text-secondary);margin-bottom:6px}.sim-node-label{color:#fff;margin-bottom:2px;font-size:11.5px;font-weight:700}.sim-node-subtext{color:var(--text-muted);word-break:break-all;font-family:monospace;font-size:9.5px}.sim-node-glow-green{border-color:#0f86;box-shadow:0 0 12px #0f83,inset 0 1px 1px #ffffff0d}.sim-node-glow-green .sim-node-icon{color:var(--neon-green)}.sim-node-glow-red{border-color:#f336;box-shadow:0 0 12px #f333,inset 0 1px 1px #ffffff0d}.sim-node-glow-red .sim-node-icon{color:var(--neon-red)}.sim-node-glow-orange{border-color:#fa06;box-shadow:0 0 12px #fa03,inset 0 1px 1px #ffffff0d}.sim-node-glow-orange .sim-node-icon{color:var(--neon-orange)}.sim-node-glow-gray{opacity:.4}.sim-flow-arrow{color:var(--text-muted);-webkit-user-select:none;user-select:none;font-size:18px;font-weight:700}@media (width<=768px){.sim-network-flow{flex-direction:column;align-items:stretch}.sim-flow-arrow{display:none}}.sim-network-flow-bottom{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.sim-network-flow-bottom{grid-template-columns:1fr}}.sim-console{border:1px solid var(--color-border-dark);text-align:left;background:#05060c;border-radius:12px;padding:16px;font-family:monospace}.sim-result-box{background:#00f0ff05;border:1px dashed #00f0ff33;border-radius:8px;padding:12px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#05060cf2;border-radius:4px}::-webkit-scrollbar-thumb{background:#00f0ff40;border:1px solid #00f0ff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00f0ff73;box-shadow:0 0 8px #00f0ff66}*{scrollbar-width:thin;scrollbar-color:#00f0ff40 #05060cf2}.qr-scanner-trigger-container:hover{transform:scale(1.02);box-shadow:0 0 15px #00f0ff59;border-color:var(--neon-cyan)!important}.qr-scanner-trigger-container:hover .qr-scan-hover-overlay{opacity:1!important}@keyframes laser-scan{0%{opacity:0;top:0%}15%{opacity:1}85%{opacity:1}to{opacity:0;top:100%}}@keyframes pulse-flow{0%{left:-30px}to{left:100%}}@keyframes blink{0%,to{opacity:1}50%{opacity:.1}}