:root{--primary: 200 75% 55%;--primary-foreground: 200 100% 98%;--background: 220 20% 7%;--foreground: 210 15% 96%;--card: 220 18% 10%;--card-foreground: 210 15% 96%;--muted: 220 15% 16%;--muted-foreground: 210 12% 60%;--accent: 220 80% 58%;--glass: rgba(12, 16, 24, .85);--glass-hover: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .1);--glass-glow: rgba(56, 189, 248, .2);--radius-lg: 1.25rem;--radius-md: .75rem;--radius-sm: .5rem;--shadow-premium: 0 25px 60px -15px rgba(0, 0, 0, .7), 0 10px 30px -10px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px -10px hsla(var(--primary), .4);--shadow-glow-strong: 0 0 60px -5px hsla(var(--primary), .6);--breakpoint-mobile: 640px;--breakpoint-tablet: 1024px;--spacing-mobile: 1rem;--spacing-desktop: 1.5rem;--mobile-nav-height: 72px}[data-theme=light]{--primary: 200 75% 45%;--accent: 220 80% 50%;--background: 210 25% 97%;--foreground: 220 25% 12%;--card: 0 0% 100%;--card-foreground: 220 25% 12%;--muted: 210 20% 92%;--muted-foreground: 220 12% 40%;--glass: rgba(255, 255, 255, .75);--glass-hover: rgba(0, 0, 0, .03);--glass-border: rgba(0, 0, 0, .06);--glass-glow: rgba(56, 189, 248, .1);--shadow-premium: 0 20px 50px -12px rgba(0, 0, 0, .1);--shadow-glow: 0 0 30px -10px hsla(var(--primary), .2)}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,Inter,-apple-system,system-ui,sans-serif}body{background-color:hsl(var(--background));color:hsl(var(--foreground));min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 0% 0%,hsla(var(--primary),.1) 0%,transparent 60%),radial-gradient(circle at 100% 100%,hsla(var(--accent),.1) 0%,transparent 60%);background-attachment:fixed;transition:background-color .5s cubic-bezier(.4,0,.2,1),color .5s ease}[data-theme=light] body{background-image:radial-gradient(circle at 0% 0%,hsla(var(--primary),.05) 0%,transparent 60%),radial-gradient(circle at 100% 100%,hsla(var(--accent),.05) 0%,transparent 60%)}.glass-card{background:var(--glass);backdrop-filter:blur(48px) saturate(200%);-webkit-backdrop-filter:blur(48px) saturate(200%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card-premium{background:var(--glass);backdrop-filter:blur(64px) saturate(220%);-webkit-backdrop-filter:blur(64px) saturate(220%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006,0 2px 8px #0003,inset 0 1px #ffffff14}.input-field{background:var(--glass-hover);border:1px solid var(--glass-border);color:hsl(var(--foreground));padding:1rem 1.25rem;border-radius:var(--radius-md);font-size:.95rem;outline:none;width:100%;transition:all .2s ease}[data-theme=light] .input-field{background:#00000008}.input-field:focus{border-color:hsla(var(--primary),.6);background:var(--glass-hover);box-shadow:0 0 0 4px hsla(var(--primary),.15)}.btn-primary{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));color:#fff;border:none;padding:.9rem 2rem;border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;gap:.6rem;letter-spacing:.02em}.btn-primary:not(:disabled):hover{transform:translateY(-4px);box-shadow:0 15px 30px hsla(var(--primary),.4)}.btn-ghost{background:var(--glass-hover);border:1px solid var(--glass-border);color:hsl(var(--muted-foreground));padding:.8rem 1.8rem;border-radius:var(--radius-md);font-weight:600;transition:all .3s ease}.btn-ghost:hover{background:rgba(var(--primary),.05);color:hsl(var(--foreground));border-color:hsla(var(--primary),.3)}.nav-item{display:flex;align-items:center;gap:1rem;padding:.9rem 1.25rem;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;color:hsl(var(--muted-foreground));font-weight:600;font-size:.9rem}.nav-item.active{background:hsla(var(--primary),.15);color:hsl(var(--primary))}.nav-item:hover:not(.active){background:var(--glass-hover);color:hsl(var(--foreground));padding-left:1.5rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.z-50{z-index:50}.w-full{width:100%}.max-w-md{max-width:28rem}.max-w-6xl{max-width:72rem}.mx-auto{margin-left:auto;margin-right:auto}.h-screen{height:100vh}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.m-4{margin:1rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:1rem}.rounded-2xl{border-radius:1.5rem}.overflow-hidden{overflow:hidden}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-muted-foreground{color:hsl(var(--muted-foreground))}.font-bold{font-weight:700}.font-semibold{font-weight:600}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(var(--foreground),.1);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:hsla(var(--foreground),.2)}.vault-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.glass-card.glow-on-hover:hover{border-color:hsla(var(--primary),.4);box-shadow:var(--shadow-premium),var(--shadow-glow)}.input-dark{background:#00000040!important;border-color:#ffffff1a!important}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-bg{background:linear-gradient(90deg,transparent 0%,hsla(var(--primary),.08) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 3s infinite linear}.gradient-text{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes pulse-ring{0%{transform:scale(.7);opacity:1}80%{transform:scale(1.5);opacity:0}to{transform:scale(1.5);opacity:0}}.pulse-indicator:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:hsl(var(--primary));animation:pulse-ring 2s infinite;z-index:-1}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-premium)}@media(max-width:640px){.hidden-mobile{display:none!important}.full-width-mobile{width:100%!important}.p-mobile{padding:var(--spacing-mobile)!important}}@media(min-width:641px){.hidden-desktop{display:none!important}}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-height);background:var(--glass);backdrop-filter:blur(48px) saturate(200%);-webkit-backdrop-filter:blur(48px) saturate(200%);border-top:1px solid var(--glass-border);padding:.75rem 1rem;z-index:100;box-shadow:0 -8px 32px #0000004d,0 -2px 8px #0003}.mobile-bottom-nav .nav-item{flex-direction:column;gap:.25rem;padding:.5rem .75rem;font-size:.65rem;min-height:48px}.mobile-bottom-nav .nav-item svg{width:22px;height:22px}@media(max-width:640px){.mobile-content-padding{padding-bottom:calc(var(--mobile-nav-height) + 1rem)}}.responsive-grid{display:grid;gap:1rem}@media(max-width:640px){.responsive-grid{grid-template-columns:1fr}}@media(min-width:641px)and (max-width:1024px){.responsive-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1025px){.responsive-grid{grid-template-columns:repeat(3,1fr)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px hsla(var(--primary),.3)}50%{box-shadow:0 0 40px hsla(var(--primary),.6)}}.glow-pulse{animation:glow-pulse 3s ease-in-out infinite}@keyframes glow-pulse-strong{0%,to{box-shadow:var(--shadow-glow)}50%{box-shadow:var(--shadow-glow-strong)}}.glow-pulse-strong{animation:glow-pulse-strong 2s ease-in-out infinite}@media(max-width:640px){button,.btn-primary,.btn-ghost,.nav-item{min-height:48px;min-width:48px}.input-field{padding:1rem 1.25rem;font-size:16px}}@media(max-width:640px){.modal-fullscreen{position:fixed;inset:0;border-radius:0!important;max-width:none!important;height:100vh!important}}.card-glow-hover{position:relative;transition:all .3s ease}.card-glow-hover:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,hsla(var(--primary),.3),hsla(var(--accent),.3));border-radius:inherit;opacity:0;transition:opacity .3s ease;z-index:-1;filter:blur(8px)}.card-glow-hover:hover:before{opacity:1}html{scroll-behavior:smooth}@media(max-width:640px){.desktop-sidebar{display:none}}