.bottom-nav[data-v-2cc72f6c]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-evenly;background:hsla(0,0%,100%,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid hsla(0,0%,100%,.6);padding:0 4px;box-shadow:0 -4px 30px rgba(0,0,0,.05);z-index:1000;height:56px;overflow-x:auto;overflow-y:hidden}.nav-item[data-v-2cc72f6c]{display:flex;flex:0 0 auto;min-width:44px;align-items:center;justify-content:center;color:#9ca3af;text-decoration:none;transition:all .2s ease;padding:8px 10px;border-radius:12px;margin:8px 2px;height:calc(100% - 16px);-webkit-tap-highlight-color:transparent}.nav-icon[data-v-2cc72f6c]{transition:transform .2s ease}.nav-item.active[data-v-2cc72f6c]{color:#fff;background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 4px 15px rgba(139,92,246,.3)}.nav-item.active .nav-icon[data-v-2cc72f6c]{transform:scale(1.1)}.nav-item[data-v-2cc72f6c]:hover:not(.active){color:#6b7280;background:rgba(139,92,246,.1)}.nav-item[data-v-2cc72f6c]:active:not(.active),.nav-item[data-v-2cc72f6c]:focus:not(.active){color:#6b7280;background:rgba(139,92,246,.15)}.top-bar[data-v-df0f30f8]{position:fixed;top:0;left:0;right:0;height:50px;background:hsla(0,0%,100%,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid hsla(0,0%,100%,.6);display:flex;align-items:center;justify-content:space-between;padding:0 12px;z-index:1000;box-shadow:0 4px 30px rgba(0,0,0,.05)}.lang-btn[data-v-df0f30f8]{font-weight:600}.menu-button-wrapper[data-v-df0f30f8]{position:relative;display:inline-flex}.top-bar-badge[data-v-df0f30f8]{position:absolute;top:4px;right:4px;background:linear-gradient(135deg,#ef4444,#f87171);color:#fff;border-radius:50%;width:18px;height:18px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(239,68,68,.4);animation:pulse-df0f30f8 2s infinite}@keyframes pulse-df0f30f8{0%{box-shadow:0 2px 8px rgba(239,68,68,.4)}50%{box-shadow:0 2px 12px rgba(239,68,68,.6)}to{box-shadow:0 2px 8px rgba(239,68,68,.4)}}.side-menu-overlay[data-v-df0f30f8]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:2000;display:flex;animation:fadeIn-df0f30f8 .2s ease-out}.side-menu[data-v-df0f30f8]{width:280px;height:100%;background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:20px;box-shadow:4px 0 30px rgba(0,0,0,.1);display:flex;flex-direction:column;animation:slideIn-df0f30f8 .3s ease-out}@keyframes fadeIn-df0f30f8{0%{opacity:0}to{opacity:1}}@keyframes slideIn-df0f30f8{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.close-menu[data-v-df0f30f8]{align-self:flex-end;background:none;border:none;color:#6b7280;font-size:28px;cursor:pointer;margin-bottom:20px;width:40px;height:40px;border-radius:10px;transition:all .2s ease}.close-menu[data-v-df0f30f8]:hover{background:rgba(139,92,246,.1);color:#8b5cf6}.menu-nav[data-v-df0f30f8]{display:flex;flex-direction:column}.menu-item[data-v-df0f30f8]{color:#6b7280;text-decoration:none;padding:16px 12px;border-bottom:1px solid rgba(0,0,0,.05);transition:all .2s ease;display:flex;align-items:center;gap:12px;border-radius:12px;margin-bottom:4px;font-weight:500}.menu-icon[data-v-df0f30f8]{flex-shrink:0;color:#8b5cf6}.notification-badge[data-v-df0f30f8]{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:600;min-width:20px;text-align:center;margin-left:auto}.menu-item.active[data-v-df0f30f8],.menu-item[data-v-df0f30f8]:hover{color:#8b5cf6;background:rgba(139,92,246,.1)}.logout-btn[data-v-df0f30f8]{margin-top:auto;background:linear-gradient(135deg,#ef4444,#f87171);color:#fff;border:none;padding:14px;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;width:100%;transition:all .2s ease;box-shadow:0 4px 15px rgba(239,68,68,.2)}.logout-btn[data-v-df0f30f8]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(239,68,68,.3)}.logout-btn[data-v-df0f30f8]:active{transform:scale(.98)}:root{--gradient-purple:#c4b5fd;--gradient-pink:#f0abfc;--gradient-orange:#fdba74;--gradient-peach:#fcd5ce;--text-dark:#1f2937;--text-muted:#6b7280;--card-bg:hsla(0,0%,100%,.7);--card-border:hsla(0,0%,100%,.5)}body,html{height:100%;background:radial-gradient(ellipse at 0 0,hsla(0,0%,100%,.6) 0,transparent 45%),linear-gradient(180deg,#a8bcf0,#dbb8e0 35%,#f0c0b0 70%,#f5a882);background-attachment:fixed;background-size:cover}#app,body,html{margin:0;padding:0;min-height:100vh}#app{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:var(--text-dark);box-sizing:border-box;background:transparent;position:relative}#app:before{top:-20%;right:-10%;width:50%;background:radial-gradient(circle,rgba(168,188,240,.5) 0,transparent 70%)}#app:after,#app:before{content:"";position:fixed;height:50%;pointer-events:none;z-index:-1}#app:after{bottom:-10%;left:-10%;width:60%;background:radial-gradient(circle,hsla(20,85%,74%,.5) 0,transparent 70%)}#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:linear-gradient(135deg,var(--gradient-purple) 0,var(--gradient-pink) 100%);color:#fff;padding:10px;text-align:center;z-index:1001;box-shadow:0 4px 20px rgba(0,0,0,.1)}.update-prompt button{background:#fff;color:var(--text-dark);border:none;padding:8px 16px;margin-left:10px;border-radius:20px;cursor:pointer;font-weight:500}.offline-banner{position:fixed;bottom:70px;left:0;right:0;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;padding:12px;text-align:center;z-index:1001;box-shadow:0 -4px 20px rgba(0,0,0,.1);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:28px;font-weight:600;color:var(--text-dark)}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.glass-card{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.05)}