*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f5f5f5}.login-container[data-v-60b2e4b2]{position:relative;height:100vh;overflow:hidden}.background-image[data-v-60b2e4b2]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.login-form[data-v-60b2e4b2]{position:absolute;right:100px;top:50%;transform:translateY(-50%);width:400px;padding:30px;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:10}.login-tabs[data-v-60b2e4b2]{display:flex;margin-bottom:20px;border-bottom:1px solid #e0e0e0}.tab-btn[data-v-60b2e4b2]{flex:1;padding:10px;background:none;border:none;font-size:14px;color:#666;cursor:pointer;transition:all .3s;border-bottom:2px solid transparent}.tab-btn.active[data-v-60b2e4b2]{color:#2e7d32;border-bottom-color:#2e7d32;font-weight:700}.form-item[data-v-60b2e4b2]{margin-bottom:20px}.form-item label[data-v-60b2e4b2]{display:block;margin-bottom:8px;color:#666;font-size:14px}.form-item input[data-v-60b2e4b2]{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;transition:border-color .3s}.form-item input[data-v-60b2e4b2]:focus{outline:none;border-color:#2e7d32}.code-input-container[data-v-60b2e4b2]{display:flex;gap:10px}.code-input-container input[data-v-60b2e4b2]{flex:1}.get-code-btn[data-v-60b2e4b2]{padding:0 20px;background-color:#f5f5f5;color:#666;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;transition:all .3s}.get-code-btn[data-v-60b2e4b2]:hover{background-color:#e0e0e0}.remember-me[data-v-60b2e4b2]{display:flex;align-items:center;margin-bottom:20px;justify-content:flex-end}.remember-me input[type=checkbox][data-v-60b2e4b2]{margin-right:2px;cursor:pointer;width:auto;height:auto}.remember-me label[data-v-60b2e4b2]{margin:0;cursor:pointer;color:#666;font-size:14px}.login-btn[data-v-60b2e4b2]{width:100%;padding:12px;background-color:#2e7d32;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.login-btn[data-v-60b2e4b2]:hover{background-color:#388e3c}.login-footer[data-v-60b2e4b2]{display:flex;justify-content:space-between;margin-top:15px}.forgot-password[data-v-60b2e4b2],.register[data-v-60b2e4b2]{font-size:14px;color:#666;text-decoration:none;transition:color .3s}.forgot-password[data-v-60b2e4b2]:hover,.register[data-v-60b2e4b2]:hover{color:#2e7d32}.beian-info[data-v-60b2e4b2]{position:absolute;bottom:20px;left:0;right:0;text-align:center;z-index:10}.beian-info p[data-v-60b2e4b2]{margin:0;font-size:12px;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.beian-info a[data-v-60b2e4b2]{color:#fff;text-decoration:none}.beian-info a[data-v-60b2e4b2]:hover{color:#e0e0e0}.beian-icon[data-v-60b2e4b2]{vertical-align:middle}@media(max-width:768px){.login-form[data-v-60b2e4b2]{position:relative;right:auto;top:auto;transform:none;width:90%;max-width:400px;margin:50px auto}.background-image[data-v-60b2e4b2]{object-fit:cover}}.home-container[data-v-f56618c9]{display:flex;height:100vh;overflow:hidden;position:relative}.mobile-menu-btn[data-v-f56618c9]{position:fixed;top:15px;left:15px;z-index:1001;background-color:#2c3e50;color:#fff;border:none;border-radius:4px;padding:10px;font-size:18px;cursor:pointer;box-shadow:0 2px 5px #0003}.sidebar[data-v-f56618c9]{width:240px;background-color:#2c3e50;color:#fff;display:flex;flex-direction:column;transition:transform .3s ease}.sidebar-header[data-v-f56618c9]{padding:20px;border-bottom:1px solid #34495e;display:flex;justify-content:space-between;align-items:center}.sidebar-header h2[data-v-f56618c9]{font-size:18px;margin:0}.close-sidebar-btn[data-v-f56618c9]{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;line-height:1}.sidebar-menu[data-v-f56618c9]{flex:1;padding:20px 0;overflow-y:auto}.menu-group[data-v-f56618c9]{margin-bottom:20px}.menu-group-title[data-v-f56618c9]{padding:0 20px 10px;font-size:14px;color:#bdc3c7;text-transform:uppercase;letter-spacing:1px}.menu-item[data-v-f56618c9]{display:flex;align-items:center;padding:12px 20px;color:#ecf0f1;text-decoration:none;transition:background-color .3s}.pending-badge[data-v-f56618c9]{margin-left:auto;background-color:#e74c3c;color:#fff;font-size:12px;font-weight:500;padding:2px 8px;border-radius:10px;min-width:20px;text-align:center}.menu-item[data-v-f56618c9]:hover{background-color:#34495e}.menu-item.router-link-active[data-v-f56618c9]{background-color:#3498db}.menu-icon[data-v-f56618c9]{font-size:18px;margin-right:12px}.sub-item[data-v-f56618c9]{padding-left:52px}.menu-item-group[data-v-f56618c9]{margin-bottom:10px}.group-header[data-v-f56618c9]{justify-content:space-between;cursor:pointer}.menu-arrow[data-v-f56618c9]{font-size:12px;transition:transform .3s ease}.menu-arrow.rotated[data-v-f56618c9]{transform:rotate(-90deg)}.sub-menu[data-v-f56618c9]{overflow:hidden;transition:max-height .3s ease;max-height:500px}.sub-menu.hidden[data-v-f56618c9]{max-height:0}.content[data-v-f56618c9]{flex:1;display:flex;flex-direction:column;background-color:#f5f5f5;overflow:hidden;transition:transform .3s ease}.content-header[data-v-f56618c9]{padding:15px 20px;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:flex-end;align-items:center}.user-info[data-v-f56618c9]{position:relative;display:flex;align-items:center;cursor:pointer}.user-name[data-v-f56618c9]{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:4px;transition:background-color .3s}.user-name[data-v-f56618c9]:hover{background-color:#f5f5f5}.user-name.active[data-v-f56618c9]{background-color:#ecf5ff}.user-arrow[data-v-f56618c9]{font-size:12px;transition:transform .3s}.user-arrow.rotated[data-v-f56618c9]{transform:rotate(180deg)}.user-dropdown[data-v-f56618c9]{position:absolute;top:100%;right:0;margin-top:8px;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 12px #0000001a;min-width:180px;z-index:1000}.dropdown-item[data-v-f56618c9]{display:flex;align-items:center;gap:10px;padding:10px 16px;transition:background-color .3s;cursor:pointer}.dropdown-item[data-v-f56618c9]:hover{background-color:#f5f5f5}.dropdown-icon[data-v-f56618c9]{font-size:16px}.dropdown-divider[data-v-f56618c9]{height:1px;background-color:#e0e0e0;margin:4px 0}.logout-item[data-v-f56618c9]{color:#e74c3c}.logout-item[data-v-f56618c9]:hover{background-color:#fef0f0}.content-body[data-v-f56618c9]{flex:1;padding:20px;overflow-y:auto}@media(max-width:767px){.sidebar-mobile[data-v-f56618c9]{position:fixed;top:0;left:0;height:100vh;width:280px;z-index:1000;transform:translate(-100%);box-shadow:2px 0 10px #0003}.sidebar-mobile.sidebar-open[data-v-f56618c9]{transform:translate(0)}.content-mobile[data-v-f56618c9]{width:100%}.content-shifted[data-v-f56618c9]{transform:translate(280px)}.content-body[data-v-f56618c9]{padding:15px}.menu-item[data-v-f56618c9]{padding:14px 20px}.sub-item[data-v-f56618c9]{padding-left:48px}.user-name[data-v-f56618c9]{padding:6px 10px;font-size:14px}.content-header[data-v-f56618c9]{padding:12px 15px}}@media(min-width:768px)and (max-width:1023px){.sidebar[data-v-f56618c9]{width:200px}.menu-item[data-v-f56618c9]{padding:10px 16px}.sub-item[data-v-f56618c9]{padding-left:44px}.content-body[data-v-f56618c9]{padding:15px}}@media(min-width:1024px)and (max-width:1279px){.sidebar[data-v-f56618c9]{width:220px}}