.bottom-nav[data-v-f9845106]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background-color:#1e1e1e;padding:0;box-shadow:0 -2px 10px rgba(0,0,0,.2);z-index:1000;height:40px}.nav-item[data-v-f9845106]{display:flex;flex:1;align-items:center;justify-content:center;color:#8d8d8d;text-decoration:none;transition:all .2s;padding:12px 6px;border-radius:4px;height:100%;-webkit-tap-highlight-color:transparent}.nav-item.active[data-v-f9845106]{color:#1e1e1e;background-color:#b39ddb;box-shadow:0 2px 8px rgba(179,157,219,.3)}.nav-item[data-v-f9845106]:hover{color:#e0e0e0;background-color:rgba(179,157,219,.1)}.nav-item[data-v-f9845106]:active,.nav-item[data-v-f9845106]:focus{color:#1e1e1e;background-color:#b39ddb}.top-bar[data-v-80e2f26e]{position:fixed;top:0;left:0;right:0;height:40px;background-color:#1e1e1e;display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:1000}.side-menu-overlay[data-v-80e2f26e]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:2000;display:flex}.side-menu[data-v-80e2f26e]{width:250px;height:100%;background-color:#1e1e1e;padding:20px;box-shadow:2px 0 10px rgba(0,0,0,.3);display:flex;flex-direction:column}.close-menu[data-v-80e2f26e]{align-self:flex-end;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;margin-bottom:20px}.menu-nav[data-v-80e2f26e]{display:flex;flex-direction:column}.menu-item[data-v-80e2f26e]{color:#8d8d8d;text-decoration:none;padding:15px 0;border-bottom:1px solid #333;transition:color .2s;display:flex;align-items:center;gap:10px}.menu-icon[data-v-80e2f26e]{flex-shrink:0}.notification-badge[data-v-80e2f26e]{background-color:#b39ddb;color:#fff;border-radius:50%;padding:2px 6px;font-size:12px;font-weight:700;min-width:18px;text-align:center}.menu-item.active[data-v-80e2f26e],.menu-item[data-v-80e2f26e]:hover{color:#b39ddb}.logout-btn[data-v-80e2f26e]{margin-top:20px;background-color:#f44336;color:#fff;border:none;padding:12px;border-radius:4px;cursor:pointer;font-size:16px;width:100%;transition:background-color .2s}.logout-btn[data-v-80e2f26e]:hover{background-color:#d32f2f}#app,body,html{margin:0;padding:0;height:100%;background-color:#121212}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#fff;box-sizing:border-box}#app:has(.top-bar){padding-top:50px}#app:has(.bottom-nav){padding-bottom:70px}.update-prompt{position:fixed;top:50px;left:0;right:0;background-color:#b39ddb;color:#fff;padding:10px;text-align:center;z-index:1001;box-shadow:0 2px 10px rgba(0,0,0,.3)}.update-prompt button{background:#fff;color:#b39ddb;border:none;padding:5px 10px;margin-left:10px;border-radius:4px;cursor:pointer}.offline-banner{position:fixed;bottom:70px;left:0;right:0;background-color:#ff6f00;color:#fff;padding:12px;text-align:center;z-index:1001;box-shadow:0 -2px 10px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;gap:10px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.page-title{animation:slideInFromTop .6s ease-out;font-size:36px;font-weight:300;color:#fff;text-shadow:0 0 10px hsla(0,0%,100%,.5)}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}