*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:#fff;color:#111827;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;border:none;outline:none;cursor:pointer}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:70px;background:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:space-around;align-items:center;padding:8px 0;z-index:1000;box-shadow:0 -2px 10px #0000000d}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;cursor:pointer;padding:8px;transition:all .2s ease;color:#6b7280}.nav-item:hover{color:#0dd580}.nav-item.active{color:#0dd580;font-weight:600}.nav-icon{font-size:24px;transition:transform .2s ease}.nav-item:active .nav-icon{transform:scale(.9)}.nav-label{font-size:11px;font-weight:500}@media (max-width: 420px){.bottom-nav{height:60px;padding:6px 0}.nav-item{padding:4px}.nav-icon{width:22px;height:22px}.nav-label{font-size:10px}}@media (min-width: 421px) and (max-width: 639px){.bottom-nav{max-width:480px}}@media (min-width: 640px){.bottom-nav{max-width:480px}}.login-required-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.login-required-modal-content{background:#fff;border-radius:12px;width:90%;max-width:320px;overflow:hidden;box-shadow:0 4px 20px #00000026}.login-required-modal-body{padding:32px 24px;text-align:center}.login-required-modal-message{font-size:16px;color:#333;line-height:1.5;margin:0}.login-required-modal-buttons{display:flex;border-top:1px solid #e0e0e0}.login-required-modal-btn{flex:1;padding:16px;border:none;background:none;font-size:16px;cursor:pointer;transition:background-color .2s}.login-required-modal-btn:active{background-color:#0000000d}.login-required-modal-btn.cancel{color:#666;border-right:1px solid #e0e0e0}.login-required-modal-btn.login{color:var(--primary, #0DD580);font-weight:600}.login-required-modal-btn:hover{background-color:#00000008}.main-layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-bottom:70px;overflow-y:auto}@media (max-width: 480px){.main-content{padding-bottom:65px;width:100%}}.loading-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#0dd580}.loading-logo{animation:pulse 1.5s ease-in-out infinite}.logo-image{width:120px;height:auto}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}