.app{min-height:100vh;display:flex;flex-direction:column}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999}.spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:#07c160;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.main-content{flex:1;padding-bottom:60px;overflow-y:auto}.user-menu-btn{position:fixed;top:12px;right:12px;z-index:100;cursor:pointer}.user-avatar-small{width:32px;height:32px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000026;display:flex;align-items:center;justify-content:center;font-size:14px;color:#07c160;overflow:hidden}.user-avatar-small img{width:100%;height:100%;object-fit:cover}.user-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:200;display:flex;justify-content:flex-end}.user-menu{background:#fff;width:280px;height:100%;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.user-menu-header{background:linear-gradient(135deg,#07c160,#06ad56);color:#fff;padding:40px 20px 20px;display:flex;align-items:center;gap:16px}.user-avatar-large{width:50px;height:50px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:20px;overflow:hidden}.user-avatar-large img{width:100%;height:100%;object-fit:cover}.user-info{flex:1}.user-name{font-size:18px;font-weight:600}.user-role{font-size:12px;opacity:.8;margin-top:2px}.user-menu-items{padding:8px 0}.menu-item{display:flex;align-items:center;gap:12px;padding:14px 20px;color:#333;text-decoration:none;cursor:pointer}.menu-item:active{background:#f5f5f5}.menu-item span:first-child{font-size:20px}.tab-bar{position:fixed;bottom:0;left:0;right:0;height:56px;background:#fff;display:flex;justify-content:space-around;align-items:center;border-top:1px solid #eee;padding-bottom:env(safe-area-inset-bottom)}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#999;font-size:10px;flex:1;padding:6px 0}.tab-item.active{color:#07c160}.tab-icon{font-size:20px;margin-bottom:2px}.tab-text{font-size:11px}