@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@600;700;800&display=swap";.bottom-nav{position:fixed;bottom:0;left:0;right:0;width:100%;height:70px;display:flex;justify-content:space-around;align-items:center;padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0);z-index:1000;background:linear-gradient(180deg,#0c0a15f7,#08070efc);backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);border-top:1px solid hsla(260,60%,70%,.08)}@media(min-width:481px){.bottom-nav{bottom:24px;left:50%;right:auto;transform:translate(-50%);width:auto;min-width:340px;max-width:440px;height:64px;padding:0 16px;border-radius:9999px;border:1px solid hsla(260,60%,70%,.1);box-shadow:0 10px 40px #00000080,0 0 80px #8b5cf614}}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ada3c28c;text-decoration:none;transition:color .2s ease;padding:4px 0;flex:1;max-width:88px;gap:3px;border:none;background:none}.nav-icon-wrap{width:48px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:16px;transition:background .25s ease,transform .2s var(--ease-spring, ease)}.nav-item.active{color:var(--color-primary, #8b5cf6)}.nav-item.active .nav-icon-wrap{background:#9e75f024;transform:scale(1.08)}.nav-item.active svg{filter:drop-shadow(0 0 5px var(--color-primary-glow, rgba(139, 92, 246, .5)))}.nav-label{font-size:10px;font-weight:600;letter-spacing:.01em;transition:opacity .2s ease;opacity:.5}.nav-item.active .nav-label{opacity:1}@media(max-width:480px){.bottom-nav{height:74px}.nav-icon-wrap{width:52px;height:34px;border-radius:17px}}@media(hover:hover){.nav-item:hover{color:var(--color-text-main, white)}.nav-item:hover .nav-icon-wrap{background:#a385e012}.nav-item:hover svg{transform:scale(1.05)}.nav-item svg{transition:transform .2s ease}@media(min-width:481px){.nav-item.active{transform:translateY(-2px)}}}:root{--hue-primary: 260;--hue-secondary: 320;--hue-background: 250;--color-primary: hsl(260, 85%, 60%);--color-primary-glow: hsla(260, 85%, 60%, .5);--color-primary-dim: hsl(260, 70%, 45%);--color-secondary: hsl(320, 80%, 55%);--color-secondary-glow: hsla(320, 80%, 55%, .4);--color-accent: hsl(200, 90%, 55%);--color-success: hsl(160, 70%, 45%);--color-warning: hsl(40, 95%, 55%);--color-danger: hsl(0, 75%, 60%);--color-bg-deep: hsl(250, 40%, 3%);--color-bg-main: hsl(250, 35%, 5%);--color-bg-card: hsl(250, 30%, 8%);--color-bg-elevated: hsl(250, 25%, 11%);--color-bg-glass: hsla(250, 35%, 8%, .9);--color-text-main: hsl(0, 0%, 98%);--color-text-secondary: hsl(250, 15%, 78%);--color-text-muted: hsl(250, 12%, 50%);--radius-xs: 6px;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 26px;--radius-xl: 34px;--radius-full: 9999px;--glass-border: 1px solid hsla(260, 60%, 70%, .06);--glass-border-strong: 1px solid hsla(260, 60%, 70%, .12);--glass-shadow: 0 12px 40px rgba(0, 0, 0, .6);--glass-shadow-elevated: 0 20px 60px rgba(0, 0, 0, .7);--glass-backdrop: blur(24px) saturate(180%);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-dark: linear-gradient(180deg, var(--color-bg-deep) 0%, hsl(250, 30%, 2%) 100%);--gradient-glow: radial-gradient(ellipse at center, var(--color-primary-glow) 0%, transparent 70%);--font-main: "Inter", "SF Pro Display", system-ui, -apple-system, sans-serif;--font-logo: "Outfit", "SF Pro Display", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--transition-fast: .15s var(--ease-smooth);--transition-normal: .25s var(--ease-smooth);--transition-slow: .4s var(--ease-smooth)}html{color-scheme:dark}body{background:var(--gradient-dark);background-attachment:fixed;color:var(--color-text-main);font-family:var(--font-main);overflow-x:hidden;min-height:100vh}.glass-panel{background:var(--color-bg-glass);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-md);transition:all .3s ease}.glass-panel:hover{border-color:#a385e01f;box-shadow:var(--glass-shadow-elevated)}.glow-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 50px var(--color-primary-glow);font-family:var(--font-logo);font-weight:700;letter-spacing:-.02em}.btn-primary{background:var(--gradient-primary);color:#fff;font-weight:600;padding:14px 28px;border-radius:var(--radius-full);border:none;cursor:pointer;transition:var(--transition-normal);box-shadow:0 6px 25px var(--color-primary-glow)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 35px var(--color-primary-glow)}.btn-primary:active{transform:translateY(-1px)}input[type=text],input[type=password],input[type=email],textarea,select{background:#0006;border:1px solid hsla(260,60%,70%,.08);color:var(--color-text-main);border-radius:var(--radius-sm);padding:14px 18px;font-size:1rem;transition:var(--transition-fast);outline:none}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-glow)}input[type=date],input[type=time]{background:#0006;border:1px solid hsla(260,60%,70%,.08);color:var(--color-text-main);border-radius:var(--radius-sm);padding:12px 14px;font-family:var(--font-main)}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}select option{background:var(--color-bg-card);color:var(--color-text-main)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 5px var(--color-primary-glow)}50%{box-shadow:0 0 20px var(--color-primary-glow)}to{box-shadow:0 0 5px var(--color-primary-glow)}}.view-container{animation:fadeIn .5s ease-out}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--color-bg-deep);color:var(--color-text-main);font-family:var(--font-main);position:relative;line-height:1.5}#root{min-height:100vh;position:relative}body:before{content:"";position:fixed;top:-25vh;left:-25vw;width:80vw;height:80vw;max-width:700px;max-height:700px;background:radial-gradient(circle,var(--color-primary-glow) 0%,transparent 50%);opacity:.08;border-radius:50%;z-index:-1;animation:float 20s infinite ease-in-out;pointer-events:none}body:after{content:"";position:fixed;bottom:-30vh;right:-25vw;width:90vw;height:90vw;max-width:800px;max-height:800px;background:radial-gradient(circle,var(--color-secondary-glow) 0%,transparent 50%);opacity:.05;border-radius:50%;z-index:-1;animation:float 25s infinite ease-in-out reverse;pointer-events:none}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit;transition:var(--transition-fast)}button:hover{opacity:.92}button:active{transform:scale(.98)}a{color:var(--color-primary);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--color-secondary)}input,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#583d8f4d;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#583d8f80}::selection{background:var(--color-primary);color:#fff}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.view-container{animation:fadeIn .4s ease-out}@media(max-width:768px){html{font-size:15px}.view-container{padding:16px 16px 100px!important}.glass-panel{border-radius:var(--radius-sm)!important}}@media(max-width:480px){html{font-size:14px}.view-container{padding:12px 12px 90px!important}}@supports (padding-bottom: env(safe-area-inset-bottom)){.view-container{padding-bottom:calc(80px + env(safe-area-inset-bottom))!important}}