.neumorphic-container{position:relative}.profile-button{background:var(--surface-color,#f0f0f0);border-radius:12px;transition:all .3s;box-shadow:5px 5px 10px #0000001a,-5px -5px 10px #fffc}.dark .profile-button{background:var(--dark-surface,#1a1a1a);box-shadow:5px 5px 10px #0009,-5px -5px 10px #ffffff0d}.profile-button:hover{transform:scale(1.01);box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #fffc}.dark .profile-button:hover{box-shadow:4px 4px 8px #0009,-4px -4px 8px #ffffff0d}.profile-button:active{transform:scale(.98);box-shadow:inset 2px 2px 5px #00000026,inset -2px -2px 5px #fffc}.dark .profile-button:active{box-shadow:inset 2px 2px 5px #00000080,inset -2px -2px 5px #ffffff08}.profiles-dropdown{background:var(--surface-color,#f0f0f0);border-radius:16px;position:absolute;overflow:hidden;box-shadow:8px 8px 16px #00000026,-8px -8px 16px #ffffffe6;z-index:9999!important}.dark .profiles-dropdown{background:var(--dark-surface,#1a1a1a);box-shadow:8px 8px 16px #0009,-8px -8px 16px #ffffff0d}.profile-item{border-radius:8px;margin:6px 0;transition:all .25s}.profile-item:hover{background:#0000000d;box-shadow:inset 2px 2px 5px #0000000d,inset -2px -2px 5px #ffffffb3}.dark .profile-item:hover{background:#ffffff0d;box-shadow:inset 2px 2px 5px #0000004d,inset -2px -2px 5px #ffffff05}.profile-item.active{background:#00000014;box-shadow:inset 4px 4px 8px #0000001a,inset -4px -4px 8px #fffc}.dark .profile-item.active{background:#ffffff14;box-shadow:inset 4px 4px 8px #0006,inset -4px -4px 8px #ffffff05}.add-profile-button{border-radius:6px;padding:6px 10px;transition:all .25s}.add-profile-button:hover{background:#0000000d;box-shadow:2px 2px 5px #0000000d,-2px -2px 5px #ffffffb3}.dark .add-profile-button:hover{background:#ffffff0d;box-shadow:2px 2px 5px #0000004d,-2px -2px 5px #ffffff05}.separator{background:#0000001a;height:1px;margin:10px 0}.dark .separator{background:#ffffff1a}.menu-categories-button{border-radius:8px;padding:10px;transition:all .25s}.menu-categories-button:hover{background:#0000000d;box-shadow:2px 2px 5px #0000000d,-2px -2px 5px #ffffffb3}.dark .menu-categories-button:hover{background:#ffffff0d;box-shadow:2px 2px 5px #0000004d,-2px -2px 5px #ffffff05}.menu-categories-slider{background:#00000005;border-radius:10px;margin-top:12px;padding:12px;box-shadow:inset 2px 2px 5px #0000000d,inset -2px -2px 5px #ffffffb3}.dark .menu-categories-slider{background:#ffffff05;box-shadow:inset 2px 2px 5px #0000004d,inset -2px -2px 5px #ffffff05}.menu-category-header{text-transform:uppercase;letter-spacing:.5px;color:var(--accent-color,#4f46e5);margin-bottom:8px;font-size:12px;font-weight:600}.menu-category-button{border-radius:8px;align-items:center;gap:10px;margin:4px 0;padding:8px 12px;transition:all .2s;display:flex}.menu-category-button:hover{background:#0000000d;box-shadow:2px 2px 4px #0000000d,-2px -2px 4px #ffffffb3}.dark .menu-category-button:hover{background:#ffffff0d;box-shadow:2px 2px 4px #0000004d,-2px -2px 4px #ffffff05}.icon-container{background:#00000008;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;box-shadow:1px 1px 3px #0000000d,-1px -1px 3px #ffffffb3}.dark .icon-container{background:#ffffff08;box-shadow:1px 1px 3px #0000004d,-1px -1px 3px #ffffff05}.profile-loading{background:#00000008;border-radius:8px;padding:8px 16px;box-shadow:inset 2px 2px 5px #0000000d,inset -2px -2px 5px #ffffffb3}.dark .profile-loading{background:#ffffff08;box-shadow:inset 2px 2px 5px #0000004d,inset -2px -2px 5px #ffffff05}.error-message{color:#ef4444;background:#ef444414;border-radius:8px;margin:6px 0;padding:8px 10px;font-size:14px;box-shadow:inset 2px 2px 5px #0000000d,inset -2px -2px 5px #ffffffb3}.dark .error-message{background:#ef444414;box-shadow:inset 2px 2px 5px #0000004d,inset -2px -2px 5px #ffffff05}.fade-in{animation:.3s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.neumorphic-container{z-index:1000}.profiles-dropdown{z-index:9999}