.neumorphic-container{position:relative}.profile-button{border-radius:12px;background:var(--surface-color,#f0f0f0);box-shadow:5px 5px 10px rgba(0,0,0,.1),-5px -5px 10px hsla(0,0%,100%,.8);transition:all .3s ease}.dark .profile-button{background:var(--dark-surface,#1a1a1a);box-shadow:5px 5px 10px rgba(0,0,0,.6),-5px -5px 10px hsla(0,0%,100%,.05)}.profile-button:hover{box-shadow:4px 4px 8px rgba(0,0,0,.1),-4px -4px 8px hsla(0,0%,100%,.8);transform:scale(1.01)}.dark .profile-button:hover{box-shadow:4px 4px 8px rgba(0,0,0,.6),-4px -4px 8px hsla(0,0%,100%,.05)}.profile-button:active{box-shadow:inset 2px 2px 5px rgba(0,0,0,.15),inset -2px -2px 5px hsla(0,0%,100%,.8);transform:scale(.98)}.dark .profile-button:active{box-shadow:inset 2px 2px 5px rgba(0,0,0,.5),inset -2px -2px 5px hsla(0,0%,100%,.03)}.profiles-dropdown{border-radius:16px;background:var(--surface-color,#f0f0f0);box-shadow:8px 8px 16px rgba(0,0,0,.15),-8px -8px 16px hsla(0,0%,100%,.9);z-index:9999!important;overflow:hidden;position:absolute}.dark .profiles-dropdown{background:var(--dark-surface,#1a1a1a);box-shadow:8px 8px 16px rgba(0,0,0,.6),-8px -8px 16px hsla(0,0%,100%,.05)}.profile-item{transition:all .25s ease;border-radius:8px;margin:6px 0}.profile-item:hover{background:rgba(0,0,0,.05);box-shadow:inset 2px 2px 5px rgba(0,0,0,.05),inset -2px -2px 5px hsla(0,0%,100%,.7)}.dark .profile-item:hover{background:hsla(0,0%,100%,.05);box-shadow:inset 2px 2px 5px rgba(0,0,0,.3),inset -2px -2px 5px hsla(0,0%,100%,.02)}.profile-item.active{background:rgba(0,0,0,.08);box-shadow:inset 4px 4px 8px rgba(0,0,0,.1),inset -4px -4px 8px hsla(0,0%,100%,.8)}.dark .profile-item.active{background:hsla(0,0%,100%,.08);box-shadow:inset 4px 4px 8px rgba(0,0,0,.4),inset -4px -4px 8px hsla(0,0%,100%,.02)}.add-profile-button{border-radius:6px;padding:6px 10px;transition:all .25s ease}.add-profile-button:hover{background:rgba(0,0,0,.05);box-shadow:2px 2px 5px rgba(0,0,0,.05),-2px -2px 5px hsla(0,0%,100%,.7)}.dark .add-profile-button:hover{background:hsla(0,0%,100%,.05);box-shadow:2px 2px 5px rgba(0,0,0,.3),-2px -2px 5px hsla(0,0%,100%,.02)}.separator{height:1px;background:rgba(0,0,0,.1);margin:10px 0}.dark .separator{background:hsla(0,0%,100%,.1)}.menu-categories-button{padding:10px;border-radius:8px;transition:all .25s ease}.menu-categories-button:hover{background:rgba(0,0,0,.05);box-shadow:2px 2px 5px rgba(0,0,0,.05),-2px -2px 5px hsla(0,0%,100%,.7)}.dark .menu-categories-button:hover{background:hsla(0,0%,100%,.05);box-shadow:2px 2px 5px rgba(0,0,0,.3),-2px -2px 5px hsla(0,0%,100%,.02)}.menu-categories-slider{margin-top:12px;border-radius:10px;background:rgba(0,0,0,.02);box-shadow:inset 2px 2px 5px rgba(0,0,0,.05),inset -2px -2px 5px hsla(0,0%,100%,.7);padding:12px}.dark .menu-categories-slider{background:hsla(0,0%,100%,.02);box-shadow:inset 2px 2px 5px rgba(0,0,0,.3),inset -2px -2px 5px hsla(0,0%,100%,.02)}.menu-category-header{font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;color:var(--accent-color,#4f46e5);font-weight:600}.menu-category-button{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;transition:all .2s ease;margin:4px 0}.menu-category-button:hover{background:rgba(0,0,0,.05);box-shadow:2px 2px 4px rgba(0,0,0,.05),-2px -2px 4px hsla(0,0%,100%,.7)}.dark .menu-category-button:hover{background:hsla(0,0%,100%,.05);box-shadow:2px 2px 4px rgba(0,0,0,.3),-2px -2px 4px hsla(0,0%,100%,.02)}.icon-container{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:rgba(0,0,0,.03);box-shadow:1px 1px 3px rgba(0,0,0,.05),-1px -1px 3px hsla(0,0%,100%,.7)}.dark .icon-container{background:hsla(0,0%,100%,.03);box-shadow:1px 1px 3px rgba(0,0,0,.3),-1px -1px 3px hsla(0,0%,100%,.02)}.profile-loading{border-radius:8px;padding:8px 16px;background:rgba(0,0,0,.03);box-shadow:inset 2px 2px 5px rgba(0,0,0,.05),inset -2px -2px 5px hsla(0,0%,100%,.7)}.dark .profile-loading{background:hsla(0,0%,100%,.03);box-shadow:inset 2px 2px 5px rgba(0,0,0,.3),inset -2px -2px 5px hsla(0,0%,100%,.02)}.error-message{color:#ef4444;padding:8px 10px;margin:6px 0;border-radius:8px;background:rgba(239,68,68,.08);box-shadow:inset 2px 2px 5px rgba(0,0,0,.05),inset -2px -2px 5px hsla(0,0%,100%,.7);font-size:14px}.dark .error-message{background:rgba(239,68,68,.08);box-shadow:inset 2px 2px 5px rgba(0,0,0,.3),inset -2px -2px 5px hsla(0,0%,100%,.02)}.fade-in{animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.neumorphic-container{z-index:1000}.profiles-dropdown{z-index:9999}main:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:30px;pointer-events:none}[data-theme=dark] main:after{background:linear-gradient(0deg,#000,transparent)}[data-theme=light] main:after{background:linear-gradient(0deg,#fff,hsla(0,0%,100%,0))}