:root{--bg-primary: #0a0a0f;--bg-secondary: #111118;--bg-card: rgba(255, 255, 255, .04);--border-color: rgba(255, 255, 255, .07);--text-primary: #ffffff;--text-secondary: #a0a0b0;--accent-cyan: #00e5ff;--accent-purple: #8b5cf6;--success: #00ff88;--warning: #ffc107;--danger: #ff4d6d;--glass-bg: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .07);--shadow: 0 8px 32px rgba(0, 0, 0, .7);--radius: 20px;--radius-sm: 12px;--transition: .3s cubic-bezier(.4, 0, .2, 1);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--matrix-green: #00ff41;--hacker-glow: rgba(0, 255, 65, .06)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh}a{color:var(--accent-cyan);text-decoration:none;transition:var(--transition)}a:hover{color:var(--accent-purple)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-cyan);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}.hacker-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background:var(--bg-primary)}.hacker-bg canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.15}.hacker-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(0,255,65,.04) 0%,transparent 60%),radial-gradient(ellipse at 80% 50%,rgba(0,229,255,.03) 0%,transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(139,92,246,.03) 0%,transparent 50%);pointer-events:none}.glow-line{position:fixed;pointer-events:none;z-index:0;opacity:.06}.glow-line-1{top:10%;left:-10%;width:60%;height:2px;background:linear-gradient(90deg,transparent,var(--matrix-green),transparent);animation:glowSweep 12s linear infinite}.glow-line-2{bottom:20%;right:-10%;width:50%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);animation:glowSweep 16s linear infinite reverse}@keyframes glowSweep{0%{transform:translate(-100%);opacity:0}10%{opacity:.08}90%{opacity:.08}to{transform:translate(100%);opacity:0}}.glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.7rem 1.8rem;border:none;border-radius:50px;font-family:var(--font);font-weight:600;font-size:.95rem;cursor:pointer;transition:all var(--transition);position:relative;overflow:hidden;letter-spacing:.3px}.btn-primary{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));color:#fff;box-shadow:0 4px 20px #00e5ff33}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 30px #00e5ff59}.btn-outline{background:transparent;color:var(--text-primary);border:1.5px solid var(--border-color)}.btn-outline:hover{background:#ffffff0d;border-color:var(--accent-cyan);transform:translateY(-2px)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#e6395c;transform:translateY(-2px);box-shadow:0 8px 24px #ff4d6d59}.btn-sm{padding:.4rem 1.2rem;font-size:.85rem}.btn-lg{padding:.9rem 2.4rem;font-size:1.1rem}.btn-full{width:100%;justify-content:center}.btn-icon{padding:.6rem;border-radius:50%;aspect-ratio:1/1;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);font-size:1.1rem}.btn-icon:hover{background:#ffffff1a;color:var(--text-primary);transform:scale(1.05)}.toast-container{position:fixed;top:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none;max-width:400px;width:100%}.toast{pointer-events:auto;padding:1rem 1.4rem;border-radius:var(--radius-sm);background:#111111eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--text-primary);box-shadow:var(--shadow);display:flex;align-items:center;gap:.8rem;animation:slideInRight .4s ease forwards;font-size:.95rem}.toast.success{border-left:4px solid var(--success)}.toast.error{border-left:4px solid var(--danger)}.toast.info{border-left:4px solid var(--accent-cyan)}.toast.warning{border-left:4px solid var(--warning)}.toast .toast-icon{font-size:1.3rem}.toast .toast-close{margin-left:auto;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;padding:0 0 0 .8rem}.toast .toast-close:hover{color:var(--text-primary)}@keyframes slideInRight{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{to{opacity:0;transform:translateY(-20px)}}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .8s ease,visibility .8s ease}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-ring{display:flex;gap:8px}.loader-ring span{width:14px;height:14px;border-radius:50%;background:var(--accent-cyan);animation:bounceRing 1.2s ease-in-out infinite}.loader-ring span:nth-child(2){animation-delay:.15s;background:var(--accent-purple)}.loader-ring span:nth-child(3){animation-delay:.3s;background:var(--accent-cyan)}.loader-ring span:nth-child(4){animation-delay:.45s;background:var(--accent-purple)}@keyframes bounceRing{0%,80%,to{transform:scale(.4);opacity:.3}40%{transform:scale(1);opacity:1}}.loader-text{margin-top:1.5rem;font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:2px}.page{display:none;min-height:100vh;animation:fadeIn .5s ease forwards}.page.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.toast-container{top:12px;right:12px;max-width:calc(100% - 24px)}.toast{font-size:.85rem;padding:.8rem 1rem}}select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:var(--radius-sm);font-family:var(--font);font-size:.95rem;cursor:pointer;outline:none;transition:var(--transition)}select option{background:var(--bg-secondary);color:var(--text-primary)}select:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px #00e5ff1f}body.light-theme .glass{background:#ffffffb3;border-color:#00000014}body.light-theme .vault-card,body.light-theme .feature-card,body.light-theme .stat-card,body.light-theme .testimonial-card,body.light-theme .pricing-card,body.light-theme .category-card,body.light-theme .note-card{background:#fff9;border-color:#0000000f}body.light-theme input,body.light-theme textarea,body.light-theme select{background:#fffc;color:#1a1a1e;border-color:#0000001a}body.light-theme .top-nav{background:#f5f5f7e6}body.light-theme .sidebar{background:#f5f5f7f2}body.light-theme .modal{background:#fffffff2}@media (max-width: 768px){.dashboard-main{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.view-container{padding:1rem!important;overflow-x:hidden!important}.top-nav{padding:.6rem .8rem!important;flex-wrap:nowrap!important;gap:.6rem!important}.top-nav-search{min-width:120px!important;padding:.2rem .8rem!important}.top-nav-search input{font-size:.8rem!important;width:100px!important}.top-nav-actions .nav-icon-btn{padding:.2rem!important;font-size:1rem!important}.top-nav-avatar{width:32px!important;height:32px!important;font-size:.8rem!important}.dashboard-stats{grid-template-columns:repeat(2,1fr)!important;gap:.8rem!important}.stat-card{padding:.8rem!important}.stat-card-number{font-size:1.2rem!important}.vault-grid{grid-template-columns:1fr!important}.view-header{flex-direction:column!important;align-items:stretch!important;gap:.8rem!important}.view-actions{flex-wrap:wrap!important;gap:.4rem!important}.view-actions .search-filter-wrapper{flex:1!important;min-width:120px!important}.view-actions select{flex:1!important;min-width:100px!important;padding:.3rem .6rem!important;font-size:.8rem!important}.add-password-form .form-row{grid-template-columns:1fr!important;gap:.8rem!important}.security-container{grid-template-columns:1fr!important}.profile-container{flex-direction:column!important;align-items:center!important;text-align:center!important;padding:1.5rem!important}.profile-avatar{min-width:unset!important}.settings-row{flex-direction:column!important;align-items:stretch!important;gap:.4rem!important}.settings-row label{min-width:auto!important}.categories-grid{grid-template-columns:repeat(2,1fr)!important;gap:.8rem!important}.notes-grid{grid-template-columns:1fr!important}.modal{padding:1.2rem!important;margin:.5rem!important}}@media (max-width: 480px){.dashboard-stats,.categories-grid{grid-template-columns:1fr 1fr!important}.top-nav-search input{width:70px!important}.top-nav-search{min-width:80px!important}.view-container{padding:.8rem!important}}