@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Orbitron:wght@400;500;700;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-void: #010409;--bg-deep: #0d1117;--bg-panel: rgba(13, 17, 23, .85);--bg-card: rgba(22, 27, 34, .9);--bg-card-hover: rgba(30, 38, 50, .95);--cyan: #00f5ff;--cyan-dim: rgba(0, 245, 255, .15);--cyan-glow: 0 0 20px rgba(0, 245, 255, .4), 0 0 60px rgba(0, 245, 255, .15);--violet: #7c3aed;--violet-dim: rgba(124, 58, 237, .15);--violet-glow: 0 0 20px rgba(124, 58, 237, .4), 0 0 60px rgba(124, 58, 237, .2);--emerald: #10b981;--amber: #f59e0b;--red: #ef4444;--pink: #ec4899;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #484f58;--border: rgba(48, 54, 61, .8);--border-glow: rgba(0, 245, 255, .3);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .4s cubic-bezier(.4, 0, .2, 1)}html,body,#root{height:100%;min-height:100vh;background:var(--bg-void);color:var(--text-primary);font-family:Space Grotesk,sans-serif;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--cyan-dim) transparent}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--cyan-dim);border-radius:2px}.bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.app-root{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.glass-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan-dim),var(--violet-dim),transparent);pointer-events:none}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(200vh)}}.scan-overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}.scan-overlay:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.3;animation:scanline 4s linear infinite}.text-neon-cyan{color:var(--cyan);text-shadow:0 0 10px rgba(0,245,255,.6),0 0 30px rgba(0,245,255,.3)}.text-neon-violet{color:var(--violet);text-shadow:0 0 10px rgba(124,58,237,.6),0 0 30px rgba(124,58,237,.3)}.logo-text{font-family:Orbitron,monospace;font-weight:900;letter-spacing:.1em;font-size:clamp(1.8rem,4vw,3rem);background:linear-gradient(135deg,var(--cyan) 0%,var(--violet) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(0,245,255,.4))}.mono{font-family:Space Mono,monospace;font-size:.85em}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.03));opacity:0;transition:opacity .2s}.btn:hover:before{opacity:1}.btn-primary{background:linear-gradient(135deg,var(--cyan) 0%,#0099cc 100%);border-color:var(--cyan);color:#000;font-weight:700;box-shadow:0 0 20px #00f5ff4d}.btn-primary:hover{box-shadow:0 0 30px #00f5ff80,0 0 60px #00f5ff33;transform:translateY(-1px)}.btn-ghost{border-color:var(--border);color:var(--text-secondary)}.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-dim)}.btn-danger{border-color:var(--red);color:var(--red)}.btn-danger:hover{background:#ef44441a;box-shadow:0 0 15px #ef44444d}.btn-violet{background:linear-gradient(135deg,var(--violet) 0%,#5b21b6 100%);border-color:var(--violet);color:#fff;font-weight:600;box-shadow:0 0 20px #7c3aed4d}.btn-violet:hover{box-shadow:0 0 30px #7c3aed80;transform:translateY(-1px)}.btn-sm{padding:.4rem .85rem;font-size:.8rem}.btn-lg{padding:.875rem 2rem;font-size:1rem}.btn-xl{padding:1rem 2.5rem;font-size:1.1rem;border-radius:var(--radius-xl)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.input{width:100%;padding:.6rem .9rem;background:#0a0e14cc;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-size:.875rem;transition:var(--transition);outline:none}.input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #00f5ff1a,0 0 15px #00f5ff33}.input::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:999px;font-size:.7rem;font-weight:600;font-family:Space Mono,monospace;letter-spacing:.05em;text-transform:uppercase}.badge-cyan{background:#00f5ff1f;color:var(--cyan);border:1px solid rgba(0,245,255,.3)}.badge-violet{background:#7c3aed26;color:#a78bfa;border:1px solid rgba(124,58,237,.3)}.badge-green{background:#10b9811f;color:var(--emerald);border:1px solid rgba(16,185,129,.3)}.badge-amber{background:#f59e0b1f;color:var(--amber);border:1px solid rgba(245,158,11,.3)}.badge-red{background:#ef44441f;color:var(--red);border:1px solid rgba(239,68,68,.3)}.modal-backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .2s ease}.modal{width:100%;max-width:540px;max-height:90vh;overflow-y:auto;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #00f5ff4d}50%{box-shadow:0 0 40px #00f5ff99,0 0 80px #00f5ff4d}}@keyframes orbit{0%{transform:rotate(0) translate(60px) rotate(0)}to{transform:rotate(360deg) translate(60px) rotate(-360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.navbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-bottom:1px solid var(--border);background:#010409cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:50}.navbar-logo{font-family:Orbitron,monospace;font-weight:900;font-size:1.1rem;letter-spacing:.15em;background:linear-gradient(135deg,var(--cyan) 0%,var(--violet) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.security-stars{display:flex;gap:2px;align-items:center}.security-star{width:8px;height:8px;border-radius:50%}.security-star.filled{background:var(--cyan);box-shadow:0 0 4px var(--cyan)}.security-star.empty{background:var(--border)}.vault-table{width:100%;border-collapse:collapse;font-size:.875rem}.vault-table th{padding:.75rem 1rem;text-align:left;font-family:Space Mono,monospace;font-size:.7rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}.vault-table td{padding:.6rem 1rem;border-bottom:1px solid rgba(48,54,61,.4);vertical-align:middle;max-width:200px}.vault-table tr:hover td{background:#00f5ff05}.vault-table tr:last-child td{border-bottom:none}.pw-cell{display:flex;align-items:center;gap:.5rem}.pw-toggle{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;transition:color .15s;display:flex}.pw-toggle:hover{color:var(--cyan)}.algo-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;cursor:pointer;transition:var(--transition);background:#0d111799;position:relative;overflow:hidden}.algo-card:hover{border-color:var(--border-glow);background:var(--bg-card-hover);transform:translateY(-2px)}.algo-card.selected{border-color:var(--cyan);background:#00f5ff0d;box-shadow:0 0 20px #00f5ff26,inset 0 0 20px #00f5ff08}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center;cursor:pointer;transition:var(--transition);background:#0a0e1499}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--cyan);background:var(--cyan-dim);box-shadow:0 0 30px #00f5ff1a}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--cyan);border-radius:50%;animation:spin .7s linear infinite}.side-panel{position:fixed;top:0;right:0;height:100vh;width:min(400px,95vw);background:var(--bg-panel);border-left:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:80;display:flex;flex-direction:column;animation:slideFromRight .35s cubic-bezier(.4,0,.2,1);overflow-y:auto}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:1rem 0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.glow-dot{width:8px;height:8px;border-radius:50%;background:var(--emerald);box-shadow:0 0 8px var(--emerald);animation:pulse 2s ease-in-out infinite}.section-label{font-family:Space Mono,monospace;font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:.5rem}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-deep);border:1px solid var(--border);transition:.4s}.slider:before{position:absolute;content:"";height:12px;width:12px;left:3px;bottom:3px;background-color:var(--text-muted);transition:.4s}input:checked+.slider{border-color:var(--cyan)}input:checked+.slider:before{transform:translate(20px);background-color:var(--cyan);box-shadow:0 0 15px var(--cyan)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.tab-btn{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);padding:.75rem 1.25rem;font-family:Space Mono,monospace;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem;position:relative}.tab-btn:hover{color:var(--text-secondary)}.tab-btn.active{color:var(--cyan);border-bottom-color:var(--cyan);text-shadow:0 0 10px rgba(0,245,255,.4)}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--cyan);box-shadow:0 0 15px var(--cyan)}.file-card:hover{border-color:var(--cyan)!important;background:#00f5ff0d!important;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.vault-door-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;perspective:1000px}.vault-scanner{width:200px;height:200px;border:2px solid var(--cyan-dim);border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 30px #00f5ff1a}.vault-scanner:before{content:"";position:absolute;width:110%;height:2px;background:var(--cyan);box-shadow:0 0 15px var(--cyan);animation:scan-vertical 2s ease-in-out infinite;z-index:2}.scanner-ring{position:absolute;inset:-10px;border:1px solid var(--violet);border-radius:50%;border-top-color:transparent;border-bottom-color:transparent;animation:spin 3s linear infinite;opacity:.5}@keyframes scan-vertical{0%,to{top:0%;opacity:0}50%{top:100%;opacity:1}}.preview-overlay{position:fixed;inset:0;background:#010409f2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:200;display:flex;align-items:center;justify-content:center;padding:2rem}.preview-content{max-width:90vw;max-height:85vh;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;position:relative;background:var(--bg-deep);box-shadow:0 0 50px #00000080}.preview-image{max-width:100%;max-height:85vh;display:block;object-fit:contain}.preview-pdf{width:80vw;height:80vh;border:none}.preview-close{position:absolute;top:1rem;right:1rem;z-index:210;background:#00000080;border-radius:50%;padding:.5rem;line-height:0}.search-highlight{background:#00f5ff33;color:var(--cyan);padding:0 2px;border-radius:2px}