*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#app{display:flex;flex-direction:column;min-height:100vh}.navbar{background:linear-gradient(135deg,#fd6a72,#ff2f6d);overflow:visible;position:sticky;top:0;z-index:1000}.nav-container{align-items:center;display:flex;gap:10px;height:60px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}@media (max-width:768px){.nav-container{gap:5px;height:70px;max-width:100%;padding:0}.nav-container,.navbar{overflow:visible}}.nav-brand{align-items:center;display:flex;gap:12px}.nav-brand .brand-link{align-items:center;color:#fff;cursor:pointer;display:flex;gap:8px;text-decoration:none;transition:opacity .2s ease}.nav-brand .brand-link:hover{opacity:.9}.nav-brand .brand-link:active{opacity:.8}.refresh-btn{align-items:center;background:transparent;border:none;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:6px;transition:all .3s ease;width:36px}.refresh-btn:hover{transform:scale(1.1)}.refresh-btn:active{transform:scale(.95)}.refresh-icon{animation:flowerBreathe 3s ease-in-out infinite;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:22px;transition:all .3s ease;width:22px}.refresh-btn:hover .refresh-icon{animation:flowerBreathe 1.5s ease-in-out infinite;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3));transform:scale(1.15)}@keyframes flowerBreathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.95;transform:scale(1.08)}}.mobile-update-btn{display:none}.brand-icon{animation:brandIconFloat 3s ease-in-out infinite;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:28px;width:28px}.brand-text{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:560}.brand-link,.brand-text,.no-copy,.no-select{-webkit-tap-highlight-color:transparent!important;pointer-events:auto!important}.brand-link,.brand-text,.nav-link,.navbar,.no-copy,.no-select{-webkit-touch-callout:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.brand-link,.brand-text,.nav-link,.navbar{-webkit-user-drag:none!important;-webkit-tap-highlight-color:rgba(0,0,0,0)!important;touch-action:manipulation!important}.nav-brand .brand-link,.nav-brand .brand-link *{-webkit-touch-callout:none!important;touch-action:none!important;-webkit-user-select:none!important}.nav-brand .brand-link *{pointer-events:none!important}.brand-link:after,.brand-link:before,.nav-link:after,.nav-link:before{content:none!important;display:none!important}a.brand-link,a.nav-link{-webkit-touch-callout:none!important;touch-action:none!important;-webkit-user-select:none!important}@keyframes brandIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.nav-menu{align-items:center;background:transparent;box-shadow:none;display:flex;flex-direction:row;gap:20px;height:auto;overflow:visible;padding:0;position:relative;right:auto;top:auto;transition:none;width:auto;z-index:auto}.nav-menu.active{right:0}.nav-menu-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);border-radius:12px;cursor:pointer;display:none;margin:0 10px 20px;padding:20px;transition:all .3s ease}.nav-menu-header:hover{background:hsla(0,0%,100%,.1);transform:translateY(-1px)}.nav-menu-avatar{align-items:center;background:hsla(0,0%,100%,.2);border-radius:50%;display:flex;height:50px;justify-content:center;margin-right:15px;width:50px}.avatar-icon{color:hsla(0,0%,100%,.9);height:300px;width:30px}.nav-menu-user-info{flex:1}.user-name{color:#fff;font-size:16px;font-weight:600;margin-bottom:4px}.user-status{color:hsla(0,0%,100%,.7);font-size:14px}.nav-menu-footer{border-top:1px solid hsla(0,0%,100%,.1);display:none;margin-top:auto;padding:20px}.nav-link{align-items:center;border-radius:12px;color:hsla(0,0%,100%,.9);display:flex;font-weight:500;gap:8px;margin:0 4px;padding:12px 20px;text-align:center;text-decoration:none;transition:all .3s ease;width:auto}.nav-link:before{background:hsla(0,0%,100%,.3);border-radius:2px;content:"";display:none;height:20px;transition:all .3s ease;width:4px}.nav-link.active,.nav-link:hover{background:transparent;box-shadow:none;color:#fff;transform:translateY(-2px)}.nav-link.active:before,.nav-link:hover:before{background:hsla(0,0%,100%,.8);display:none;width:6px}.vip-link{background:transparent;color:hsla(0,0%,100%,.9)!important;font-weight:500}.vip-link.active,.vip-link:hover{background:transparent;color:#fff!important}.auth-section{align-items:center;display:flex;gap:10px}.login-btn{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3)}.user-menu{gap:10px}.profile-link,.user-menu{align-items:center;display:flex}.profile-link{background:hsla(0,0%,100%,.1);border-radius:20px;gap:8px;padding:6px 12px}.user-avatar{align-items:center;background:hsla(0,0%,100%,.3);border-radius:50%;color:hsla(0,0%,100%,.9);display:flex;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.username{font-size:14px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-profile-link,.desktop-user-status{align-items:center;display:flex;gap:8px}.desktop-profile-link{background:hsla(0,0%,100%,.1);border-radius:20px;color:#fff;padding:6px 12px;text-decoration:none;transition:all .3s ease}.desktop-profile-link:hover{background:hsla(0,0%,100%,.2);transform:translateY(-1px)}.desktop-user-avatar{align-items:center;background:hsla(0,0%,100%,.3);border-radius:50%;color:hsla(0,0%,100%,.9);display:flex;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.desktop-username{font-size:14px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-login-link{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:20px;color:#fff;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .3s ease}.desktop-login-link:hover{background:hsla(0,0%,100%,.3);transform:translateY(-1px)}.logout-btn{background:hsla(0,0%,100%,.2);border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .3s ease}.logout-btn:hover{background:hsla(0,0%,100%,.3)}.nav-toggle{background:hsla(0,0%,100%,.1);border-radius:8px;cursor:pointer;flex-direction:column;gap:4px;height:40px;justify-content:center;padding:8px;transition:all .3s ease;width:40px}.mobile-nav-menu,.nav-toggle{align-items:center;display:none}.mobile-nav-menu{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;flex:1;gap:8px;margin:0;min-width:0;overflow-x:auto;overflow-y:hidden;padding:0;scrollbar-width:none;white-space:nowrap}.mobile-nav-menu::-webkit-scrollbar{display:none}.mobile-nav-link{-webkit-tap-highlight-color:transparent;align-items:center;background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:20px;color:#fff;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:500;padding:6px 14px;text-decoration:none;transform:translateZ(0);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease;white-space:nowrap;will-change:background,border-color,color}.mobile-nav-link.active,.mobile-nav-link:hover{background:#fff;border-color:#fff;box-shadow:0 2px 8px hsla(0,0%,100%,.3);color:#ff4575}.mobile-nav-link:active{background:#fff;border-color:#fff;color:#ff4575;transform:scale(.98)}button.mobile-nav-link{cursor:pointer;font-family:inherit}@media (hover:none) and (pointer:coarse){.mobile-nav-link:active{background:#fff;color:#ff4575;transform:scale(.98)}}.desktop-brand{display:flex}.desktop-toggle{display:none}.hamburger-line{background:#fff;border-radius:1px;height:2px;transform-origin:center;transition:all .3s ease;width:20px}.nav-toggle:hover{background:hsla(0,0%,100%,.2);transform:scale(1.05)}.nav-toggle.active .hamburger-line:first-child{transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active .hamburger-line:nth-child(2){opacity:0}.nav-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.main-content{flex:1;padding-top:0}.global-loading{align-items:center;background:hsla(0,0%,100%,.9);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-spinner{animation:spin 1s linear infinite;border:6px solid #f3f3f3;border-radius:50%;border-top-color:#ff6b35;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.global-message{word-wrap:break-word;align-items:center;animation:slideInRight .3s ease-out;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.12);color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;max-width:300px;padding:16px 24px;position:fixed;right:20px;top:80px;z-index:1001}.global-message:before{content:"✓";font-size:16px;font-weight:700}.global-message.success{background:linear-gradient(135deg,#28c2b5,#13665f00 90%)}.global-message.error{background:linear-gradient(135deg,#ff6b6b,#ee5a52)}.global-message.warning{background:linear-gradient(135deg,#feca57,#ff9ff3);color:#333}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.desktop-brand,.desktop-toggle{display:none}.mobile-nav-menu{display:flex}.refresh-btn{padding:6px}.refresh-btn,.refresh-btn:hover{background:transparent;border:none}.refresh-btn:hover{transform:scale(1.1)}.refresh-icon{height:20px;width:20px}.nav-menu{background:linear-gradient(135deg,#ff7285,#ff6380 20%,#ff547a 40%,#ff4575 60%,#ff3670 80%,#ff427a);flex-direction:column;gap:0;height:100vh;opacity:1;overflow-y:auto;padding:20px 0;position:fixed;right:-280px;top:0;transform:none;transition:right .3s cubic-bezier(.4,0,.2,1);visibility:visible;width:280px;z-index:1001}.nav-link{gap:12px;margin:4px 10px;text-align:left;width:calc(100% - 20px)}.nav-link.active:before,.nav-link:before,.nav-link:hover:before{display:block}.nav-link.active,.nav-link:hover{background:transparent;color:#fff;transform:translateX(4px)}.nav-link.active:before,.nav-link:hover:before{background:hsla(0,0%,100%,.8);width:6px}.nav-menu-header{display:flex}.nav-menu-footer{border-top:1px solid hsla(0,0%,100%,.1);display:block;margin-top:auto;padding:20px}.profile-link{align-items:center;border-radius:12px;display:flex;font-weight:500;gap:12px;margin:4px 10px;padding:12px 20px;text-align:left;transition:all .3s ease;width:calc(100% - 20px)}.profile-link:before{background:hsla(0,0%,100%,.3);border-radius:2px;content:"";display:block;height:20px;transition:all .3s ease;width:4px}.profile-link.active,.profile-link:hover{background:transparent;color:#fff;transform:translateX(4px)}.profile-link.active:before,.profile-link:hover:before{background:hsla(0,0%,100%,.8);width:6px}.user-avatar{align-items:center;background:hsla(0,0%,100%,.3);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.username{color:#fff;font-size:16px;font-weight:500}.desktop-user-status{display:none}.nav-menu.active{right:0}.auth-section,.user-menu{justify-content:center;width:100%}.nav-container{padding:0 15px}.global-message{left:10px;max-width:none;right:10px}}@media (min-width:769px){.desktop-brand,.desktop-toggle{display:flex}.mobile-nav-menu{display:none}}@media (max-width:480px){.nav-menu{width:260px}.nav-link{font-size:14px;margin:3px 8px;padding:10px 12px;width:calc(100% - 16px)}.nav-menu-footer,.nav-menu-header{padding:15px}.profile-link{padding:10px 12px}.user-avatar{font-size:12px;height:28px;width:28px}.username{font-size:14px}.nav-container{padding:0}}@media (max-width:360px){.nav-menu{width:240px}.nav-link{font-size:13px;margin:2px 6px;padding:8px 10px;width:calc(100% - 12px)}.nav-menu-footer,.nav-menu-header{padding:12px}.profile-link{padding:8px 10px}.user-avatar{font-size:11px;height:24px;width:24px}.username{font-size:13px}}.nav-menu-close-btn{background:transparent;border:none;color:#fff;cursor:pointer;display:none;font-size:28px;left:18px;position:absolute;top:18px;transition:color .2s;z-index:10}.nav-menu-close-btn:hover{color:gold}@media (max-width:768px){.nav-menu-close-btn{display:block}}