*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;font-family:Arial,sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-0:#080808;--bg-1:#111;--bg-2:#1a1a1a;--bg-3:#222;--border:#252525;--border-hover:#383838;--text-1:#f0f0f0;--text-2:#909090;--text-3:#505050;--accent:#ff6b35;--accent-dim:#ff6b351a;--accent-glow:#ff6b3540;--danger:#f45;--danger-dim:#ff44551a;--success:#3ddc84;--success-dim:#3ddc841a;--mono:"Space Mono", monospace;--sans:"DM Sans", sans-serif;--radius:8px;--transition:.15s ease;--sidebar-width:230px;--mobile-nav-height:60px}html,body{height:100%}body{background:var(--bg-0);color:var(--text-1);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{height:100%}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.vault-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.75s linear infinite vault-spin}@keyframes vault-spin{to{transform:rotate(360deg)}}.fade-in{animation:.25s both fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in-slow{animation:.5s both fadeIn}.scale-in{animation:.2s both scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.pulse{animation:2.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.blur-overlay{-webkit-backdrop-filter:blur(28px)saturate(0);z-index:9999;cursor:pointer;background:#080808eb;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.vv-input{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-1);font-size:14px;font-family:var(--sans);transition:border-color var(--transition);appearance:none;outline:none;padding:10px 14px}.vv-input:focus{border-color:var(--accent)}.vv-input::placeholder{color:var(--text-3)}.vv-btn{border-radius:var(--radius);font-family:var(--mono);letter-spacing:1.5px;cursor:pointer;transition:all var(--transition);text-transform:uppercase;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 20px;font-size:12px;font-weight:700;display:inline-flex}.vv-btn:disabled{opacity:.4;cursor:not-allowed}.vv-btn-primary{background:var(--accent);color:#000}.vv-btn-primary:hover:not(:disabled){background:#ff8055}.vv-btn-primary:active:not(:disabled){background:#e55a20}.vv-btn-ghost{color:var(--text-2);border:1px solid var(--border);background:0 0}.vv-btn-ghost:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-1)}.vv-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition)}.vv-card:hover{border-color:var(--border-hover)}.vv-badge{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;border-radius:10px;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.page-content{padding:24px 40px}.sidebar{width:var(--sidebar-width);background:var(--bg-1);border-right:1px solid var(--border);z-index:100;flex-direction:column;flex-shrink:0;height:100vh;transition:transform .25s;display:flex;position:fixed;top:0;left:0}.main-content{background:var(--bg-0);margin-left:var(--sidebar-width);flex:1;min-height:100vh;overflow:auto}.mobile-nav{height:var(--mobile-nav-height);background:var(--bg-1);border-top:1px solid var(--border);z-index:200;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:space-around;align-items:center;padding:0 4px;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:var(--text-3);font-family:var(--mono);letter-spacing:.5px;transition:all var(--transition);-webkit-tap-highlight-color:transparent;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:44px;padding:6px 10px;font-size:8px;text-decoration:none;display:flex}.mobile-nav-item.active{color:var(--accent)}.mobile-nav-item .nav-icon{font-size:18px}.mobile-nav-item .nav-label{text-transform:uppercase}.sidebar-overlay{z-index:99;background:#0009;display:none;position:fixed;inset:0}@media (width<=900px){:root{--sidebar-width:64px}.sidebar-label,.sidebar-logo-text,.sidebar-user-info,.sidebar-security{display:none!important}}@media (width<=768px){:root{--sidebar-width:0px}.sidebar{width:260px;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.main-content{padding-bottom:var(--mobile-nav-height);margin-left:0}.mobile-nav{display:flex}.page-content{padding:16px}.vv-card{border-radius:8px}.page-navbar{padding:16px 16px 12px!important}.desktop-only{display:none!important}.mobile-only{display:flex!important}}@media (width<=480px){.vv-btn{letter-spacing:1px;padding:8px 14px;font-size:11px}.vv-input{font-size:16px}}